wakamsha

ベースとなる Button コンポーネント

type Props = Partial<{
  children: ReactNode;
  type: ButtonHTMLAttributes<HTMLButtonElement>['type'];
  disabled: ButtonHTMLAttributes<HTMLButtonElement>['disabled'];
  tabIndex: ButtonHTMLAttributes<HTMLButtonElement>['tabIndex'];
  onClick: (e: MouseEvent<HTMLButtonElement>) => void;
}>;

wakamsha

// [...Array(n)] という書き方が使える
[...Array(100)].forEach((_, i) => {
  // 何らかの処理
})

wakamsha

// Predefine list of available timing functions
  // If you need more, tween js is full of great examples
  // https://github.com/tweenjs/tween.js/blob/master/src/Tween.js#L421-L737
  const easings = {
    linear(t) {
      return t;
    },
    easeInQuad(t) {
      return t * t;
    },

wakamsha

1. QuickTime Player でキャプチャ

1. Mac 標準搭載の QuickTime Player を起動し、新規画面収録を選択。
2. キャプチャ対象となる領域をドラッグして選択。収録開始ボタンクリックで録画が開始される。
3. ⌘ + ctrl + esc で収録停止。

2. ffmpeg で動画を連番画像に切り出す

アニメーションGIF の仕様に合わせた fps で画像の切り出しを行う。

wakamsha

root = true

[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
tab_width = 2
trim_trailing_whitespace = true

wakamsha

とりあえずインストールする手順

rbenvユーザーに切り替える

$sudo su rbenv

任意の ruby をインストール

※ここでは 2.1.5 をインストール

$rbenv install 2.1.5

wakamsha

$font-family-sans-serif:  Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
$font-family-serif:       "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:   Osaka-mono, "MS Gothic", monospace;
$font-family-base:        $font-family-sans-serif !default;

wakamsha

背景

仮想マシン内にあるGitリポジトリのファイルをホストOS上のエディタで編集したいが、ホストOSから仮想マシン内のディレクトリを参照するシンボリックリンクを貼ることは出来ない。 ホストOS上にGitリポジトリを作成して、それに対して仮想マシン内からシンボリックリンクを貼ることは可能だが、仮想マシン内での実行速度が著しく低下するデメリットがあるのが問題。

Vagrant の Rsync Synced Folder を使えば解決

rsync を使ってホストOSとゲストOS間でのファイル/ディレクトリの同期ができる（Vagrant v1.5から）。 vagrant up、vagrant reload、vagrant provision、vagrant rsyncコマンドを実行すると指定したディレクトリ間での同期処理が行われる。

設定

Vagrantfileに以下のように記述する。

wakamsha

VirtualBox仮想マシンのネットワークはデフォルトでNATとなっている。 VirtualBox の場合、NAT ネットワークアダプタには 10.0.2.0/24 の IP アドレスが割り当てられ、ゲスト OS から見える ホスト OS の IP アドレスには 10.0.2.2 が設定される仕様。

したがってホストOS上に建てたサーバーにゲストOSからアクセスしたい場合は、http://10.0.2.2とアクセスすれば普通に見ることができる。

参考

• http://garbagetown.hatenablog.com/entry/20100313/1270039659

wakamsha

# Created by newuser for 5.0.2


# rbenv
eval "$(rbenv init -)"


# git code assist
fpath=($(brew --prefix)/share/zsh/site-functions $fpath)