INFO:

文系プログラミング未経験 → 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 #モジュール #フロントエンドエンジニア