강의

멘토링

커뮤니티

Programming

/

Front-end

AI時代のWeb開発:非同期プログラミングとデータ通信最適化(フロント特講)

JavaScriptデベロッパーのための非同期プログラミング概念とデータ通信最適化技法を扱います。

  • frongttv5414
비동기
프론트엔드
자바스크립트
javascript
frontend
JavaScript
promise
fetch-api
asynchronous-programming

受講後に得られること

  • 同時性、非同期メカニズム

  • fetch API & データ通信最適化

  • Debounce、Throttle、AbortController

  • エラーハンドリング、Cache & Retry戦略

  • Stream & Web-Worker

  • AIを活用したバイブコーディングと要求仕様作成

🤖 AI時代のWeb開発者にはどのような能力が重要でしょうか?

  • この講義はこのような悩みから始まりました。

  • AI時代には様々なコーディング支援ツールの活用も必要ですが、それと同時に基礎知識もより一層必要です。

  • フロントエンド、JavaScript開発では、その部分の中で代表的なものがまさに非同期プログラミングです。


📟 最近、非同期プログラミングは本当に重要なのでしょうか?

  • 様々なAI APIを接続し、通信するサービスが増加しています。

  • AIモデルの発展ほどには、ブラウザやネットワークの状況は発展していません。

  • したがって、サービスの変化に合わせて「最適化されたデータ通信」技術が今後より重要になります。

  • データ通信過程の基盤には「非同期プログラミング」の理解が最も重要ですね。


🧑🏻‍🏫 講義コンテンツはどのような形で進行されますか?

  • 概念を身につけて実際に動作する方式を見ることができます。

  • チャプターごとに基本説明 - デモまたは短いミッション方式で、ミッション解説を含みます。

  • すべてのチャプターは独立しており、したがって必要な部分を途中から聞いても構いません。


🙆🏻‍♂️ この講義を成功的に自分のものにするには?

  • 大小様々なミッションを自ら理解・分析して設計し、コーディングしながら自分の知識として習得する必要があります。

  • もちろんAIを活用した学習も並行して行う必要がありますね。(分からないこと、背景知識をより深く質問する)

  • 途中にプロジェクトミッションが一つあります。この過程がなければ、本講義はあまり役に立たない可能性があります。



🍦バニラを基本として扱います。

  • バニラフロントエンドを基本として扱います。

  • 簡単なReactサンプルコードが含まれる例題も入っています。


📚 様々なテーマの特別講義が含まれています。

  • 最後のセッションは「特講」です ^^

  • 非同期プログラミングではありませんが、有用で面白い内容を継続的に更新していこうと思います。

  • 例)AI時代にどのように開発者として成長するか、会社では教えてくれない会社生活のコツなど

  • 数ヶ月に一度ずつ追加・アップデート予定です!

こんな方に
おすすめです

学習対象は
誰でしょう?

  • AI時代でも必ず必要な非同期概念と効果的なデータ通信方法を扱いたい方

  • HTML、CSS、JavaScript 初心者

  • 非同期を正しく理解してプロジェクトを進めたいフロントエンドまたはJavaScript開発者

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

  • HTMLによる簡単な構造化

  • CSS原理と使用方法に対する理解

  • JavaScript基本文法と関数活用

  • 基本的なデバッグ方法

  • NPMとNode.jsに対する理解と活用

  • Reactとは何か、基礎的な文法に対する理解

こんにちは
です。

475

受講生

9

受講レビュー

4

回答

4.9

講座評価

1

講座

TmaxSoft, NAVER, NHN NEXT, SK Planet 등에서 일했어요.

우아한테크캠프, NAVER 부스트캠프, 현대소프티어 부트캠프등의 웹프론트엔드 커리큘럼을 설계/진행했어요

'프롱트' 유튜브 웹개발 채널 운영 (https://www.youtube.com/@frongt)중입니다.

カリキュラム

全体

56件 ∙ (7時間 57分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

9件

4.9

9件の受講レビュー

  • yujin1kim2793님의 프로필 이미지
    yujin1kim2793

    受講レビュー 6

    平均評価 4.7

    4

    100% 受講後に作成

    • tkyoun12409907님의 프로필 이미지
      tkyoun12409907

      受講レビュー 5

      平均評価 5.0

      修正済み

      5

      100% 受講後に作成

      This is truly an excellent lecture. In each section, I realized that there were many parts I didn't actually understand properly while reviewing concepts I thought I knew, and thanks to this, I was able to learn with much greater depth. Especially in the final section, I was able to gain many insights about what perspective and attitude I should have as a junior developer living in the AI era. I don't know when the next topic lecture will be released, but personally, I really hope it continues.

      • frongttv5414
        知識共有者

        I was slightly surprised that you picked up on the intentions I had in mind while creating the course. ^^; Thank you for taking it.

    • wonseokchang7075님의 프로필 이미지
      wonseokchang7075

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      • frongttv5414
        知識共有者

        Thank you for taking the course & leaving a review 💯

    • kimjw79503010님의 프로필 이미지
      kimjw79503010

      受講レビュー 1

      平均評価 5.0

      5

      30% 受講後に作成

      • frongttv5414
        知識共有者

        Thank you for the course review~!

    • nin2348님의 프로필 이미지
      nin2348

      受講レビュー 1

      平均評価 5.0

      5

      30% 受講後に作成

      • frongttv5414
        知識共有者

        Thank you for the course review.

    ¥5,457

    似ている講座

    同じ分野の他の講座を見てみましょう!