【モダンJavaScript #12】npm（yarn）のローカル・グローバルインストールを解説

本講座はサロンで2021年1月にアップした動画です。サロンの動画が100本近く溜まってきたので少しずつ一般公開もします。早めにReact・Next.js・TypeScriptなどを学びたい方はオンラインサロンもご検討ください → https://it-kingdom.com

前回の講座 → https://youtu.be/izrTW0bO-hc

? 概要
ライブラリとかパッケージとかは基本は同じものと考えていただいてOKです。npmライブラリのインストールには大きく分けてローカルとグローバルの2種類があります。今回はローカルとグローバルそれぞれで、インストールする方法とその使い方、なぜチーム開発ではローカルを使うのかを解説します。
　
? もくじ
0:00 イントロダクション
0:38 グローバルにライブラリをインストール
2:06 （グローバル版）Sassで.scssから.cssを生成
2:51 cssのmapファイルの説明
3:19 グローバルライブラリの実行ファイル
4:27 グローバルではなくローカルを使う理由
5:48 ローカルにライブラリをインストール
7:00 （ローカル版）Sassで.scssから.cssを生成
8:38 チーム開発だとローカルインストールが良い
9:07 （次回予告）node_modulesを共有しない話
9:37 （次回予告）npm scriptsで完結に記述する話

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

#10 モジュールの特殊な Import / Export について学ぼう
https://youtu.be/eMZTfcvAHt4

#11 初心者がつまづくnpm！モダンなやり方でパッケージ（ライブラリ）を管理しよう！
https://youtu.be/izrTW0bO-hc

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

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

?️ タグ
#npm #yarn #ライブラリ