全349コースを10日間無料でぜひご覧ください。円このコースを購入する処理を実行するきっかけとなるイベントと、処理を定めるリスナー関数についてご説明します。05:15字幕このレッスンではイベントリスナーについてご説明します。イベントというのは、何かの処理を実行するきっかけとなる事柄です。リスナーというのはそのきっかけに対して行う処理を定めた関数です。コードを書いてみたいと思います。イベントリスナーの仕組みです。コードではなくて説明書きの形で入れていきます。いう関数メソッドということが多いですけれどそれを呼び出します。ここではどんな役割かというとある相手に対して、何かお願いをします。この相手がオブジェクトになります。「オブジェクト」と書いてはいけませんのでオブジェクトをちゃんと選んでその正しいキーワードで書かなければいけません。綴りが長いですしわかりにくい綴りなので間違えやすいですけどこの中に2つ引数を指定します。1つ目がイベントです。2つ目がリスナーになります。カンマ区切りで引数ですから「リスナー」と。このオブジェクトに対して「イベント」こういうことが起こったらこれをやってください、と。いうことというのは、例えばマウスをクリックしたとかあるいはキーボードのキーを押したとかデータをダウンロードロードし終わったとかそういったことが入ってきます。いうことになりまして、名前を付けます。これが、この「リスナー」と同じ名前になってないといけません。これやってね、と言った時に誰だかわかりませんので同じ名前をここに書きます。[]この中に、その時にやってほしい処理を書くとこういう組み立てになります。オブジェクト、とてもたくさんあります。し終わったらつまり、これで何か処理を始める準備が整ったというきっかけですね。いう名前を付けることが多いです。別に何という名前を付けてもよいですけどその同じ名前をここに付けます。確認するだけにしましょう。いう文字を打ちました。これを保存して確認します。確認することにします。ロードし終わりますからそうしたら、読み込み終わったよ、と何か初期化の処理をする準備が整ったよということで、ダイアログが表示されました。いう関数メソッドということが多いですけどこれを使う時に1つ大事な注意があります。付けてしまう人がいます。これは付けてはいけません。言ってみれば、携帯の着メロを録音、メモリするようなものです。メモリする時は鳴ってほしいわけがないですね着信があった時に鳴ってほしい訳です。イベントが発生した時にここにメモリされている内容を実行しましょうとこれがイベントリスナーの処理の内容なわけですから2つ目の引数、リスナー関数には括弧は付けないということでこのレッスンでは、イベントリスナーの扱いについてご説明をしましたけれどまず相手がいるとオブジェクトですね。addEventListenerというメソッドを使いイベントを指定しそして、リスナーこれ’呼び出しは付けずにリスナー関数を定義するとこれでイベントが起こった時にこのリスナーの関数が実行されるという仕組みになっているということです。CCではPCやモバイル、Webブラウザなどさまざまなデバイスとプラットフォームに向けたコンテンツが作れます。HTML5に対応したダイナミックでインタラクティブな表現が可能です。このコースはAnimateで作った素材をJavaScriptでどのようにスクリプティングするのかを基礎から解説します。発売日:2016年05月19日このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。お問い合わせは、cs-jp@lynda.com宛までご連絡ください。無料レッスンを視聴するここから世界が拡がります。lynda.comとlynda.comのロゴは、商標登録されています。登録してからブックマークを使用してください。lynda.comにジャンプしました。