しまぶーのIT大学

• 科学・IT

文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家

今回はJavaScriptのモジュールの基礎講座です。モダンJavaScriptを理解する上では最も重要といっても過言ではないポイントです。Web制作をされている方は馴染みのない書き方かも知れませんが、現在のフロントエンド開発においてはモジュールは当たり前に使われております。最初はとっつきにくいかもしれませんが、コード付きで分かりやすく解説できるよう心がけましたので、一緒に学んでいきましょう！

📙 もくじ
0:00 イントロダクション
0:22 CodeSandbox の紹介
3:18 今回取り扱うモジュールの形式
4:10 事前準備
4:55 script タグの位置に関する話
6:18 よくモジュールで使われる root の話
7:26 モジュールがない場合に生じる問題
10:21 ファイルが多くなるほど問題は大きくなる
13:21 モジュールを使った場合のコード
15:12 モジュールの遅延評価の説明
15:56 モジュールスクリプトを外部ファイルに分ける
17:06 モジュール同士のデータのやり取り
18:52 次回予告

🔥 モダンJavaScript 講座
#2 歴史から学ぶJavaScript前編。
ECMAScript、CommonJS、モジュール、名前空間を知ろう
https://youtu.be/PuomDgRbllw

#3 歴史から学ぶJavaScript後編①
Node.jsとパッケージ管理システムnpm
https://youtu.be/RdFE03K9B08

#4 歴史から学ぶJavaScript後編②
IIFE・AMDモジュールとブラウザ向けパッケージ管理システムBower
https://youtu.be/vuWAhqgRI3M

#5 歴史から学ぶJavaScript完結編
バンドル・コンパイルを知る。Browserify, webpack, Babel
https://youtu.be/PFeR332LurM

#6 JavaScriptで重要な3つの概念
https://youtu.be/1TIK03WFAxM

👨‍💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

🌏 SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it

🏷️ タグ
#JavaScript #モジュール #フロントエンドエンジニア