試して学ぶ 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 -JavaScriptのMVCフレームワーク- | DevelopersIO
Backbone.jsとは？ Backbone.jsは、JavaScriptによる大規模なアプリケーション開発を行う際に力を発揮するMVCフレームワークです。データバインディングとカスタムイベントを備えたModel、配列情報を表すCollection、イベントをハンドリングするView、サーバーサイドのアプリケーションと連携するためのRESTful JSONなどをフレームワークとして備えています。 大規模な業務アプリケーションのユーザーインタフェースをJavaScriptでゴリゴリと作ろうとした場合、100%に近い確率で失敗するかと思います。これは、Flexのようなビルド時のコンパイラエラーを検出できないこと、存在するフレームワークがインタラクションやビジュアルに特化していること、ブラウザーやOSの組合せでAPIレベルの仕様が異なる事、同じブラウザーでもバージョンの違いにより挙動が異なる事
Backbone.js で fetch 時に送信したパラメータを取得する方法 - Memo
メモ。 Backbone.js で Collection を fetch しサーバ側からデータを取得に成功したら success がコールバックされるが、その際にサーバ側に送信したパラメータが欲しい事があった。 var User = Backbone.Model.extend({}); var Users = Backbone.Collection.extend({ model: User, url: '/api/v1.0/users', parse: function (res) { return res.response; } }); var collection = new Users(); var params = { userid: $('#userid').val(), password: $('#password').val() }; collection.fetch({da
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
Backbone.jsでNode.jsとクライアントサイドのロジックをイケてる感じで共通化する - Webtech Walker
Backbone.js Advent Calendarの12日目です。 Backbone.jsを使ってNode.jsとクライアントサイドのJavaScriptでロジックを共有する方法について書いてみます。 Node.jsといえばチャット。チャットといえばSocket.IOということでSocket.IOを使ったチャットを例にしてみます。 例えばチャットの一回の文字列の上限を140文字にしたいとします。その場合クライアント側でもサーバー側でも同じバリデーションのロジックを実装するのは面倒ですし、上限値が変更になったときに2箇所変更するのはイケてないですね。そこでBackbone.jsを使ってその部分のロジックを共通化する方法を考えてみます。 Backbone.jsはnpmでインストールできるのでまずはBackbone.jsとSocket.IOをインストールします。 $ npm install
Backbone の View をテストする - present
以前 Konacha を導入してから、 Rails アプリの JavaScript コードをテストできるようになった。 Evergreen を導入したばかりだけど Konacha に移行した JavaScript コードの大半は、Backbone を使って実装した UI なんだけど、 困ったことに View のテストをほとんど書けていない。 比較的テストが書きやすい Model は、がっちりテスト書いてある。 なんとか View も単体テストできないものか。 View のテスト方法を模索している最中、Konacha を導入して使えるようになるアサーションライブラリ Chai の、 Chai jQuery というプラグインを知った。 Chai jQuery - Chai Chai jQuery プラグインを使えば View のテストが書けそうだな。早速試してみた。 <!DOCTYPE htm
アマゾン商品をいい感じに検索できる「あまけん」をリリースしました
ますだでリリース報告すると、いいことあるかもよと聞いて、やってきました。 サイトは以下から。 あまけんβ- アマゾン商品の検索をいい感じに使えるサービスを開発中。 「あまけん」はアマゾン商品の検索をいい感じにできるサービスを目標に開発しました。 「あまけん」ではアマゾン商品の検索後、レビュー数などによる並び替えや、星の数でのフィルタリング、画像や簡易表示など表示モードの切り替えが可能です。 また検索後の並び替えなどでは、非常に高速に動作するため、商品の比較などに向いていると思います。 特徴レビューされた数の順に並び替えができます。検索後の並び替えやフィルタリングなどが非常に高速。情報を絞り込んだ簡易表示や画像のみの表示が可能。一覧するのに便利です。 開発の流れますだ報告デフォルト(?)の、開発の流れや開発環境を簡単に。 期間 1カ月程度言語Javascript, PHP開発環境Netbea
「Backbone.jsガイドブック」サポートページ
内容紹介 USA Today、LinkedIn Mobile、Hulu、WordPress.com、Foursquare 等々有名サイトがこぞって採用している Backbone.js に、日本初のガイドブックが登場。 JavaScript の大規模開発に今注目されているフレームワークが Backbone.js です。 本書は、プログラマの技術情報共有サービス Qiita での連載「Backbone.js入門」をもとに、著者がその後1年に亘ってBackboneを使ってきた中で得た経験を踏まえ、かなり大きく加筆修正したものです。 最大の変更点は最新のメジャーバージョンリリースである Backbone1.0 (2013年3月リリース)への完璧対応です。 ドキュメントにはなかなか書かれないベストプラクティス、デザインパターン、アンチパターンといったノウハウや、 Backboneが中~大規模アプリケ
Backbone.js 入門してハマったポイントと対策
Backbone.js とは JavaScriptフレームワークです。 http://backbonejs.org/ Backboneをはじめて利用するにあたってハマったポイントと対策に JSフレームワークについての感想を簡単に書いてみました。 ハマってみるのも醍醐味かもしれませんが、時間の無駄とも言わざる得ないので 同じように困った方のためになればいいなぁ、と自戒を込めて記録しようと思います。 ちなみにエラーメッセージはちゃんと出るんですが、どこで起きてるエラーなのか 突き止めるのに時間が掛かったりします。 エラーメッセージに慣れてくると「あ、これ見たことあるエラーだ」とハマる時間も減ります。 ◯エラーメッセージと対策 ※開発中はChromeでも確認していたので、Chromeのエラーメッセージとなります。 ※凡ミスだらけですが、ご了承ください。 ・Uncaught TypeError:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
GitHub - taka84u9/backbone-sample: https://github.com/yuku-t/backbone-sample に移動しました