webpack-crash-course

本リポジトリは、Udemyのプログラミングコース「モジュールバンドラーwebpackを1日で習得！しかもフルスクラッチでインストールからカスタマイズまでの手順を理解する」

で実装したソースコードを管理するためのものです。

本セクションで扱うソースコード

「本セクションで扱うソースコード」は以下のgit cloneコマンドで取得することが可能です。

$ git clone https://github.com/DiveIntoHacking/webpack-crash-course.git

以下の表は、各レクチャーの名称とそのレクチャーで作成されたブランチ名との対応を示す表です。

もし、レクチャーの中でうまく動作せず行き詰まったり、あるいは正常に動作はしたものの自分の書いたコードとの比較を行ったりするといった場合には、 各ブランチをcheckoutして参考にしてみてください。 全てレクチャーの収録時のソースコードと全く同じものをcommitしています。

注意事項

本コースでは、様々なnpm パッケージをインストールしますが、全て、バージョンを特定してインストールしています。

動画の内容と同じ動作を保証するためには同じバージョンのパッケージをインストールする必要がありますが、動画の中でもバージョンを指定したインストールの方法を指示していますので、その通りに実行してみてください。

例えば、webpackをインストールする場合は、以下の方法を推奨します。

$ npm install --save-dev [email protected]

以下のようにバージョンを未指定でインストールした場合は、最新のバージョンのパッケージがインストールされることになり、動画の中で紹介している挙動やUIとは異なるものになる可能性がありますので、非推奨です。

もし以下のようにされる場合は自己責任で行なってください。

$ npm install --save-dev webpack

FAQ

gitやGitHubに慣れていない方から寄せられる質問をまとめています。

リポジトリの変更などを知る方法はありますか？

こちらのリポジトリのトップページの画面上部にある

starボタンをクリックすると、GitHubのトップページのタイムラインにそのリポジトリを追跡することができますのでやってみてください。

自分のアカウントにリポジトリをぶら下げたいのですが。。。

forkすることで可能です。画面右上のForkボタンをクリックしてください。

リポジトリを新規にcloneを行い、該当のブランチにcheckoutする方法は？

git clone後に、例えば、modulesというブランチをcheckoutしたい場合を例にすると、以下のようにコマンドを実行することになります。

$ git clone https://github.com/DiveIntoHacking/webpack-crash-course.git
$ cd webpack-crash-course
$ git checkout -t origin/modules

あるいは、下記のコマンドだとbranch名を指定することでワンラインで実行可能です。

$ git clone --branch modules https://github.com/DiveIntoHacking/webpack-crash-course.git

ブランチ間の差分を知るには？

ブランチ間の差分を知るには以下のコマンドが有効です。

以下は、「いきなり！動かしてwebpackの全体像を把握しよう - webpack適用前」で実装したコードと「いきなり！動かしてwebpackの全体像を把握しよう - webpack適用後」で実装したコードとの差分を出力するコマンドになります。

このように、ブランチ名をdot二つで繋げることでブランチ間の差分を調べることができますので試してみてください。

$ git diff origin/getting-started-before-webpack..origin/getting-started-after-webpack

プログラムの誤りを見つけてたがその連絡の手段は？

本プログラムはUdemy教育用のものですので、受講生からのリクエストを最優先していますので、Udemyのコースに設置されている公式のQ&Aにてご指摘の内容をご報告頂ければ有り難いです。 (本プログラムはオープンソースプロジェクトではありませんのでGitHubのIssuesでお知らせ頂いても対応出来ない場合がありますのでご了承ください。)

その他、不明な点が有りましたらUdemyのQ&Aにてご質問ください。

動画コース一覧

他にも以下のコースをUdemyにて公開中です。