前回の動画では、class属性の書き換えにより、表示を切り替える方法をご紹介しました。今回は、小さなサムネイル画像をクリックすると、大きな画像が切り替わる簡易的なスライドショーの作り方を解説します。前回同様、実際に手を動かせるよう、実習用サンプルデータもご用意しています。入門者の方も一緒に取り組めるよう、変数と定数の特徴や属性の取得/書き換えなど、はじめに理解しておきたいポイントを丁寧に解説しているので、この動画を機会にJavaScriptの勉強をはじめてみませんか？
実習用サンプルデータ ダウンロード
▼視聴する
（動画再生時間：53分）
▼内容
・簡易的なスライドショーを作ってみよう（0:01:03）
・解説「変数と定数」（0:14:02）
定数を定義する（0:16:20）
値を読み出す/参照する（0:18:25）
値を保存できる「変数」には2種類ある（0:19:59）
・要素にイベントを設定（0:23:58）
・解説「属性の取得と書き換え」（0:42:55）
src属性の取得（0:43:39）
src属性の書き換え（0:46:15）
・今後の学習のために（0:49:03）
【講師プロフィール】
狩野 祐東さん
アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後、会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける。各種セミナーや研修講師としても活動中。主な著書に『確かな力が身につくJavaScript「超」入門』『いちばんよくわかるHTML5&CSS3デザインきちんと入門』『スラスラわかるHTML&CSSのきほん』（SBクリエイティブ）『WordPressデザインレシピ集』『HTML5&CSS3デザインレシピ集』（技術評論社）など。
狩野 祐東さん
アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後、会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける。各種セミナーや研修講師としても活動中。主な著書に『確かな力が身につくJavaScript「超」入門』『いちばんよくわかるHTML5&CSS3デザインきちんと入門』『スラスラわかるHTML&CSSのきほん』（SBクリエイティブ）『WordPressデザインレシピ集』『HTML5&CSS3デザインレシピ集』（技術評論社）など。
※動画内容に関するご質問はお受けしかねますのでご了承ください
▼【動画レポート】JavaScript入門 #2：文章でも細かく解説しています。より詳しく学びたい方は、ぜひご覧ください
▼【動画】JavaScript入門 #1 / 基本的な考え方とプログラミングの方法
