分12今回は,テンプレートに関する残りの話題として,テンプレート内にイベントハンドラを登録する仕組みや,テンプレートに関するAPIを紹介します。テンプレート内のイベントを捕捉するMeteorのテンプレートシステムを使用すると,テンプレート内で発生したイベントを捕捉するようなコードも簡単に記述することができます。以下のようなHTMLコードがあるとします。<body>に埋め込まれるテンプレートの名称はmainContentで,その中にボタンが2つあります。ボタンのIDは「goodMorning」と「hello」です。id="hello">Hello</button></template>これらのボタンがクリックされた時に処理を行うには,テンプレートmainContentが持つeventsメソッドを使用し,イベントを定義します。}});eventsメソッドは,決められた形式のJavaScriptオブジェクト(イベントマップ)を引数にとります。イベントマップは文字列をキー,関数オブジェクトが値となります。イベントマップのキーは,以下の形式に従った文字列です。button"は「button要素のクリックイベント」という意味になります。イベント名はカンマで区切って複数指定できます。イベントハンドラとなる関数オブジェクトは,2つの引数をとります。1つ目はイベントオブジェクト,2つ目はテンプレートのインスタンスです。上記のコードを実行すると,ボタンが2つ表示され,それらをクリックするとアラートが2回表示されます。これは,IDを対象としたイベントハンドラと,button要素を対象としたイベントハンドラのどちらも実行されているからです。サンプル6-1の実行結果(その2)サンプルは以下からダウンロードできます。サンプル6-1(sample6-1.zip)テンプレートのAPI<template>要素はMeteorによってコンパイルされ,グローバル変数Templateに関数オブジェクトとして登録されます(第4回を参照⁠)⁠。その関数オブジェクトは,ただ実行することができる(実行するとテンプレートの評価結果が得られます)だけではなく,以下のようなAPIを備えています。rendered...テンプレートの実行結果がDOMに挿入される時呼び出されるイベントハンドラです。created...テンプレートが作成された時に呼び出されるイベントハンドラです。destroyed...テンプレートが破棄された時に呼び出されるイベントです。これらのメソッドは,テンプレートに設定するイベントハンドラです。以下のように指定します。console.log('destroyed');};また,以下のメソッドはすでに説明済み,もしくは次回以降に説明を行います。events(eventmap)...イベントマップを登録します(上記で説明済み)helpers(helpers)...ヘルパー関数を登録します(前回説明済み)preserve(selectors)...テンプレートの再レンダリングが行われた際,以前のDOMノードの状態を引き継ぎたい要素を,セレクタで指定します。テンプレートの再レンダリングについては,ライブHTMLという概念の理解が必要なので,今回は説明しません。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。