Spine.js をはじめよう(2) [簡単なサンプル] | DevelopersIO
こんにちわ。深澤です。 今回はボタンを押したらJSONデータを取得してページの内容を書き換える簡単でAjaxなサンプルからSpineを知っていこうと思います。SpineにはContactsやTodos等のサンプルアプリもありますが、わりと量が多く、理解するのに自分も時間がかかったため、簡単なところから始めてみます。 動作するサンプル まずは動くものを見てください。ボタンを押すと通信してHTMLを書き換えます。 処理の流れのイメージ 1.Controllerがイベントを受け取る 2.ControllerがModelにデータを取得させる 3.ControllerがViewにModelで処理した結果を反映させる Controllerが主体となってデータ担当のModelと描画担当のViewに仕事をさせる。といったイメージです。 サーバーサイドのMVCフレームワークと概念は一緒です。データをDBから
JavaScriptMVCフレームワーク「Spine.js」を使ってみる - Taste of Tech Topics
むらたです。 若手ではないのですが、こちらに出張投稿します。 AcroquestではHTML5+CSS3+JavaScriptによるグラフィカルなWebUIを開発するためのOSSであるWGPを開発しています。このWGPを利用する上で、JavaScriptMVCフレームワークを活用したいと考えており、私はJavaScriptMVCフレームワークを調査しています。そんなわけで「ステートフルJavaScript」を読んでおり、Spine.jsを調査しています。 Spine.jsはbackbone.jsにインスパイアされて開発されたCoffeeScriptと親和性が高いフレームワークであり、CoffeeScript好きな私としてはbackbone.jsの前にこちらを調べています。今回はSpine.jsのTodoアプリケーションを作ってみたので、その内容をまとめました。 Spine.jsのTodoア
初心者のためのSpine.js その1 | jekylog
多分コードも説明もおかしいのであんま参考にしないで下さい。あくまでも初心者である自分の勉強用なので。 ステートフルJavaScriptを写経しながら何となくMVC（MVVCとかMVPとかまだなんのこっちゃ分からん）っぽい概念は分かったけどいざ自分でコード書くとなるといまいちフローが分かないので、汚コードだろうがなんだろうがとにかく自分で考えながらコード書いてみた。徐々に機能を追加、リファクタリングしていく。 ちなみにどうしても自分で考えても分からなくなった時には下記ソースを見ながら進めた。 Todos 1. HTMLを用意する JavaScriptありきのHTMLってのはないと思うのでまずは兎にも角にもHTMLを用意。これを元に作っていく。 最新のSpine.jsも読み込んでおく。 また、jQueryも最新版を使用する。 <div id="mod-app"> <header> <h1>To
Spine入門
2012/07/11 第31回 HTML5とか勉強会 JavaScriptMVCフレームワーク「Spine入門」 (2012/07/12改版）ファイルサイズの比較について、比較条件が同じではないとのコメントを頂き、条件をmin+gzip時に統一して該当箇所を改版しました。Read less
Spine.js をはじめよう [環境構築編] | DevelopersIO
Spine.js て何だ？ RIA界でもHTML5/CSS3/JavaScript でよりリッチなUIを比較的大きなプロジェクトでも実現しようとする動きが前にも増して強くなっているようです。またPhoneGap等のスマートフォン向けネイティブ（風）アプリにおいてもより複雑な実装が求められると思います。その結果、複雑化しがちなJavaScript界にMVCフレームワークが乱立してきています。 その中でもRails3.1でも採用されたCofeeScriptと親和性の高い（Spine.js自体もCoffeeScriptで書かれていますし、公式ドキュメントもCoffeeScript/JavaScript両方で書かれています）、今後注目されるであろうフレームワークがSpine.jsという訳です。人気のフレームワークであるBackBone.jsを尻目に作られたかは知りませんが、似ているところがあるよう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
