Cape.JS 入門
2015年生まれの新しい JavaScript UI フレームワーク、Cape.JS を紹介する連載を始めます。
Ruby on Rails アプリケーションに Cape.JS を組み合わせ、簡単な TODO 管理アプリケーションを作りながら一歩ずつ Cape.JS プログラミングを学んでいきます。
Cape.JS は React や Riot と同じく「仮想DOM」という技法を用いています。Cape.JS を活用するとインタラクティブな Web ページ、すなわちユーザーのアクションによって動的に内容が変化する Web ページを作れます。
最近まで、インタラクティブな Web ページは jQuery を駆使して作るのが一般的でしたが、「仮想DOM」を採用すればフロントエンドのプログラミングがずっと楽になります。
念のため申し添えますと、この連載の筆者は Cape.JS を作った本人（黒田）です。連載開始時点でCape.JS を利用しているのは私と会社の同僚数人だけですが、できるかぎり多くの人に Cape.JS を使ってもらえたらなと思っています。
Cape.JS はオープンソースプロジェクトです。MITライセンスの元で配布されています。無償で利用でき、ソースコードを改変して再配布・販売することも可能です。ソースコードはGitHubのリポジトリにあります。また、英語のドキュメントも用意されています。
記事一覧
- Hello, world! （2015/05/19）
- カスタム属性値の参照とHTML要素のネスティング （2015/05/22）
- テキストノードの作成 （2015/05/23）
- Ruby on Rails への組み込み（1） （2015/05/29）
- Ruby on Rails への組み込み（2） （2015/06/02）
- コンポーネントにデータを持たせる （2015/06/07）
- Ajax によるデータの初期化 （2015/06/12）
- イベントハンドラーの割り当て （2015/06/13）
- Ajax によるデータの更新 （2015/06/14）
- データストア （2015/06/22）
- タスクの新規追加フォーム （2015/07/01）
- タスクの新規追加 （2015/07/03）
- タスクの編集フォーム （2015/07/16）
- タスクを更新する （2015/07/21）
- タスクを削除する （2015/08/01）
- Cape.JS 1.2 （2015/08/31）
- コレクションエージェント(1) （2015/09/02）
- コレクションエージェント(2) （2015/09/03）
- コレクションエージェント(3) （2015/09/04）
- 表示順の入れ替え(1) （2015/09/09）
- 表示順の入れ替え(2) （2015/10/23）
- 表示順の入れ替え(3) （2015/10/25）
