JavaScriptをこれから始めたい、どういうものかを知りたい。といった方を対象に、JavaScriptがどんな言語なのか、どのような動作をするのかを詳しく解説いたします。たとえば、HTMLやCSSを書き換えるときには、3つの設定が必要であることをご存知でしょうか。UIを作るもっとも基本的な操作なので、初心者の方にも、一つひとつわかりやすいよう図解付きで解説しています。また、実際に手を動かせるよう、実習用サンプルデータもご用意しました。次回の動画では、もう一歩すすんだテクニック「Webサイトでよく見かけるUIを作ってみよう」を予定しています。おたのしみに。
実習用サンプルデータ ダウンロード
https://studio947.net/downloads/seminar-js.zip
https://studio947.net/downloads/seminar-js.zip
▼ 視聴する
（動画再生時間：45分）
▼ 内容
・JavaScriptってどんな言語？（0:00:57）
・JavaScriptでUIを作成する（0:04:59）
クリックしたら色が変わるボックスを作ってみよう（0:06:11）
・解説「HTMLやCSSを書き換えるには」（0:21:07）
イベントの設定（0:22:00）
コンソールに出力（0:24:30）
オブジェクトとメソッド（0:24:51）
・解説「書いたプログラムと動作の概要」（0:36:02）
UIを作るもっとも基本的な操作（0:37:48）
オブジェクトとプロパティ（0:42:14）
・終わりに 重要なキーワード（0:43:44）
【講師プロフィール】
狩野 祐東さん
アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後、会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。Webサイトやアプリケーションのインターフェースデザイン、インタラクティブコンテンツの開発を数多く手がける。各種セミナーや研修講師としても活動中。主な著書に『確かな力が身につくJavaScript「超」入門』『いちばんよくわかるHTML5&CSS3デザインきちんと入門』『スラスラわかるHTML&CSSのきほん』（SBクリエイティブ）『WordPressデザインレシピ集』『HTML5&CSS3デザインレシピ集』（技術評論社）など。
※動画内容に関するご質問はお受けしかねますのでご了承ください
▼【動画レポート】JavaScript入門編#1：文章でも細かく解説しています。より詳しく学びたい方は、ぜひご覧ください。
https://www.r-staffing.co.jp/engineer/entry/20201016_1
▼【動画】JavaScript入門#2/スライドショーを作ってみよう
https://www.r-staffing.co.jp/engineer/entry/20201030_1
