流行ではなく内功。30年目開発者の実践バイブコーディング

モダンな3層構造のウェブサービスをAIと共に設計し、バイブコーディング(Vibe Coding)だけで開発した後、AWS環境にデプロイして実際に稼働するプロダクションサービスまで完成させます!Amplify、CloudFront、ALB、EC2、S3、RDSなど、AWS環境において現場で使用される主要サービスを一つの流れで体験できるよう、一連の設定プロセスをすべて盛り込みました。

難易度 初級

受講期間 無制限

Git
Git
aws-rds
aws-rds
aws-ec2
aws-ec2
aws-s3
aws-s3
Vibe Coding
Vibe Coding
Git
Git
aws-rds
aws-rds
aws-ec2
aws-ec2
aws-s3
aws-s3
Vibe Coding
Vibe Coding

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

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

5.0

5.0

yorion

47% 受講後に作成

実用的なサービス開発に真剣に取り組んでいる講義であることをお伝えします。 受講レビューの前に、講義を受けて必要だと感じたため、オープンチャットを開設しました。ぜひご参加ください。 [ゆるい開発者 バイブコーディング フォロワーたち] 私は就活生で、過去にバイブコーディングを数回試みたことがあります。 その過程で感じたことは、「間違いなく、開発プロセスや実サービス級のSW開発において、非常に役に立つ!」ということでした。しかし、そのギャップが極めて大きいため、「できる人とできない人が分かれるだろう」というFOMO(取り残される恐怖)に震えながら、独学で何とかやり遂げようと必死になっていました。そんな中、運命のようにこの講義に出会い、大きな助けとなりました。実サービス級の全プロセスがどのように進むのかを知ること、そして開発を成し遂げた方の重要ポイントが非常に役立ちます。ですので、私はこの講義を受講する際、YouTubeを見るように一度2倍速で最後まで完走し、その後にじっくりとフォローアップすることをお勧めします。 ただ、タイトルの通り、私のように少し真剣で、一日に数時間以上をひたすら開発に投資できる方が受講すべきではないかと思います。 ともかく、バイブコーディングのファストフォロワーになって、未来のニーズに応えられる開発者になりましょう。ファイティン!

5.0

Haesanmul

76% 受講後に作成

1、2チャプターを除いてすべての講義を受講しました。実務に入ったばかりのジュニア開発者として、AIをどのように活用するのが適切か講師の方の意見が気になり受講しましたが、多くの部分で共感できました。特に、まだサービスや開発全般に対する理解が不足している人は、あえてサブエージェントを活用する必要はないという意見が心に響きました(笑)。 また、FastAPIを利用して開発した経験があるのですが、Claudeがかなり暴走してプロジェクトをほとんど作り直した記憶があり、特にPython活用時には注意が必要ではないかという自分なりの考えに確信を持つことができました。そして、企画にしっかりと時間を使い、丁寧にプロンプトを作成することがAI活用における重要な能力になるだろうとも感じています。良い講義をありがとうございました。 IT専攻ではない方々が実際のサービスを開発・運営する上で大きな助けになったと思いますが、開発者にとってもう少し役立つような講義も出ればさらに嬉しいです。AIがコード作成を代行してくれる分、サービス全体についてどのように悩むべきか(企画ではなく最適化のような観点で)、より効率的なデバッグ方法は何か、あるいはコンテキストウィンドウをうまく活用する方法など…。AI Agentに関する講義も期待しています。

5.0

Crustafarianism

100% 受講後に作成

関連知識がない状態で、単純にAIだけで簡単なウェブサービスをどこまで作れるかを確認でき、大変参考になりました。私はClaudeの代わりに、カカオで90%割引されていたcodex cliを活用しましたが、大きな問題なく完成させることができました。途中で諦めさえしなければ、どうにか完成まで引き上げてくれるのがAIのもう一つの利点ではないかと思います。

受講後に得られること

  • AWS環境で運用される自身のウェブサービスを持つことができる

  • AIだけを活用して、自分が望む形のサービスを開発できる

  • AWS環境に対する恐怖心が消える

WAF, CloudFront, Amplify, S3 Bucket, EC2, RDS

自分だけの商用ウェブサービスを開発しようとしている方々のために

ご用意しました!

バイブコーディングだけで、AWS環境で運用可能な商用ウェブサービスを開発することができます。サービス開発において、コーディングが占める割合は20%にも満たないかもしれません。本当に重要なのは、サービスを運用するための環境そのものを整えることと、デバッグです。この講義は、バイブコーディングで作った成果物をAWS環境で運用できるよう、プロダクションレベルまで向上させるノウハウをお伝えする講義です。

バイブコーディングで作った実際のサービス (https://www.nullnull.co.kr)

プロンプト作成?

「〜〜して」と言うだけの単純な講義ではありません。実際、授業でプロンプト作成について言及する比重は極めて低いです。核心はそのプロンプトを導き出す過程にあります。

問題解決能力

AIが生成したコードがローカル開発環境でどれほど完璧に動作したとしても、AWSのような本番環境にデプロイした瞬間に、動いていたものも動かなくなるという不可解な現象を経験することになります。この講義では、そのような問題にどう対処すべきか、そのノウハウをお教えします。

雰囲気コーディングではなくAWS

授業の流れに沿って、AWSサービス全般の構造を深く経験することになります。単に画面をなぞるレベルを超えて、すべての設定の理由と根拠を理解することができます。

コーディングではなく学習

講義全体の流れを貫く一つの単語は、まさに「学習」です。AIをツールとして活用して結果のコードを得るのがすべてではなく、その過程の中で自ら学習し、成長することができます。


雰囲気コーディングで簡単なプロジェクトを作ってみたものの、満足できなかった方


AWSサービスを実践的な流れで学びたい方


ポートフォリオではなく、本物のサービスの経験が必要な方

授業中に作成するウェブサービスの構造例

🏗️ 扱う技術 & AWSスタック

🔹 モダン3-Tierアーキテクチャの適用

Vibe Codingで開発したウェブサービスをモダンな3-Tier構造(Next.jsベースのFrontendサーバー、Spring BootベースのBackendサーバー、PostgreSQL)で構成し、開発環境とサービス環境を同一の構造にして実習を進めます。単にAIにどのようなプロンプトを入力すべきかを論じるのではなく、どのような用語や技術に言及すれば望む結果が得られるのかを伝授します。


授業中にAWSサービスを使用する過程で費用が発生する場合があります。本当に本格的なサービスを作るからです!


🔹使用するAWSサービス

  • Amplify – フロントエンドのデプロイおよびCI/CD (Next.js)

  • EC2 – バックエンドアプリケーション運用 (Spring BootベースのAPIサーバー構造)

  • RDS – PostgreSQLエンジンを使用したDB運用

  • ALB – トラフィック分散とサービスの安定性

  • S3 – 投稿に添付される画像や添付ファイルが保存されるストレージ(CloudFrontおよびNACLを適用し、実際にサービス可能なレベルのセキュリティを確保)

  • CloudFront – グローバルCDNを構成するのはもちろん、SSL Termination用としても活用

🔥 流行りではなく実力:30年目エンジニアのバイブコーディング!

バイブコーディングという流行はすぐに過ぎ去ります。しかし、実戦で培った内功は長く残ります。


🧩この講義を終えた後には...

✅ サービス一つを最後まで作り上げた経験を得ることができます。

✅ AWSアーキテクチャが頭の中に描けるようになるのはもちろん、実際にサービスを運用できるようになります。
(IAMロールとポリシーが怖くなくなります!)

✅ 雰囲気コーディングのためのプロンプト作成のコツではなく、AIと協力して結果を導き出すことができます。

✅ 本当に自分だけのための商用サービスを作って公開することができます。


ただの雰囲気コーディング講義ではありません

1⃣ 設計まで扱う入門講義

  • 単に掲示板のためのCRUD APIを扱うレベルを超え、ストレージシステムとAPIサーバーを連動

  • AWS S3サービスの使用方法はもちろん、動作構造および原理を理解

  • IAMロールおよびポリシーなど、EC2サーバーに適用すべきAWSアクセス制御システムについて、確実に理解できるよう実習を構成.


2⃣ 核心となるAWSサービスを扱う

  • Amplify、S3、EC2、RDSなど、ウェブサービスを構成する主要なAWSサービスの設定をすべて学習

  • S3バケットへのパブリックアクセスを遮断し、許可されていないユーザーのアクセスを防止
    (商用サービス制作時に必ず知っておくべき手法)

  • CloudFrontとS3を連携させ、静的データを高速に配信できるシステムへと拡張

3⃣ 実際の運用が可能なプロダクションレベルの
システム構成 💼

  • EC2にSSL証明書をインストールする構成ではなく、CloudFrontを利用してSSL Termination構成を適用

  • 単一のデプロイ環境にEC2、S3オリジンを一つにまとめ、簡潔に運用環境を構築

  • PostgreSQLベースのRDSサービスを活用

  • AmplifyサービスでGitHubと連携し、CI/CD環境を構築service

4⃣ バイブコーディング中に発生する問題を
自ら解決🐞

  • 「EC2ダウン」のような極端な状況および各種異常現象の発生時に、どのように対応すべきかという方向性を提示 và các hiện tượng bất thường khác.

  • すべてがうまく完成する結果だけを見せるのではなく、うまくいかない場合にどのように対応するのが望ましいのかを教えます.

5⃣ 単に真似するのではなく
核心を理解するための主要な理論についての深い解説 🛠

  • OAuth2ベースのソーシャルユーザー認証機能も実装
    (内部の動作原理に関する説明を含む)

  • すべてのウェブ開発者が知っておくべきCORSやCSRFなどのウェブセキュリティ技術についても言及

  • このような理解に基づき、単に設定に従うのではなく、サービス運営に必要な知識を確保.


実習環境

  • オペレーティングシステムおよびバージョン(OS): Windows 11

  • 使用ツール: Claude Desktop, Claude Code (有料プラン必須), IntelliJ IDEA (Community Edition), git-bash, PuTTY, WinSCP

  • PCスペック:Windows 11 OSおよびIntelliJが問題なく動作するレベル

学習資料

  • 授業に使用されたPPT資料(PDFファイルで提供)


事前知識および注意事項

  • 「広く浅く覚えてコン工学専攻者になる」授業で言及される基礎についての理解
    https://inf.run/rhP7v

  • ネットワークおよびウェブサービスに関する各種技術用語をある程度理解している必要があります



こんな方に
おすすめです

学習対象は
誰でしょう?

  • 数多くのバイブコーディング講義を受講したものの、結局自分のサービスを開発することに失敗した方

  • Amplify、CloudFront、S3、ALB、EC2、RDSなど、AWSサービス全般の構造や特性が分からず、設定に苦労されている方

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

  • CS基礎用語およびウェブサービスに関する一定水準の常識(ただし、プログラミングは知らなくても構わない)

  • 授業でClaude有料モデルを使用 (Pro x5)

こんにちは
nullnull8537です。

49,016

受講生

2,877

受講レビュー

1,180

回答

4.9

講座評価

27

講座

「ゆるい開発者TV」チャンネルのオーナーであり、
30年以上IT技術の海を航海している開発者です。お会いできて嬉しいです。^^

カリキュラム

全体

59件 ∙ (12時間 29分)

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

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

受講レビュー

全体

19件

5.0

19件の受講レビュー

  • mwson9876995님의 프로필 이미지
    mwson9876995

    受講レビュー 20

    平均評価 5.0

    5

    31% 受講後に作成

    • kellerj님의 프로필 이미지
      kellerj

      受講レビュー 1

      平均評価 5.0

      5

      31% 受講後に作成

      • bellkim님의 프로필 이미지
        bellkim

        受講レビュー 2

        平均評価 5.0

        5

        31% 受講後に作成

        • nullnull8537
          知識共有者

          高い評価ありがとうございます。 :)

      • chanhotom4862님의 프로필 이미지
        chanhotom4862

        受講レビュー 5

        平均評価 5.0

        5

        47% 受講後に作成

        実用的なサービス開発に真剣に取り組んでいる講義であることをお伝えします。 受講レビューの前に、講義を受けて必要だと感じたため、オープンチャットを開設しました。ぜひご参加ください。 [ゆるい開発者 バイブコーディング フォロワーたち] 私は就活生で、過去にバイブコーディングを数回試みたことがあります。 その過程で感じたことは、「間違いなく、開発プロセスや実サービス級のSW開発において、非常に役に立つ!」ということでした。しかし、そのギャップが極めて大きいため、「できる人とできない人が分かれるだろう」というFOMO(取り残される恐怖)に震えながら、独学で何とかやり遂げようと必死になっていました。そんな中、運命のようにこの講義に出会い、大きな助けとなりました。実サービス級の全プロセスがどのように進むのかを知ること、そして開発を成し遂げた方の重要ポイントが非常に役立ちます。ですので、私はこの講義を受講する際、YouTubeを見るように一度2倍速で最後まで完走し、その後にじっくりとフォローアップすることをお勧めします。 ただ、タイトルの通り、私のように少し真剣で、一日に数時間以上をひたすら開発に投資できる方が受講すべきではないかと思います。 ともかく、バイブコーディングのファストフォロワーになって、未来のニーズに応えられる開発者になりましょう。ファイティン!

        • nullnull8537
          知識共有者

          待ちに待った最初の受講レビューですね。高い評価とフィードバックをいただき、ありがとうございます。:) 他の方々と一緒に活動するためのカカオトークルームも開設されたとのこと、それも非常に大きな意味があると思います。やはり集まることで情報の交換もできますし、何より自分では気づけなかった問題を客観的に検討してもらえるからです。可能であれば、私も時々参加してお力添えできればと思います。ありがとうございます。:)

      • buildabetterworld님의 프로필 이미지
        buildabetterworld

        受講レビュー 4

        平均評価 5.0

        5

        76% 受講後に作成

        1、2チャプターを除いてすべての講義を受講しました。実務に入ったばかりのジュニア開発者として、AIをどのように活用するのが適切か講師の方の意見が気になり受講しましたが、多くの部分で共感できました。特に、まだサービスや開発全般に対する理解が不足している人は、あえてサブエージェントを活用する必要はないという意見が心に響きました(笑)。 また、FastAPIを利用して開発した経験があるのですが、Claudeがかなり暴走してプロジェクトをほとんど作り直した記憶があり、特にPython活用時には注意が必要ではないかという自分なりの考えに確信を持つことができました。そして、企画にしっかりと時間を使い、丁寧にプロンプトを作成することがAI活用における重要な能力になるだろうとも感じています。良い講義をありがとうございました。 IT専攻ではない方々が実際のサービスを開発・運営する上で大きな助けになったと思いますが、開発者にとってもう少し役立つような講義も出ればさらに嬉しいです。AIがコード作成を代行してくれる分、サービス全体についてどのように悩むべきか(企画ではなく最適化のような観点で)、より効率的なデバッグ方法は何か、あるいはコンテキストウィンドウをうまく活用する方法など…。AI Agentに関する講義も期待しています。

        nullnull8537の他の講座

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

        似ている講座

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

        ¥16,850