YAMADA Naoki 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

背景

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

Vagrant の Rsync Synced Folder を使えば解決

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

設定

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

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

rbenvユーザーに切り替える

$sudo su rbenv

任意の ruby をインストール

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

$rbenv install 2.1.5

1. QuickTime Player でキャプチャ

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

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

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

	%ul#social-container.social-container
	%li.facebook<
	#fb-root
	:javascript
	(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
	fjs.parentNode.insertBefore(js, fjs);

	# Created by newuser for 5.0.2


	# rbenv
	eval "$(rbenv init -)"


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

	$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;

	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

	// 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;
	},

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