Git及びその他のツール
2021-07-22
上位に移動
概要
Gitその他のツールの格安教材(LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、Progate、YouTube)を紹介します。
GitはすべてのWeb開発者に必要です。
- バージョン管理: Git, Subversion
- リポジトリマネージャ: GitHub, Bitbucket, GitLab
- ブラウザ開発ツール
- Visual Studio Codeの拡張機能: ESLint、Prettier、Live Server, Emmet, Snippets 等
- Emmet
- パッケージマネージャ: NPM, Yarn
- Axios
- モジュールバンドラ: Parcel, webpack, Rollup
- タスクランナー: Gulp, Grunt
Git及びGitHub
- Git以外のバージョン管理ツールとしては他にSubversion等がある。
- GitHub以外のリポジトリマネージャとしては他にBitbucketやGitLab等がある。
- コンピュータファイルの変更を追跡するためのバージョンコントロールシステム(VCS)
- 分散型バージョンコントロール
- 複数の開発者間で作業を調整する
- 任意の時点に戻れる
- ローカル及びリモートのリポジトリ
YouTube以外の教材
Git+GitHub入門
GitHubプロジェクト管理入門
Git & GitHub Crash Course For Beginners
GitHub Project Management Tutorial – Setup GitHub Projects & Automations
5 Ways to DevOps-ify your App – Github Actions Tutorial
Automate your dependency upgrades with Dependabot
ブラウザ開発ツール
今更聞けない! ブラウザデベロッパーツールの使い方
Google Chrome Developer Tools Crash Course
Visual Studio Codeの拡張機能
- ESLint
- Prettier
- Live Server
- Emmet
- Snippets
- その他
Visual Studio Code入門 #06:拡張機能 VSCodeをパワーアップ。おすすめ拡張機能
- 主なテキストエディターのプラグインで、既定形式の入力補完機能によりHTML等を素早く入力できるようにするためのもの。
YouTube以外の教材
Speed up your HTML workflow by 50%?! Emmet Tutorial
パッケージマネージャ
- Node Package Manager
- Node.jsにプレインストールされている
- システムに容易にモジュール(基本的にJavaScriptライブラリ)やパッケージをインストール
- コードの共有や再利用を容易にする
YouTube以外の教材
NPM Crash Course
- JavaScriptのバッケージマネージャ
- Facebookが作成
- npmに類似
- npmの代替
- npmレジストリからインストール
YouTube以外の教材
Yarn Package Manager Crash Course
- ブラウザ及びNode.jsのためのPromiseベースのHTTPクライアント
提供元 | 教材名 | 備考 |
LinkedIn Premium | ウィークリー Web デザインシリーズのJavaScriptライブラリ「axios」を使ってもっと気軽にAjax(GET編) | 動画6.6分、2018-02-21 |
| その他 | 言語:EN、axiosで3コース、83動画検索された。 |
ドットインストール PREMIUM | n/a | 動画*.*分 |
Udemy | ? | axios、English、有料、★4.5以上で37個検索された。axiosだけの教材は見当たらない。 |
YouTube以外の教材
Axios Crash Course | HTTP Library
モジュールバンドリング
- 複数のモジュールの依存関係の解決
- モジュールのバンドル(纏める)
YouTube以外の教材
YouTube以外の教材
Webpack 4 Tutorial – Getting Started for Beginners
Webpack Crash Course
タスクランナー
- タスクの自動化
- ファイルのコピー・結合
- 構文チェック
- テスト
- モジュールバンドル
- オープンソースのJavaScriptツールキット&タスクランナー
- フロントエンド・ビルドシステム
- Node.js及びnpmのビルド
- 時間がかかったり、繰り返しの作業に用いる
- 各種タスクのための多数のプラグインが利用可能
YouTube以外の教材
Gulp JS Crash Course
YouTube以外の教材
GRUNT TUTORIAL – Grunt makes your web development better! (2015-01-08)
上位に移動