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

デモ

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

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