参考
jekyll + GitHub Pagesを使って無料でブログサイトを作る

gem installを使った際にエラーが発生したので対処方法をメモ

$ gem install jekyll

Fetching: liquid-3.0.6.gem (100%)
ERROR:  While executing gem ... (Gem::FilePermissionError)
    You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

対処法

インストール先を/usr/local/binに変更する事でエラーを回避できました。

$ sudo gem install -n /usr/local/bin jekyll
Password:
Fetching: liquid-3.0.6.gem (100%)
Successfully installed liquid-3.0.6
Fetching: kramdown-1.9.0.gem (100%)
Successfully installed kramdown-1.9.0
Fetching: mercenary-0.3.5.gem (100%)
Successfully installed mercenary-0.3.5
Fetching: safe_yaml-1.0.4.gem (100%)
Successfully installed safe_yaml-1.0.4
Fetching: colorator-0.1.gem (100%)
Successfully installed colorator-0.1
Fetching: rouge-1.10.1.gem (100%)
Successfully installed rouge-1.10.1
Fetching: sass-3.4.20.gem (100%)
Successfully installed sass-3.4.20
Fetching: jekyll-sass-converter-1.4.0.gem (100%)
Successfully installed jekyll-sass-converter-1.4.0
Fetching: rb-fsevent-0.9.7.gem (100%)
Successfully installed rb-fsevent-0.9.7
Fetching: ffi-1.9.10.gem (100%)
Building native extensions.  This could take a while...
Successfully installed ffi-1.9.10
Fetching: rb-inotify-0.9.5.gem (100%)
Successfully installed rb-inotify-0.9.5
Fetching: listen-3.0.5.gem (100%)
Successfully installed listen-3.0.5
Fetching: jekyll-watch-1.3.0.gem (100%)
Successfully installed jekyll-watch-1.3.0
Fetching: jekyll-3.0.1.gem (100%)
Successfully installed jekyll-3.0.1
Parsing documentation for liquid-3.0.6
Installing ri documentation for liquid-3.0.6
Parsing documentation for kramdown-1.9.0
Installing ri documentation for kramdown-1.9.0
Parsing documentation for mercenary-0.3.5
Installing ri documentation for mercenary-0.3.5
Parsing documentation for safe_yaml-1.0.4
Installing ri documentation for safe_yaml-1.0.4
Parsing documentation for colorator-0.1
Installing ri documentation for colorator-0.1
Parsing documentation for rouge-1.10.1
Installing ri documentation for rouge-1.10.1
Parsing documentation for sass-3.4.20
Installing ri documentation for sass-3.4.20
Parsing documentation for jekyll-sass-converter-1.4.0
Installing ri documentation for jekyll-sass-converter-1.4.0
Parsing documentation for rb-fsevent-0.9.7
Installing ri documentation for rb-fsevent-0.9.7
Parsing documentation for ffi-1.9.10
Installing ri documentation for ffi-1.9.10
Parsing documentation for rb-inotify-0.9.5
Installing ri documentation for rb-inotify-0.9.5
Parsing documentation for listen-3.0.5
Installing ri documentation for listen-3.0.5
Parsing documentation for jekyll-watch-1.3.0
Installing ri documentation for jekyll-watch-1.3.0
Parsing documentation for jekyll-3.0.1
Installing ri documentation for jekyll-3.0.1
14 gems installed

これでjekyllを使えるようになりました。

gem install bundlerする際にもこの方法で出来ました。

sudo gem install -n /usr/local/bin bundler

以下のサイトを参考にさせていただきました。

El Capitanにしたらmailcatcherがなくなっていたので入れなおす

美しいグラフが表示されるのですが、マウススクロールすると全体が動くようになります。

デモ

ホイールを取得する部分は以下のようなコードになっています。

jQuery(document).bind('DOMMouseScroll mousewheel', function(e, delta) {
    var newval,
        num = $('div.css-chart p').css('padding-left');
    delta = delta || e.detail || e.wheelDelta;
    if (delta> 0 || e.which == 38) {
        newval = parseFloat(num) + 10 * (e.shiftKey ? .1 : 1);
    } else if (delta <0 || e.which == 40) {
        newval = parseFloat(num) - 10 * (e.shiftKey ? .1 : 1);
    } else {
        return true;
    }
    $('style.padleft').remove();
    $('<style class="padleft"> div.css-chart p { padding-left : '+newval+'px; }')
        .appendTo(document.body);
    e.preventDefault();
})

将来はこういったインタラクティブなサイトが普通に作れるようになるのかも知れないですね。

2010.04.20追記
スタイルシートはsassで作られているようです。
※sassはスタイルシートを簡潔に表現するためのメタ言語です。

コードはGithubにアップされていましたので、興味のある方はダウンロードしてみてください。

Github

ファイルが増えるのは良いのですが、それによりページを開くのに時間がかかる場合があります。
できるだけ一つにまとめるのが良いようですね。

そこで複数のJavaScriptをサーバーサイドで一つにまとめてくれるRubyライブラリ「Sprockets」をご紹介します。

HTTPのアクセス数を減らす事にもなるのでサーバーにもクライアントにも優しい対策です。

以下のようなコードで動的に生成できるようです。

secretary = Sprockets::Secretary.new(
  :asset_root   => "public",
  :load_path    => ["vendor/sprockets/*/src", "vendor/plugins/*/javascripts"],
  :source_files => ["app/javascripts/application.js", "app/javascripts/**/*.js"]
)

# Generate a Sprockets::Concatenation object from the source files
concatenation = secretary.concatenation
# Write the concatenation to disk
concatenation.save_to("public/sprockets.js")

# Install provided assets into the asset root
secretary.install_assets

コマンドラインからも実行可能との事。

$ sprocketize -I app/javascripts \
              -I vendor/sprockets/prototype/src \
              -I vendor/sprockets/color_picker/src \
              --asset-root=public \
              app/javascripts/*.js > public/sprockets.js

サーバーの負荷対策をされている方はぜひ導入してみてはいかがでしょうか。

サーバサイドJavaScriptであるnode.js。使ってる方には便利なフレームワークだと思います。サンプル付きなので仕組みを知っている方には簡単に組み込めるのでは無いでしょうか。

マルチパートのファイルアップロードをサポートや、Cookieのサポート、セッションのサポートがあるようです。

Sinatraを使ってサイトを構築している方、もしくはnode.jsを使っている方は導入を検討してみてはいかがでしょうか。

• Twitter / OpenSource

Ruby、Java、Scala、C/C++で書かれており、
負荷分散や、つぶやきをテキスト処理するためのルーチンなどが公開されています。

他の人の書いたプログラムは読むだけで勉強になりますよね。同じ言語を使用している方はダウンロードされてみてはいかがでしょうか。

チームで共同作業する際に、他の人がどのような状態なのか細かく知る必要があります。通常はメールでやり取りすると思いますが,後からメールを探す時に「あの時のメールはどこだっけ、、、」という事もよくあります。

Teamboxを使用する事でメッセージやファイルの管理、共有が簡単にできるため、細かく全体を把握するのに便利かもしれません。

iPhoneにも対応

iPhoneもサポートされているため、外出先からプロジェクトの状態を閲覧する事も可能になっています。
プロジェクト管理で頭を悩ましている方、使ってみてはいかがでしょうか。