inflearn logo
inflearn logo

/

簡単に学ぶ Webpack

最新のフロントエンド フレームワーク (React、Angular、Vue) で必須となるツールである Webpack の基本概念を学ぶ講座です。 この授業を通じて、Webpack の背景と思想を理解し、Webpack 設定ファイルを簡単に分析およびカスタマイズできるように受講生の能力を向上させることを目的としています。

難易度 初級

受講期間 無制限

Webpack
Webpack
Bundling
Bundling
Webpack
Webpack
Bundling
Bundling

学習した受講者のレビュー

学習した受講者のレビュー

4.2

5.0

newcat

98% 受講後に作成

いいね 私はただこれをやって行った設定の基本をしっかりと取り戻してくれた講義でした。

5.0

Leo

100% 受講後に作成

Webpackを理解するのに非常に役立ちました。

5.0

jude

100% 受講後に作成

Webパックについて基本的な知識がわかった講義だったと思います。

1.講座紹介

最新のフロントエンドフレームワーク(React、Angular、Vue)で必須となるツールであるWebpackの基本概念を学習する講座です。 Webpackに漠然とした恐れを持っているフロントエンド入門開発者、Web開発者を対象としています。このクラスでは、Webpackの背景と思想を理解し、 Webpack設定ファイルを簡単に分析し、カスタマイジングが可能になるように受講生の能力を向上させる授業を目指します。複雑で悪名高いWebpackの設定を簡単に理解するために、各属性の役割簡単に説明 - >インストラクターがライブコーディング - >準備された例で受講生が実習の形で授業を進めます。 Webpackの主な属性であるEntry、Output、Loader、Plugin、Resolveなどを取り扱い、Webパックを利用した開発環境の構成方法やその他のWeb自動化ツールとの連動方法などを学習し、基本概念だけでなく実際にサービスや実務に適用することができるできるだけカリキュラムを構成しました。

웹팩 핸드북 사이트 소개

上記のサイトは講義を聞くときに一緒に見ると良いです😁(クリックするとサイトにアクセスできます)

2.誰に役立つのですか?

  • Webpackが何であるかわからない人
  • Webpackは聞きましたが、設定ファイルを開くと怖い人
  • Webpack公式ドキュメントをよりマウス投げた方
  • Webpackを学びたいのですが、あまり参考になっていない方
  • このイメージを見て何の音なのか分からないという方は皆聞いてください。

3.どんなことを学びますか?

Webpackの主な属性Webpack開発環境の構成付録
  • エントリー
  • Output
  • Loader
  • Plugin
  • Resolve
  • Webpack Dev Server
  • Webpack Dev Middleware
  • 開発者ツール連携
  • Gulpと連動
  • NPM(ノードパッケージマネージャ)の紹介と使用法
  • JavaScriptのモジュール化
  • Node Path API

4.コースの特徴

設定が複雑になるほど、小さな単位から順番に学習をしなければ大きな絵を描くことができます。各主要属性について簡単に説明した後、講師のライブコーディング -> 準備された例に従って受講生が実習するようにカリキュラムを構成しました。このようにして、受講生の方が簡単かつ迅速にWebpackに従うことができるように構成しました。また、なぜ多くの不思議なWebパックを使用する必要がありますか? Webパックの背景、Webパックの使用に必要な選手知識(NPM、JavaScriptモジュール化)やその他の技術(Node.js、Gulp)をあらかじめご説明いたします。

5.講師紹介

チャン・ギヒョ(キャプテン板橋)


[プロフィール]

Inflearnが出会った人#02 |チャン・ギヒョンインタビューに行く

こんにちは
captainです。

49,322

受講生

4,861

受講レビュー

3,816

回答

4.9

講座評価

19

講座

Inflearnで8年目、知識を共有しています。 🏠 技術ブログ, 📣 Twitter, 💻 GitHub

📗 Do it! Vue.js入門簡単に始めるTypeScript など 書籍3冊を執筆
📖 Cracking Vue.jsTypeScriptハンドブックWebpackハンドブック オンライン無料ガイドブック3冊を執筆
👨‍💻 キャプテン板橋のフロントエンド開発YouTubeチャンネル 運営 - 就活生、ジュニア開発者の悩みが聞ける場所
🥤 キャプテン板橋のカカオトークオープンチャット 運営 - フロントエンド開発の最新情報と業界の仲間の考えや悩みを聞ける場所

もっと見る

カリキュラム

全体

51件 ∙ (3時間 26分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

41件

4.2

41件の受講レビュー

  • muezwink2473님의 프로필 이미지
    muezwink2473

    受講レビュー 21

    平均評価 4.6

    4

    100% 受講後に作成

    ありがとうございます。 お疲れ様

    • camorra0421님의 프로필 이미지
      camorra0421

      受講レビュー 24

      平均評価 4.5

      5

      100% 受講後に作成

      Webpackを理解するのに非常に役立ちました。

      • kaei25740567님의 프로필 이미지
        kaei25740567

        受講レビュー 2

        平均評価 4.5

        4

        100% 受講後に作成

        バージョンが変わったのですが、これも勉強と思って変わった部分を直接見つけて実装することで勉強するのにたくさん役に立ちました!

        • shk72301233님의 프로필 이미지
          shk72301233

          受講レビュー 7

          平均評価 5.0

          5

          100% 受講後に作成

          Webパックについて基本的な知識がわかった講義だったと思います。

          • newcat님의 프로필 이미지
            newcat

            受講レビュー 3

            平均評価 5.0

            5

            98% 受講後に作成

            いいね 私はただこれをやって行った設定の基本をしっかりと取り戻してくれた講義でした。

            captainの他の講座

            知識共有者の他の講座を見てみましょう!

            公開していない講座のため、受講が制限されます。