inflearn logo
inflearn logo

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

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

難易度 初級

受講期間 無制限

JavaScript
JavaScript
promise
promise
frontend
frontend
fetch-api
fetch-api
asynchronous-programming
asynchronous-programming
JavaScript
JavaScript
promise
promise
frontend
frontend
fetch-api
fetch-api
asynchronous-programming
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とは何か、基礎的な文法に対する理解

こんにちは
frongttv5414です。

492

受講生

10

受講レビュー

4

回答

4.9

講座評価

1

講座

TmaxSoft、NAVER、NHN NEXT、SK Planetなどで働いていました。

Woowa Tech Camp、NAVER Boostcamp、Hyundai Softeer Bootcampなどのウェブフロントエンドカリキュラムを設計・進行しました。

「プロント(frongt)」YouTubeウェブ開発チャンネルを運営(https://www.youtube.com/@frongt)しています。

もっと見る

カリキュラム

全体

56件 ∙ (7時間 57分)

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

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

受講レビュー

全体

10件

4.9

10件の受講レビュー

  • yujin1kim2793님의 프로필 이미지
    yujin1kim2793

    受講レビュー 8

    平均評価 4.8

    4

    100% 受講後に作成

    • kimjw79503010님의 프로필 이미지
      kimjw79503010

      受講レビュー 1

      平均評価 5.0

      5

      30% 受講後に作成

      • frongttv5414
        知識共有者

        受講レビューありがとうございます〜!

    • wonseokchang7075님의 프로필 이미지
      wonseokchang7075

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      • frongttv5414
        知識共有者

        受講&評価ありがとうございます 💯

    • tkyoun12409907님의 프로필 이미지
      tkyoun12409907

      受講レビュー 5

      平均評価 5.0

      修正済み

      5

      100% 受講後に作成

      本当に素晴らしい講義です。 各セクションごとに知っていると思っていた概念を振り返りながら、実際にはきちんと理解していなかった部分が多いということに気づき、おかげでより深く学ぶことができました。 特に最後のセクションでは、AI時代を生きるジュニア開発者としてどのような観点と態度を持つべきかについて、多くのインサイトを得ることができました。 次のトピックの講義がいつ出るかは分かりませんが、個人的にはぜひ続いてほしいという気持ちです。

      • frongttv5414
        知識共有者

        講義を作りながら考えていた意図をよく感じ取っていただいて、少し驚きました。^^; 受講ありがとうございます。

    • gdgd님의 프로필 이미지
      gdgd

      受講レビュー 3

      平均評価 5.0

      5

      61% 受講後に作成

      似ている講座

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

      ¥5,482