BLOG開発関係のメモこの広告は、90日以上更新していないブログに表示しています。node.jsMarionette.jsのチュートリアルを書く。yeoman製のgenerator-marionetteを使って、railsみたいに、楽しながら、進めていく。量が多くなったので、何度かに分けて書く。この記事は、yeomanによる準備から、node+expressによるサーバー側まで。いう楽チンな仕組みを使う)Marionette.jsとは?この前作ったslideをご参考に。Tsukanoインストール以下のgenerator-marionetteのgithubのページを参照https://github.com/mrichard/generator-marionette#install特にハマる事は無い。project作成project名を「todo-mario」とする。(0.1.3)を選択。bower_componentsBaucisは、Rest+CRUD処理まとめて簡易に作れる仕組み。注意1)ここで、以下のエラーメッセージが出た場合。以下の通り、調整して、初めからやり直す。1024注意2:lodashのtar.js以下のように、lodashのtar.jsが無いとか言われた人。grunt-requirejsを"grunt-contrib-requirejs"に変更して入れ直す。https://github.com/asciidisco/grunt-requirejs/issues/65ディレクトリ構成についてyeomanによるひな形作りが終わると、以下の状態になってるはず。「CONGRATS!」と表示されたら、正常。[localhost:27017]]27017のポートはmongodbなので、mongodbを起動していないという事。以下のコマンドでmongodbを起動しよう。--logappend今回作るものよくある、todoMVCみたいなのを作る。http://todomvc.com/architecture-examples/backbone/ここまでちゃんとしたものじゃないけど、todoの新規作成と、todoの済みclickと、allか済みだけかのフィルタリングが出来る程度のもの。サーバー側server/app.jsに少し手を入れる。これが、express(node)のサーバー側ソース部分。書いた事ない人は、よければ、前に書いた資料を。※整理してないから、少しごちゃごちゃしてるかも。Baucisを使って、mongodbのCRUDを任せる。urlの組み合わせでリソースを変える考え方の事。)Postで来たら、createして、とか書かなくて済む。各種メソッドをやってくれる。baucis());この箇所が、endpointを指定している所。以下のURLを指定して、確認してみる。http://localhost:9000/api/v1/tasks※この最後のパスが複数形になっている点に注意。うまくいかない時は、複数形の形が正しいか考えよう。最後のパスはtodosではなく、todoesとかになってる。baucis側で複数形指定できたと思うので、この辺りは必要に応じて確認を。これで、ブラウザはこんな表示をしているはず。[]今は、mongodb上に何もデータが無いので、表示されない。ここに、データを入れてみる。RestClient系のツールはググればいっぱいあるので、好きなのを使えば良い。localhost:9000/api/v1/tasksこのurlに対して、{"title":"TEST"}をPOSTする。この時、Content-Typeをjsonにしておかないとおかしくなるので、注意。Postした後に、以下のアドレスにアクセスしてみると、http://localhost:9000/api/v1/taskspostしたデータを表示しているはず。