しまぶーのIT大学

• 科学・IT

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

今日の講座は最初の段階でマスターする必要はありません。こういう書き方もあるんだというのをフワッと覚えておいて、実際の現場で出てきたタイミングで再度学び直したらOKです。そもそも仕事でも使われない可能性も高いですし、実際に私もあまり使っておりません。気楽にご視聴くださいませ！

📙 もくじ
0:00 イントロダクション
1:08 解説前の事前準備
2:02 変数を default export してみる
3:21 All Import について
5:52 Re-Exportの事前準備
7:06 Re-Export ①NamedをすべてRe-Export
8:53 Re-Export ②NamedをすべてRe-Export + エイリアス
9:54 Re-Export ③Namedを選んでRe-Export
10:49 Re-Export ④Namedを選んでRe-Export + エイリアス
12:50 Re-Export ⑤DefaultをDefaultのままRe-Export
14:50 予約語について説明
16:08 Re-Export ⑥DefaultをNamedにしてRe-Export
17:20 Re-Export ⑦NamedをDefaultにしてRe-Export
18:55 Re-Exportのユースケース
22:07 Side Effect Importの事前準備
22:43 Side Effect（副作用）とは
23:34 Side Effect Importをコードで解説
25:24 Side Effect Importのユースケース
26:24 次回予告

🔥 モダン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

#7 モジュールの基礎を理解しよう！
名前空間（スコープ）の問題とはおさらば！
https://youtu.be/VE5wV-V--ag

#8 Named import / exportの書き方をマスターしよう！
https://youtu.be/Sn43Fn5pOeU

#9 Default import / exportの書き方をマスターしよう！
https://youtu.be/yEXKb-nXH1Y

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

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

🏷️ タグ
#JavaScript #import #export