試して学ぶ Backbone.js入門 | Remote TestKit
Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsの概要から、インストール方法、Modelの基本を説明していきます。 はじめに Backbone.jsはJavaScript MVCフレームワークの1つです。Backbone.jsはその名が示す通り、Webアプリケーションにアーキテクチャという背骨を提供することを目的としたライブラリです。直ぐに複雑なスパゲッティコードになりがちなWebアプリケーションに、Backbone.jsが提供するEvent, Model, Collection, View, Routerというコンポーネントを使うことで、Webアプリケーションに一定の構造を与えることが可能になります。 例：Backbone.jsによるアーキテクチャイメージ Backbone.jsによるWebアプリケーションの一例 様々なJavaScri
試して学ぶ Backbone.js入門5 | Remote TestKit
Backbone.jsの最終回の今回は、Backbone.Router（以降、Router）について説明します。 はじめに 前回の「試して学ぶ Backbone.js入門4」 では実際に動くアプリケーションを作成しながらBackbone.Viewについて説明しました。 今回は本連載も最終回となり、Backbone.Router（以降、Router）について説明します。 今回のソースの全体はこちらで確認することができます。 Backbone.Router Backbone.jsが提供するRouterコンポーネントは、クライアント側でのページ遷移のイベントとその後の処理（コールバック関数）をマッピングするルーティング機能を提供します。 ViewがDOMイベントの発生を監視して、対応するメソッドに関連付けるように、Rounterはrouteイベントを監視して、対応するメソッドに関連付けます。 W
試して学ぶ Backbone.js入門2 | Remote TestKit
それでは、インスタンスを生成し、永続化処理を試してみましょう。 var memo = new Memo(); console.log("Before save: " + JSON.stringify(memo)); console.log("isNew(): " + memo.isNew()); memo.save({content: "Acroquest"}, { success: function() { console.log("After save(post) memo: " + JSON.stringify(memo)); console.log("After save(post) memo.isNew(): " + memo.isNew()); } }); console.log("After save: " + JSON.stringify(memo)); console.l
Backbone.js カテゴリーの記事一覧 - yutaponのブログ
先日TypeScript使ってBackbone.jsのアプリケーションを書いて、いろいろハマったので備忘録的に書いておきます。 はじめに 既にTypeScript+Backbone.jsのサンプルはいくつか上がってたりします。 有名なのはTypeScript+Backbone.jsでTodoアプリケーションを…
Backbone.jsに入門してみる【View編】 - yutaponのブログ
今回はBackbone.Viewを取り扱います。 この記事を書く前にいろいろ試してみたのですが、 なかなか難しく理解が甘いので2回やります。 Backbone.Viewとは MVCモデルでいうVCがBackbone.Viewになります。 サーバーサイドのMVCフレームワークを使ってきた人には ビューなのにコントローラ？だと思いますが、Backbone.Viewでは コントローラメソッドとビューメソッドの二つを意識して使い分けます。 意識して、なので決まりがあるわけではありません。 慣れないうちはModelに書くべきロジックもViewに書いてしまいがちですが、 できればそれぞれの責務に応じて分離を心掛けましょう。 Backbone.Viewの使い方 Backbone.Viewを拡張して使います。 el（element）という属性にセレクタを渡すと、$elという属性にelの jQueryオブジ
Backbone.js Model.save()によるPOSTデータをPHPで読み込む | 開発メモるアル
最近Backbone.jsを使い始めました。 JavaScriptのMVCフレームワークの内、知名度が最も高いらしいということで。 日本語の入門記事としてはこちらが非常に分かりやすく、参考にさせていただいています。 Backbone.js 入門 Model.save()のサンプル Backbone.jsのModelを使ってデータ登録・更新を行う場合、通常はModelメソッドのsave() を使うと思いますが、save()の動作を確認する簡単なサンプルを作ってみました。 （save()を使うと、リソースAPIに対してPOST（またはPUT）リクエストが送信されます。） Backbone.js saveサンプル サンプルの動作 「送信」ボタンをクリックすると、入力された名前と住所をPOSTリクエストで送信する。 POST送信された名前と住所のJSON文字列が、ボディに含まれてレスポンスが返って
Backbone.js入門: 初学者の為のロードマップ | mawatari.jp
最近、JavaScriptを多用するWebアプリケーションの開発に携わる機会が増えてきました。 jQueryのイベントハンドラをベタに書いていくのは、規模が小さいうちは良いのですが、機能追加・仕様変更等が多発すると少々面倒なことになります。このまま大きくなっていくと破綻が目に見えているので、構造化されたアプリケーションを作りたいと思いBackbone.jsを学び始めました。 Backbone.js 公式サイト 7月上旬から学び始めたので、まだ20日程度ですが、その中で学んだこと等を紹介します。これから勉強を始めてみようと思う人の参考になれば、幸いです。 以下の内容は、Backbone.jsの熟練者が指南しているわけではないことを予めご了承ください。ちなみに、平日の夜と、時間が取れるときの週末を使って勉強して、イベントサービスのWebAPIを串刺し検索するアプリ等を作るくらいには、Backb
backbone.jsでtodoアプリを少しずつ作る(1) - とある角度から
まえおき backbone.jsのtodoサンプルなんて、いまどきどこにでも転がっています。 でも、そのサンプルを参考に作ってみたけど、いまいち理解が深まらない。。。 という「自分」のために一歩ずつ理解を深めながら、もう一度todoサンプルを作っていこうと思います。 完成系 やってる内容はtodoアプリそのままですが、登録するものを「食べ物の名前」と「カロリー」にしてます。 下準備 backbone.jsはjqueryとunderscore.jsに依存します。 また、今回はデータをlocalStorageに保存します。これにはbackbone.localStorageプラグインを使用します。 まずはgithubより、backbone.js関連のファイルを取得します。 % git clone https://github.com/documentcloud/backbone.git test
Backbone.js Todosを読み解く - console.lealog();
というわけで色々Backbone.jsについて見てはいるものの、いざ自分で作ってみると上手くいかない・・。 ようはどの単位でViewとModelを紐付ければ良いかわからないんですよねー。 というわけで、Todoリストのサンプルからそのヒントを得ようという試み。 参考：Backbone.js Todos Backbone.js Todosについて 見ての通りBackbone.jsで作られたサンプルアプリ。 Todoリストのデータの保管にはLocalStorageを使ってて、別のライブラリを読み込んでます。 ソース全部 せっかくなので、ソースについてるコメントを和訳しときます。 // An example Backbone application contributed by // [Jérôme Gravel-Niquet](http://jgn.me/). This demo uses a
Backbone.js
Backbone's only hard dependency is Underscore.js ( >= 1.8.3). For RESTful persistence and DOM manipulation with Backbone.View, include jQuery ( >= 1.11.0). (Mimics of the Underscore and jQuery APIs, such as Lodash and Zepto, will also tend to work, with varying degrees of compatibility.) Getting Started When working on a web application that involves a lot of JavaScript, one of the first things yo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
IBM Developer