豪2012.02.1352610この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。リッチなUIを比較的大きなプロジェクトでも実現しようとする動きが前にも増して強くなっているようです。PhoneGap等のスマートフォン向けネイティブ(風)アプリにおいてもより複雑な実装が求められると思います。その結果、複雑化しがちなJavaScript界にMVCフレームワークが乱立してきています。その中でもRails3.1でも採用されたCofeeScriptと親和性の高い(Spine.js自体もCoffeeScriptで書かれていますし、公式ドキュメントもCoffeeScript/JavaScript両方で書かれています)、今後注目されるであろうフレームワークがSpine.jsという訳です。人気のフレームワークであるBackBone.jsを尻目に作られたかは知りませんが、似ているところがあるようです。CoffeeScriptも人気急上昇中の言語です。この言語はJavaScriptのワナ、弱点、イケてないところを隠しかつ少ないコードで書けるように工夫された言語です。コンパイルされるとJavaScriptになります。詳しくは他のブログで書いてくれるでしょう。Spine.jsの紹介に関してはこちらでも扱ってます。とうことで公式ドキュメントに従ってSpine.jsの旅に出ましょう!導入方法を選ぶノウガキはさておき導入してみましょう。ドキュメントによると3つの方法があるようです。JavaScriptのライブラリとして組み込む。Railsと一緒に使う。CoffeeScript、hemと一緒に使う。いう事で3番目の方法を選びました。開発環境は3を選んだ場合、CoffeeScriptを使う都合上Unix系のコマンドラインツールをインストール必要があります。Windowsの場合はCygwinやMinGW上で動くと思います。個人的にはWindowsならVM上にLinuxを入れるのがオススメです。エディタはGUI君ならAptana、CUI野郎ならEmacs,Vimに用にツールがあるようです。ちなみに自分の環境はMacにEclipse+Aptanaです。必要になりますが、その過程でnode.jsとmpnが必要になりますがこれらのインストールについては他で紹介されていますのでそちらを参照してください。hemはJavaScriptの依存関係を解決するツールで、サーバー機能も持っています。.npmがpackege.jsonを参照してインストールするようです。インストール完了しました。ブラウザで見てみます。なっていますが、これはこれで成功のようです。Appコンソールにログが出力されましたログが出ている箇所がapplication.js:10754となっているので、CoffeeScriptからコンパイルされる際にSpine.js自身と統合されているようです。最終的にデプロイされる版ではminifyされたり使ってない機能は外されたりするんでしょうか?検証したいと思っています。いうことで、今日はここまで!ちなみに今回使用したspine.jsはバージョン1.05でした。