Git及びツール
概要
Gitその他のツールの格安教材（LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、Progate、YouTube）を紹介します。
GitはすべてのWeb開発者に必要です。
- 基本的なコマンドライン（以下のツールを含む多くで使用される）
- Git（バージョン管理）
- NPM又はYarn（インストールパッケージ）
- webpack又はParcel（モジュールバンドリング）
- Gulp又はGrunt（タスクランナー）
- エディターの拡張機能（ESLint、Prettier、Live Server等）
更新年月：2019-11
基本的なコマンドライン
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | n/a | 各種教材でコマンドラインの説明はある。 |
| ドットインストール（無料） | UNIXコマンド入門 [一般ユーザー編] | 動画24本 |
| Udemy（無料） | Learn The Linux Command Line: Basic Commands | 動画40分。★4.1 |
| Udemy（有料） | 初心者向けUNIXコマンド & Vim基礎講座 on Mac | 動画180分 |
| Learning the UNIX Command Line on OS X | 動画210分 | |
| Work Smart with UNIX Commands | 動画150分 | |
| その他 | “unix command”、English、有料、★4.5以上は検索されなかった。 | |
| Progate | Command Line 基礎編 | 動画65分 |
バージョン管理
Git
- コンピュータファイルの変更を追跡するためのバージョンコントロールシステム(VCS)
- 分散型バージョンコントロール
- 複数の開発者間で作業を調整する
- 任意の時点に戻れる
- ローカル及びリモートのリポジトリ
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | WebクリエイターのためのGit入門 | 動画122分 |
| Webデザイナーのためのgit 入門 | 動画49分 | |
| ドットインストール （無料） | git入門 | 動画22本 |
| Udemy（無料） | n/a | ★4.5以上の英語又は日本語の無料動画は検索されなかった。 |
| Udemy（有料） | Git Github Gitkraken: Version Control without Command Line | 動画150分 GitkrakenというGitクライアントを解説。 |
| Git for Windows: Step-By-Step Mastery using Commands and GUI | 動画480分 Windowsユーザーのためのコース | |
| その他 | Git、English、有料、★4.5以上で48個検索された。 |
インストールパッケージ
NPM
- Node Package Manager
- Node.jsにプレインストールされている
- システムに容易にモジュール（基本的にJavaScriptライブラリ）やパッケージをインストール
- コードの共有や再利用を容易にする
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | NPM (Node Project Manager) 入門 | 動画40分 |
| ドットインストール PREMIUM | n/a | |
| Udemy（無料） | n/a | ★4.5以上の無料動画は検索されなかった。 |
| Udemy（有料） | — | npm、English、有料、★4.5以上で10個検索されたが、npmだけを扱った動画はない。 |
Yarn
- JavaScriptのバッケージマネージャ
- Facebookが作成
- npmに類似
- npmの代替
- npmレジストリからインストール
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | n/a | |
| ドットインストール PREMIUM | n/a | |
| Udemy（無料） | n/a | ★4.5以上の英語又は日本語の無料動画は検索されなかった。 |
| Udemy（有料） | Yarn Dependency Management – The Complete Guide | 動画90分 |
モジュールバンドリング
- 複数のモジュールの依存関係の解決
- モジュールのバンドル（纏める）
webpack
- モジュールバンドラ（Webのファイルを纏める）
- A beginner’s introduction to Webpack – freeCodeCamp.org – Medium
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | webpack 4 入門 | 動画128分 |
| ドットインストール PREMIUM | n/z | |
| Udemy（無料） | n/a | ★4.5以上の英語又は日本語の教材は検索されなかった。 |
| Udemy（有料） | Webpack 4 in 2019: The Complete Tutorial For Beginners | 動画180分 |
| その他 | webpack、English、有料、★4.5以上で15個検索された。 |
Parcel
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | n/a | |
| ドットインストール PREMIUM | n/a | |
| Udemy | n/a | Parcelの動画は検索されなかった。 |
タスクランナー
- タスクの自動化
- ファイルのコピー・結合
- 構文チェック
- テスト
- モジュールバンドル
Gulp
- オープンソースのJavaScriptツールキット＆タスクランナー
- フロントエンド・ビルドシステム
- Node.js及びnpmのビルド
- 時間がかかったり、繰り返しの作業に用いる
- 各種タスクのための多数のプラグインが利用可能
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | Gulp.js 入門 | 動画109分 |
| ドットインストール PREMIUM | n/a | |
| Udemy（無料） | n/a | ★4.5以上の英語又は日本語の教材は検索されなかった。 |
| Udemy（有料） | n/a | Gulp、English、有料、★4.5以上の英語又は日本語の教材は検索されなかったが、★4以上の英語教材は4つ検索された。 |
Grunt
| 提供元 | 教材名 | 備考 |
| LinkedIn Premium | Grunt.jsを使ったWeb制作のワークフロー | 動画126分 |
| ドットインストール PREMIUM | Grunt入門 | 動画12本 |
| Udemy（無料） | n/a | ★4.5以上の英語又は日本語の教材は検索されなかった。 |
| Udemy（有料） | n/a | Grunt、English、有料、★4.5以上の英語又は日本語の教材は検索されなかったが、★4以上の英語教材は5つ検索された。 |
Visual Studio Codeの拡張機能
- ESLint
- Prettier
- Live Server
- その他