강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

フロントエンド開発者のためのWebpack

1000人が選んだWebpack講座!新しく出たWebpackバージョンに合わせてリニューアルされた講座です。実習中心でより簡単にWebpackを学んでください :)

  • captain
3시간 만에 완강할 수 있는 강의 ⏰
Webpack

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

こんなことが学べます

  • フロントエンド

  • Webpack

  • NPM

  • フロントエンド構築システム

  • ES6 Import と Export 文法

日々複雑になるフロントエンド開発エコシステムで
NPMとWebpackをすばやく学びます✨

フロントエンドビルドシステムの中核、
NPMとWebpack ✌

実務者や入門者にとって最も難しいと言われるNPMとWebpackを知ってこそ、自分でプロジェクトを整理できます。モダンなフロントエンド開発プロジェクトを構成する際に、必要な2つの概念をすばやく簡単に学びましょう。

ますます多くの企業が最新のフロントエンドフレームワークを使用しており、この中心にはNPMとWebpackを利用したフロントエンドビルドシステムがあるのです。多くの企業がこのビルドシステムを正確に理解し、自分で構築できる開発者を探しているので、この講義を通じて差別化されたフロントエンド開発者になることができるでしょう。

この講義だけの特徴✏️

  • NPMとWebパックをどこでも学び、学ぶことができるように、 Webサイトで制作された教案を提供します。
    (講義教案はPWAで製作されており、モバイルでも設置後楽にご覧いただけます。)
  • 会社で時間を追って早く学習しなければならない実務者の方、ウェブパックに初めて接する方の皆が満足できるように理論​​の説明は短く、実習は簡単ながらも細かく製作しました。


講義で扱うツール🔨

  1. VSCode
  2. Node.js LTSバージョン(v10以降)
  3. NPM
  4. Git

授業ではVSCodeに進みますが、好みの開発ツールがあればそれを使っても構いません。


予想されるQnA
🙋🏻‍♂️

Q.ビルドシステム、モジュール、バンドルなどの用語を知らないのですが、私は聞くことができますか?

バンドルとは、複数のファイルを1つにまとめるもので、ビルドシステムとは、自分が作成したアプリケーションをユーザーに配布できる形式に変換する方式を意味します。難しいかもしれない用語を非専攻者、入門者の観点から親切に解いて説明をしていますので心配しないで楽に聞いてください。
進行中に詰まっている部分と理解できない部分は、質問掲示板に残していただければ詳しく、親切にお答えします:)

Q.この講義だけの特別な利点がありますか?

この講義は、できるだけ簡単に理論を説明し、まさに実習を共にして学んだ理論を自ら理解する講座です。冗長な説明ではなく、短く簡潔な説明で素早く知識を伝えた後、実習中心に概念を正確に学ぶようにします。今すぐ始めましょうか?

Q. この講義を始めるきっかけがありますか?

3年前からウェブパックオフライン講座を行ってきました。この講座は、500人を超えるオフライン受講生のフィードバックと入門者の観点から新たに構成した講座です。 Webパックの設定とフロントエンドビルドシステムがこれ以上難しく感じられないようにお手伝いします!


関連ロードマップ🚎

Vue.jsで完成するフロントエンド開発者ロードマップ
キャプテン板橋様の簡単に取り扱え、生産的なVue.jsを通じて
実務ウェブ開発に挑戦できるように構成されたロードマップです。
この講義を含む


知識共有者の紹介👨‍🏫

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

「Inflearnが出会った人」インタビュー

「講義収益でVue.jsオープンソース+
ライフコーディングを後援します😁」

講義割引を提供します!

シリーズ「Vue.jsで完成するフロントエンド
開発者ロードマップ" 25% 割引(クリック)

収入のない中・高校生、
大学生のための学生の50%割引(クリック)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • NPM が何なのかわからないが、フロントエンド フレームワークを使用する必要がある開発者

  • フロントエンド開発入門者

  • パブリッシャー

  • ジュニア フロントエンド開発者

  • WebPack を試したことがないフロントエンド開発者

  • フロントエンド ビルド システムに興味のある人

前提知識、
必要でしょうか?

  • HTML

  • CSS

  • Javascript

こんにちは
です。

48,610

受講生

4,731

受講レビュー

3,815

回答

4.9

講座評価

19

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

64件 ∙ (3時間 27分)

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

受講レビュー

全体

342件

4.9

342件の受講レビュー

  • windtail16님의 프로필 이미지
    windtail16

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    一生他人がやってくれて食べたキムチなのに、 今、キムチを浸す方法を学びました。 ありがとうございます。

    • a010414011600372님의 프로필 이미지
      a010414011600372

      受講レビュー 9

      平均評価 4.8

      3

      63% 受講後に作成

      あまりにも講義が2分多いので、最初に講座説明して少し本論に入って最後にまたその内容を整理するようなので時間が惜しいです。

      • halphas0951님의 프로필 이미지
        halphas0951

        受講レビュー 2

        平均評価 5.0

        5

        98% 受講後に作成

        この川の蒸しです。 通常、フロントエンド初心者(初年)開発者たちは開発環境自体に対する理解があまりない(低含む) この講義報告ああ、これはこれでしたが、これでこれが起こったので、次回はここを見なければなりません。 など フロントエンド開発環境の基礎的で全体的な流れと知識を築くのにとても役立ちます。 すでにブログで無料で情報を共有していますが、この講義を通じて知識を一緒に習得しています。 はるかに優れています (参考までに私はこの講義までキャプテン板教様講義4回目の受講中です==> 本当の蒸し受講生の意見という意味で強調して可用)

        • captain
          知識共有者

          蒸し講義と言ってくださるので蒸し感動が来ますね。 :)

      • ybebee92274님의 프로필 이미지
        ybebee92274

        受講レビュー 3

        平均評価 4.7

        4

        100% 受講後に作成

        他の講義よりも話しているスピードが速いので、後ろに回して見て繰り返したのだと思います。

        • dhkdndksk2082님의 프로필 이미지
          dhkdndksk2082

          受講レビュー 1

          平均評価 4.0

          4

          100% 受講後に作成

          バーベルの説明が短すぎて残念ながら良い講義だったようです。

          期間限定セール、あと1日日で終了

          ¥3,136

          24%

          ¥4,181

          captainの他の講座

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