harapeko

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
const add = (date, days) => new Date(date).setDate(new Date(date).getDate() + days)
const today = new Intl.DateTimeFormat().format(new Date())
firsts = [...Array(40).keys()].map(n => new Intl.DateTimeFormat('ja-JP', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit'
}).format(add(today, n)))

$('#btn_Search_Medical').click()

harapeko

突然CSSいじって言われたときSassなんだが、Sass...？とはにならないようにする為の20分 〜 はじめてのSass 〜

本日内容

やらないこと

• 環境設定
• 細かい機能
  • mixin(,include), placeholder, extend
  • Module
  • Dart版とそれまでの違い
• 詳細度

harapeko

モブプログラミング is …

1台のコンピューターの前に数人が集まって、
ひとつの問題を協力して解決することなんです！！

まずはモブプロしている人たちのリアル映像をみて雰囲気を掴みましょう！！

モブプロの恩恵2つをご紹介！

1. 成長しやすい文化が生まれちゃう！

harapeko

#!/bin/sh

# ---
# git diff archive
#
# HOWTO
#   ./gda.sh [from]
#   ./gda.sh [from] [to]
#   toを省略した場合はHEADがのコミットハッシュが使われます
#

harapeko

.anim-fade-in
  animation-name: fade-in
  animation-duration: 1s
  animation-timing-function: ease-in-out
  &.fast
    animation-duration: 300ms

@keyframes fade-in
  0%
    opacity: 0

harapeko

///*------------------------------------*\
//    #margin
//\*------------------------------------*/

// 省略記号の意味
// m - margin
// a - all
// t, r, b, l - top, right, bottom, left
// x, y - top and bottom, right and left
// 0, s, m - zero, small, medium

harapeko

.FlexGrid
  $cols: 16

  display: flex

  &.is-reverse
    flex-direction: row-reverse

  &.is-start
    justify-content: flex-start

harapeko

*,
*::before,
*::after {
    box-sizing: border-box;
    word-break: break-all;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr, button, input {
    margin: 0;
    padding: 0;

harapeko

# SEE: https://codepen.io/harapeko/pen/KWobXR

class ToggleTarget

  init: =>
    $(document).off 'click'
    $(document).on 'click', '.js-toggle', (event)->
      event.preventDefault()
      $btn = $ @ #clickした要素
      $(document).off 'click', '.js-toggle'

harapeko

# エントリ系、設定系、プラグイン系などのcssを追記する