AI時代のWeb開発:非同期プログラミングとデータ通信最適化(フロント特講)
frongt
JavaScriptデベロッパーのための非同期プログラミング概念とデータ通信最適化技法を扱います。
初級
JavaScript, promise, frontend
Claudeのコードで設計からTDD、CIまで完成。 一つの機能をスペック一行からmainマージまで。
学習した受講者のレビュー
5.0
zzgh06
まだすべての講義を視聴したわけではありませんが、今年受講した講義の中で一番素晴らしい講義だと思います。どのようにClaudeのコードを活用してハーネス環境を構築し、開発に活かすべきか悩んでいました。多くの方法がある分、どの方式を採用して構築すべきか選択肢が多くてさらに迷っていたのですが、YouTubeでプロント(Pront)さんが講義を作られたと聞き、日頃から有益なコンテンツを提供してくださっていることを信頼してこの講義を選びました。実際に手を動かしながら自分だけのハーネス環境を構築することができ、とても勉強になっています。 これから残りの講義も受講し、他のプロジェクトでも活用しながら自分のものにしていけるように頑張ります。素晴らしい講義をありがとうございます。
5.0
관태
前回の非同期講義に続き、今回の講義もとても楽しく拝聴しました!おかげでAI開発ワークフローについてしっかりと理解することができました。:) ところで、講義を聞いていてこのような疑問が湧きました。もしチームで開発を進める場合、コードはAIがすべて作成するのに、結局人間が一つずつPRレビューを行う過程が大きなボトルネックになるのではないかと感じています。 AIの速度に人間が追いつけない状況が来るはずですが、これを自動化するとしたら、どのような基準と方法で進めるのが良いのか非常に気になります。人間が直接コードを書かない時代に、チーム単位のワークフローはどう変わるべきでしょうか? こうした疑問を解決できる深掘りコースや、AIネイティブチームのコラボレーション自動化戦略についても、後ほど詳しく扱っていただけると大変助かります。 素晴らしい講義をありがとうございました!
5.0
ysw081
非開発者ですが、Next.js程度まではある程度理解しているレベルで、この講義を適度に理解し、分からない部分は調べながら受講するのにちょうど良い講義だったと思います。おそらく自分のレベルに合った講義だったのではないかと推測しています。 作りたいWebやアプリがあり、ソロプレナーを夢見て活動するにあたって、Next.jsフレームワークよりもRailsフルスタックの方が速く、アプリ制作時にHotwire Nativeを使って一人で作るのがスムーズだと思い移行してきましたが、テストシナリオをRailsに合わせて悩みながらやってみる必要がありそうですね。 ちなみに、InflearnのClaude Code関連の講義はほとんど受講しましたが、5点をつけた講義はわずか3つだけです。
実用的なハーネスセット
TDDフルサイクルの経験
エージェントベースのフルパイプライン統合体験
小さな機能を完成させながら、エージェントベースのワークフローを自ら構築する方法を学びます。
Anthropicが最も推奨する強力なハーネスであるTDDワークフローをベースに学びます。.
講義受講後に習得したスキルとワークフローの概念を通じて、その後の開発プロジェクトで応用が可能です。
講義全体を通してClaude Codeを使用して開発します。
Agent開発方式を制御する自分だけのHarness作り訓練(Skillベース)
Agentを活用したTDDの全サイクル体験
伝統的なソフトウェア工学の概念をClaude Codeで実現
ポートフォリオよりワークフローの理解に集中する講義
Claude Codeで学びますが、Codexなど他のツールでも応用して活用可能 như Codex.
リアクトのウェブプロジェクトを題材にしていますが、すべてのソフトウェア開発において参考にできます。
Claude、Codexのプロンプトレベルを超えたAgenticな開発手法を知りたい方
自分なりのAIワークフローを完成させたい方
分析・設計プロセスをしっかりと経験し、業務に活用したい方
AI時代にTDD方式で入念な検収とテスティングを行いたい方
初心者でも可能ですが、Git/NPM/React/ターミナルの基本知識が必要です。
講義ではReact + Viteベースのプロジェクトを使用しますが、ワークフローのためのツール程度に考えても大丈夫です。
簡単なNoteを作成するNoteウェブサービス
基本構成が完了したnote webをGitHubからフォークして開始(または直接デザインから構成可能)
講義全体を通して、note webの「tag」機能のみを開発します
講義は単独でチャプターごとに受講可能ですが、全体の流れはつながっています。
厳格な環境構築から、分析、設計、TDDベースの開発、自動運転までを扱います
ソフトウェアテストの理解 特講追加 về hiểu biết kiểm thử phần mềm
開発段階ワークフロー統合-16講追加
開発段階の自動走行ワークフロー作成 - 17講追加
すべてのチャプターの「理論」編の講義資料をPDFで提供します。
講義内の説明資料は、作成したマークダウン形式の講義資料を、claude skillsを活用してHTMLに変換しました。
claude codeの検証方式を通じて、講義資料の誤りチェックおよび内容を正しく修正しました。
学習対象は
誰でしょう?
自分だけのAIコーディングワークフローを作りたい方
Claude Codeを実際のワークフローに取り入れたい方
Agent開発においてTDDをどのように取り入れるか気になっている方
前提知識、
必要でしょうか?
Gitの基本(branch・commit・PR・merge)、GitHubリポジトリ・Issue・PRの操作
npm · Node.js
JavaScript / React 基礎の理解
インフラン認証
キャリア認証
853
受講生
44
受講レビュー
13
回答
4.9
講座評価
2
講座
プロングトYouTubeチャンネル:https://www.youtube.com/@frongt
AI時代の開発学習:https://devskills.net
優雅な兄弟たち(Woowa Brothers)、NAVER、現代自動車、ソウル大学などでWebおよびAIエージェントの教育を行っています。
TmaxSoft、NAVER、NHN NEXT、SK Planetを経て、現在はCodeSquadに在籍しています。
全体
60件 ∙ (7時間 18分)
講座資料(こうぎしりょう):
全体
30件
4.9
30件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
修正済み
5
ハーネスよりはTDDの重要性やワークフローに関する情報のほうが頭に入ってきます(笑)ハーネスがエージェントの枠組みを作ってくれるというのは分かりましたが、ハーネスを使った時と使わなかった時のコードの信頼性の違い?などは、あまりピンとこなかった気がします!どちらかというとスキルとしてワークフローの自動化が大きな部分を占めているような感じというか! ですが、前向きにTDDがなぜ重要なのか、TDDワークフローをどのように進めればいいのか、追加のインサイトを得られたと考えれば、良い講義だと思います。 YouTubeで見ていて、コメントを読んで講義まで買ってしまうほど伝える力が素晴らしいです(笑)講義を買い間違えると、説明しながら「あ、その、えーと…」となる講義もありますが、流れるように〜完璧に頭に入ってきます。最高です。
おっしゃる通りです 🙏 この講義はTDDを中心に、堅牢な分析・設計、検証ワークフローでハーネスを構築しています。そのため、講義中にはワークフローやTDDがより身近に感じられるのが自然です。 「信頼度の違い」は、プロジェクトに適用してみれば実感していただけるはずです! 良いフィードバックをありがとうございます。
受講レビュー 127
∙
平均評価 5.0
5
===== 26/05/10/日 18:50 ===== 最近、AIがコードを作成することをYouTubeで知っていましたが、Claude Codeが何なのか理解しました。Claude Codeでアプリを作るべきだということが分かりました。TDD(テスト駆動開発)についても理解できました。良い講義を作っていただき、ありがとうございます。
Claude Codeについて理解していただけたようで良かったです。 ちなみに、TDDは開発の世界では必須ではないと私は考えています。 ほとんどの場合、あまり行われていなかったり、できなかったりするのが現状です。 しかし、AIコーディングにおいては有用な手法だと思います。
受講レビュー 9
∙
平均評価 5.0
修正済み
5
前回の非同期講義に続き、今回の講義もとても楽しく拝聴しました!おかげでAI開発ワークフローについてしっかりと理解することができました。:) ところで、講義を聞いていてこのような疑問が湧きました。もしチームで開発を進める場合、コードはAIがすべて作成するのに、結局人間が一つずつPRレビューを行う過程が大きなボトルネックになるのではないかと感じています。 AIの速度に人間が追いつけない状況が来るはずですが、これを自動化するとしたら、どのような基準と方法で進めるのが良いのか非常に気になります。人間が直接コードを書かない時代に、チーム単位のワークフローはどう変わるべきでしょうか? こうした疑問を解決できる深掘りコースや、AIネイティブチームのコラボレーション自動化戦略についても、後ほど詳しく扱っていただけると大変助かります。 素晴らしい講義をありがとうございました!
受講&レビューありがとうございます。 重要な点に言及してくださいましたね。非常に難しい現実的な問題です。^^ 現在のワークフローを拡張して、チームとしてどのように運営するか一度考えてみます。 内容をまとめて、追加チャプターとして盛り込めるかどうか検討してみます。 貴重なご意見ありがとうございました。
受講レビュー 9
∙
平均評価 5.0
5
まだすべての講義を視聴したわけではありませんが、今年受講した講義の中で一番素晴らしい講義だと思います。どのようにClaudeのコードを活用してハーネス環境を構築し、開発に活かすべきか悩んでいました。多くの方法がある分、どの方式を採用して構築すべきか選択肢が多くてさらに迷っていたのですが、YouTubeでプロント(Pront)さんが講義を作られたと聞き、日頃から有益なコンテンツを提供してくださっていることを信頼してこの講義を選びました。実際に手を動かしながら自分だけのハーネス環境を構築することができ、とても勉強になっています。 これから残りの講義も受講し、他のプロジェクトでも活用しながら自分のものにしていけるように頑張ります。素晴らしい講義をありがとうございます。
受講レビュー 16
∙
平均評価 3.9
5
非開発者ですが、Next.js程度まではある程度理解しているレベルで、この講義を適度に理解し、分からない部分は調べながら受講するのにちょうど良い講義だったと思います。おそらく自分のレベルに合った講義だったのではないかと推測しています。 作りたいWebやアプリがあり、ソロプレナーを夢見て活動するにあたって、Next.jsフレームワークよりもRailsフルスタックの方が速く、アプリ制作時にHotwire Nativeを使って一人で作るのがスムーズだと思い移行してきましたが、テストシナリオをRailsに合わせて悩みながらやってみる必要がありそうですね。 ちなみに、InflearnのClaude Code関連の講義はほとんど受講しましたが、5点をつけた講義はわずか3つだけです。
詳細な受講の感想をいただき、ありがとうございます。 おや、非開発者ではないようにお見受けしますが(笑) 今はフルスタックが重要になってきていますよね。Railsフルスタックのメリットまでご存知なところを見ると、かなりお詳しい方のようですね^^ 残りの講義もぜひ楽しく受講してください。
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!