分123前回はURLと画面表示の基礎を解説しました。今回はEmber.jsでの画面遷移について,前回の内容を踏まえた上でもう少し踏み込んだ解説をします。Ember.jsの「画面遷移」とはページ全体を再描画するのではなく,画面を部分的に書き換える動きをします。これがどういうことかを,例えばヘッダとサイドメニュー,メインコンテンツの表示部分があるアプリケーションを例にあげて考えてみましょう。サイドメニューをクリックしてメインコンテンツを切り替えるという挙動を考えた場合,一般的なWebサイトであれば画面遷移が発生しヘッダ・サイドメニューを含めた画面のすべてが再描画されることでしょう。その一方でEmber.jsアプリケーションの場合はメインコンテンツのみが書き換えられます。それではさっそく今回の解説を進めていきましょう。今回は次のようなEmber.jsアプリケーションの仕組みを理解することを目標にします。Kit前準備まずはEmber.jsを使うために必要なライブラリをダウンロードします。1.9.1次のindex.html,app.jsを作成します。Ember.Application.create();また,style.cssという名前で,中身は空のCSSファイルを作成してください。これらを以下のディレクトリ構成で配置します。style.css以降,特に指定のない場合,JavaScriptはapp.jsに,Handlebarsのテンプレートはindex.htmlのbodyタグの中に,CSSはstyle.cssに記述することにします。Routing前回の解説では,アプリケーションの画面1つひとつがRouteに対応していると解説しました。画面を部分的に書き換えるというのはどう実現すればよいのでしょうか?実は,Ember.jsではRouteを階層化することができ,入れ子になった子のRouteを切り替えることで画面を部分的に更新できます。ルーティングを定義しておきましょう。});});あわせてテンプレートを定義しておきます。記事を選択してください。</pre></script>また,動作確認用のデータとRouteを定義します。ここではJavaScriptファイルの中にデータを埋め込みましたが,実際にアプリケーションを作成する際はサーバからデータを取得してくることになるでしょう。この方法については後ほど解説します。始めようという方向けの記事です。ロードマップはこちらで公開されています。}});見栄えを整えるために,CSSも作成しておきます。Inspectorを使って確認してみましょう(※1⁠)⁠。ついては,第1回をご参照ください。JavaScript著者プロフィール佐藤竜之介(さとうりゅうのすけ)株式会社えにしテック所属。JavaScriptとRubyが好きなウェブ系プログラマ。オープンソースソフトウェアに強い関心がありEmber.jsにも数多くのパッチを送っている。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。