酒と泪とRubyとRailsと

Ruby on Rails と Objective-C は酒の肴です!

Backbone.js + Marionette.js / Angular.js 編 in 「Rails勉強会@東京 第88回」

普段仕事をしていると、自分のやっている案件や会社内でのプロジェクトのことはわかりますが、「Railsの他社での設計方法」みたいなことを知る機会って中々ないですよね。そんな時にオススメしたいのがRails勉強会@東京です。月1回(?)の開催で前回が88回目だったので、Rails1.xxの頃から、7年近く継続している勉強会だそうです。

この勉強会のスタイルは、参加者の興味があるテーマを集めて人気のあるテーマに従ってフリーディスカッションやハンズオンを行うというものです。参加者が主体的に発言できたり、実際の現場でどんなカタチで開発しているかがラフに聞けてしまいます^^

今回は10/19(土)の勉強会の中で、僕が参加したJavascript Frameworkの議論を参考にさせていただきつつ、周辺の資料をまとめてみました!

(2013/11/13) アシアルさんのブログのAngular.jsについての入門記事を追加


Javascriptのフレームワークについて

Hacker Newsなどを見ていると、Javascriptのフレームワークが活発に議論されているように思えます。その中でも特に有名なBackbone.js, Angular.jsを中心にまとめてみました。

Backbone.js

Backbone.jsのオススメ資料です。あと、Backbone.js自体は1,500行位だそうなのでもし詰まったら、JSのコードを直接追ってしまった方が早いかもとのこと。

Backbone.jsの入門に最適なスライド。HTMLのどの部分に適用できるかが、かなりわかりやすく書かれています。

スクリーンショット 2013-10-29 8.38.07

いつもお世話になっています、ドットインストールさんです。3分弱の動画が22本です。わずか1時間で概要がつかめちゃいます^^

Backbone.js + Railsについての入門的スライドです。Webアプリ全体設計なども含めてより実践的な内容が含まれています。

一緒に議論したエンジニアさんが実際にBackbone.jsを使った際の話です。Backbone.jsだけだと自由に書けすぎるので、チームでのルールを決めるための仕組みを自作したそう。で出来上がったモノがMarionette.jsに近いものだったそうです。新しいBackbone.jsのプロジェクトを始める際には是非ご検討下さい。

スクリーンショット 2013-10-29 8.49.43

Backbone.js + Marionette.js のコンビで開発する際にオススメな記事です。yeomanのgeneratorを使いながら開発をしているので、かなり楽ができそう^^

Angular.js

海外では他のフレームワークよりも人気の高いAngular.js。国内でもこれからキャズムを超えるかも!

Angular JSの設計思想的な部分をわかり易く説明してくれている入門スライドです。モチベーション上がりますよ^^

スクリーンショット 2013-10-29 8.30.34

安定のドットインストール。合計40分弱で、概要がつかめてしまうので忙しいあなたにもオススメ!

アシアルさんのブログ内でのAngular.jsについての入門記事。デモもあって、どんな動作をするのかイメージがつきやすいのでオススメです!

rdtrに教えていただいたサイトです。英語ですが、基礎からみっちりやる系のチュートリアル動画が紹介されているので、かなり勉強になると思います!

比較スライド

でどっちがいいのよ?と思った方のために、幾つか比較資料を用意しました!

Backbone.jsとAngular.jsの二大フレームワークのメリット・デメリットを比較したスライドです。わかりやすい!

まとめ

どちらも素晴らしいフレームワークです。ということで、「好きなモノを使いましょう」っすねww

おすすめの書籍