Git及びツール

2019-09-05

上位に移動

概要

Gitその他のツールの格安教材(LinkedIn Premium、ドットインストールPREMIUM、Udemyの有料及び無料の★4.5以上の動画、Progate、YouTube)を紹介します。

GitはすべてのWeb開発者に必要です。

  • 基本的なコマンドライン(以下のツールを含む多くで使用される)
  • Git(バージョン管理)
  • NPM又はYarn(インストールパッケージ)
  • webpack又はParcel(モジュールバンドリング)
  • Gulp又はGrunt(タスクランナー)
  • エディターの拡張機能(ESLint、Prettier、Live Server等)

更新年月:2019-09

基本的なコマンドライン

提供元教材名備考
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分
Linux Tutorial – Basic Command Line

バージョン管理

Git

  • コンピュータファイルの変更を追跡するためのバージョンコントロールシステム(VCS)
  • 分散型バージョンコントロール
  • 複数の開発者間で作業を調整する
  • 任意の時点に戻れる
  • ローカル及びリモートのリポジトリ
提供元教材名備考
LinkedIn PremiumWebクリエイターのための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個検索された。
Git+GitHub入門
GitHubプロジェクト管理入門
Git & GitHub Crash Course For Beginners

インストールパッケージ

NPM

  • Node Package Manager
  • Node.jsにプレインストールされている
  • システムに容易にモジュール(基本的にJavaScriptライブラリ)やパッケージをインストール
  • コードの共有や再利用を容易にする
提供元教材名備考
LinkedIn PremiumNPM (Node Project Manager) 入門動画40分
ドットインストール PREMIUMn/a
Udemy(無料)n/a★4.5以上の無料動画は検索されなかった。
Udemy(有料) npm、English、有料、★4.5以上で10個検索されたが、npmだけを扱った動画はない。
NPM Crash Course

Yarn

  • JavaScriptのバッケージマネージャ
  • Facebookが作成
  • npmに類似
  • npmの代替
  • npmレジストリからインストール
提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
Udemy(無料)n/a ★4.5以上の英語又は日本語の無料動画は検索されなかった。
Udemy(有料)Yarn Dependency Management – The Complete Guide動画90分
Yarn Package Manager Crash Course

モジュールバンドリング

  • 複数のモジュールの依存関係の解決
  • モジュールのバンドル(纏める)

webpack

提供元教材名備考
LinkedIn Premiumwebpack 4 入門動画128分
ドットインストール PREMIUMn/z
Udemy(無料)n/a★4.5以上の英語又は日本語の教材は検索されなかった。
Udemy(有料)Webpack 4 in 2019: The Complete Tutorial For Beginners動画180分
その他webpack、English、有料、★4.5以上で15個検索された。

Parcel

提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
Udemyn/aParcelの動画は検索されなかった。
Webpack Crash Course

タスクランナー

  • タスクの自動化
    • ファイルのコピー・結合
    • 構文チェック
    • テスト
    • モジュールバンドル

Gulp

  • オープンソースのJavaScriptツールキット&タスクランナー
  • フロントエンド・ビルドシステム
  • Node.js及びnpmのビルド
  • 時間がかかったり、繰り返しの作業に用いる
  • 各種タスクのための多数のプラグインが利用可能
提供元教材名備考
LinkedIn PremiumGulp.js 入門動画109分
ドットインストール PREMIUMn/a
Udemy(無料)n/a★4.5以上の英語又は日本語の教材は検索されなかった。
Udemy(有料)n/aGulp、English、有料、★4.5以上の英語又は日本語の教材は検索されなかったが、★4以上の英語教材は4つ検索された。
Gulp JS Crash Course

Grunt

提供元教材名備考
LinkedIn PremiumGrunt.jsを使ったWeb制作のワークフロー動画126分
ドットインストール PREMIUMGrunt入門動画12本
Udemy(無料)n/a★4.5以上の英語又は日本語の教材は検索されなかった。
Udemy(有料)n/aGrunt、English、有料、★4.5以上の英語又は日本語の教材は検索されなかったが、★4以上の英語教材は5つ検索された。

Visual Studio Codeの拡張機能

  • ESLint
  • Prettier
  • Live Server
  • その他
Visual Studio Code入門 #06:拡張機能 VSCodeをパワーアップ。おすすめ拡張機能

上位に移動

Posted by pitang1965