この授業は、今までプログラミングの経験が無い方にも プログラミングが0から理解できる授業です。
今回はwebpackを活用したモダンなJavaScript開発環境の構築について解説します。
■今回のアジェンダ
・モダンなJavaScriptの開発環境
:Node.js
:Yarn
:webpack
:babel
・DOMについて
使用するコード
https://github.com/migi1982/schoo_javascript_201912
■ 事前準備
この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。
GoogleChrome
https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。
Chrome Dev Tools
Chromeの開発者ツール(Chrome Dev Tools)の開き方
1. 画面の適当なところを右クリック→「検証」
2. Cmd+Option+I
3. 「表示」→「開発/管理」→「デベロッパーツール」