タグ

ブックマーク / yutapon.hatenablog.com (3)

  • React+FluxでTodoMVCを作ってFluxについて学んでみた - yutaponのブログ

    ちょっと前にReactを使って簡単なアプリケーションを作ってみたのですが React入門用に簡単なアプリケーション作ってみる - yutaponのブログ 今回はFluxアーキテクチャについて学びたいと思ったので、TodoMVCを題材に写経してみました。 構成・ロジックは参考にしつつ、ES6構文で書くようにしてます。 参考にしたコードはfacebook/fluxのexamplesのコードになります。 flux/examples/flux-todomvc at master · facebook/flux · GitHub https://github.com/facebook/flux/tree/master/examples/flux-chat 作ったコードはここに置いていて、 https://github.com/sskyu/react-flux-todomvc-example/tree

    React+FluxでTodoMVCを作ってFluxについて学んでみた - yutaponのブログ
  • RequireJSの導入から使い方(Bowerにも触れてみる) - yutaponのブログ

    Backbone.jsのRouter編を書く前にどうしてもRequireJSについて おさらいしておきたく書いてみる。 あまり深くRequireJSについて理解してなかったこともあり、 結構調査したので理解が深まった。 それと今まで使ったことなかったけどBowerにも触れてみる。 結構長いのでアウトラインを。 環境整備 Bowerでライブラリを管理する RequireJSの使い方 HTML側の記述 JS側の記述 モジュールの作り方 おわりに 環境整備 今回は新しいexpressプロジェクトを作成して環境を整備していきます。 $ cd path/to/workspace # 作業ディレクトリに移動して $ express -e -c stylus requirejs # ejs, stylusを有効にしてrequirejsというプロジェクトを作成 $ cd requirejs # プロジェク

    RequireJSの導入から使い方(Bowerにも触れてみる) - yutaponのブログ
  • Backbone.jsに入門してみる【Router編】 - yutaponのブログ

    久しぶりのBackbone.js入門。 Backbone.jsガイドブックを見ながらまとめてますが、 後半は試行錯誤のたまもの。 Backbone.Routerとは Backbone.RouterはサーバーサイドMVCフレームワークでいうところのCにあたる部分、でもありますし、VCでもあります。 Backbone.ViewがDOMを監視するのに対して、Backbone.Routerはブラウザのハッシュ(URL欄)を監視します(厳密に言うとhashChangeイベントとpopStateイベントを監視)。 Backbone.Routerにハッシュとそれに対応する操作を設定しておくことで、 アプリケーション全体のコントローラみたいなふるまいをします。 Backbone.Routerの使い方 何はともあれサンプルコードを。 // @file router_sample.js var Router

    Backbone.jsに入門してみる【Router編】 - yutaponのブログ
  • 1