前回は画面遷移について解説しました。 今回はデータを画面に表示するところから一歩進んで、 ユーザのインタラクションを受け取って画面を更新する方法を解説します。 今回は次のEmber.jsアプリケーションの仕組みを理解することを目標にします。 Ember Starter Kit 『記事が長い場合は途中から省略して「もっと読む」をクリックすると続きが表示される』というアプリケーションです。 前準備 本稿の対象バージョンはこちらです。 jQuery … 2.1.3 Handlebars … 2.0.0 Ember.js … 1.9.1 前回の記事と本稿執筆時点でのEmber.jsの最新バージョンは同じです。 前回の記事を参考にして必要なファイルを作成してください。 ファイルの作成が完了したら、次は今回の解説の基礎となるルーティングとテンプレートを準備します。 ルーティング App = Ember

前回はURLと画面表示の基礎を解説しました。今回はEmber.jsでの画面遷移について、前回の内容を踏まえた上でもう少し踏み込んだ解説をします。 Ember.jsの「画面遷移」とはページ全体を再描画するのではなく、画面を部分的に書き換える動きをします。これがどういうことかを、例えばヘッダとサイドメニュー、メインコンテンツの表示部分があるアプリケーションを例にあげて考えてみましょう。 サイドメニューをクリックしてメインコンテンツを切り替えるという挙動を考えた場合、一般的なWebサイトであれば画面遷移が発生しヘッダ・サイドメニューを含めた画面のすべてが再描画されることでしょう。その一方でEmber.jsアプリケーションの場合はメインコンテンツのみが書き換えられます。 さて、それではさっそく今回の解説を進めていきましょう。今回は次のようなEmber.jsアプリケーションの仕組みを理解することを目

前回はEmber.jsの概要を解説しました。Ember.jsの歴史から今後の展望、そして動作環境を構築して画面の表示ができることまでを示しました。 今回からは簡単なアプリケーションを作成しながら、Ember.jsの構成要素について一つひとつ見ていくことにしましょう。 今回のテーマはRoutingとTemplatesです。 なぜこの2つから解説を始めるかというと、RoutingとTemplatesはEmber.jsアプリケーションの入口と出口に相当するものだからです。 今回のゴールは次のようなEmber.jsアプリケーションの仕組みを理解することです。 Ember Starter Kit 前準備 さて、さっそくアプリケーションの作成……といきたいところですが、その前に少しだけ前準備をしておきましょう。 前回からのアップデート 前回の記事からのEmber.jsのアップデートについて簡単に解説し

gihyo.jp で Ember.js の連載をさせてもらうことになりました。 実践入門 Ember.js：連載｜gihyo.jp … 技術評論社 ぼくが普段 Ember.js を使った開発で感じている楽しさ・快適さをお伝えできるといいなと思っています。 そんな第1回の記事はこちらです。 連載期間はおよそ半年を予定しています。 短い期間ではありますが、どうぞお付き合いくださいませ。

Ember.js を Rails から使うための gem である ember-rails のコミット権をいただきました。 emberjs/ember-rails · GitHub Ember Rails は Ember.js Organization に属しているので、 ぼくの Github のプロフィールページ でも Ember.js アピールができるようになりました。 Ember.js を好きなかたもこれから好きになるかもしれない方も、 どうぞよろしくお願いいたします。

第6回実践：ショッピングカート②（Ember.Object, Observer） 佐藤竜之介 2015-02-25

はじめまして。佐藤竜之介（@tricknotes）と申します。本連載では、ユニークな特徴を持つJavaScriptフレームワークであるEmber.jsの仕組みと、実践での活用方法について解説させていただきます。 なぜEmber.jsか ここ数年、ネイティブアプリケーションのような使い勝手を備えたWebサービスが増えています。筆者が利用しているサービスを例に挙げるとGmail, Pivotal Tracker, Idobataなどがあります。これらはどれも画面遷移がなく一枚の画面上であらゆる操作を行うため、「⁠Webサイト」というよりは「アプリケーション」と表現する方が適切でしょう。このようなアプリケーションはシングルページアプリケーション（SPA）と呼ばれ、従来の画面遷移中心だったWebアプリケーションと区別されることがあります。 ただ、SPAの開発には特有の難しさがあります。それはデータ

4. @tricknotes I am a software developer who love JavaScript and Ruby. http://tricknotes.hateblo.jp/