バイブコーディングでWebシステムを作る実践講座

「アイデアはあるけど、システム開発の知識がない」
「AIを使えば作れそうだけど、何から始めればいいかわからない」

そんな方に向けて、Claude Codeを活用しながら、実際にWebシステムを作り、インターネット上に公開するところまでをレクチャーする実践型講座です。

単にAIへの指示方法を学ぶだけではなく、

• Claude Codeを使ったバイブコーディング
• Webシステムの基本的な作り方
• AWS Lightsailを使ったサーバー構築
• ドメイン取得
• DNS設定
• SSL・HTTPS化
• システムの公開
• 公開後の修正・アップデート

まで、「作る → 公開する → 改善する」一連の流れを学びます。

プログラミングをすべて自分で書けなくても、AIと会話しながらシステム開発を進めるための考え方・進め方・実践的なノウハウを身につけることができます。

お試しコース

まずは「AIでシステムを作る」を体験

バイブコーディングに興味はあるけれど、

「本当に自分でも作れるの？」
「Claude Codeって何ができるの？」

という方向けの入門コースです。

Claude Codeを実際に操作しながら、簡単なWebシステムを作成します。

学べる内容

• バイブコーディングとは？
• Claude Codeの基本
• Claude Codeのセットアップ
• AIへの指示の出し方
• Webシステムが動く基本的な仕組み
• 簡単なWebシステムの作成
• エラーが発生したときのAIを使った解決方法
• システム開発をAIに任せるときのコツ

ゴール

Claude Codeを使って、自分の指示からWebシステムが作られていく感覚を体験すること。

「自分でもシステムを作れそう」という状態まで持っていきます。

通常コース

アイデアを「実際に使えるWebシステム」にする

通常コースでは、Claude Codeを使った開発だけではなく、完成したシステムを実際にインターネット上へ公開するところまでを学びます。

「AIでコードを作れたけど、その先がわからない」

という状態にならないよう、開発環境からサーバー、ドメイン、DNSまで一通り扱います。

1. Claude Code / バイブコーディング

• Claude Codeの導入
• プロジェクトの作成方法
• AIへの要件の伝え方
• 大きな機能を小さく分けて開発する方法
• Claude Codeに既存コードを理解させる方法
• エラー調査・修正
• AIの暴走を防ぐ方法
• コードを壊してしまったときの戻し方

2. Webシステム開発

実際にWebシステムを作りながら、

• 画面作成
• データ登録
• データ編集
• データ削除
• ログイン機能
• データベース
• 管理画面
• API
• 外部サービスとの連携

など、Webシステム開発の基本的な考え方を学びます。

重要なのはプログラムを暗記することではありません。

「何を作りたいのかを整理し、AIに正しく実装させる能力」を身につけます。

3. AWS Lightsail

作ったシステムを公開するため、AWS Lightsailを使ったサーバー構築を行います。

• Lightsailとは？
• サーバーの作成
• Linuxサーバーの基本
• SSH接続
• Webサーバーの設定
• アプリケーションの配置
• データベースの設定
• システムの起動
• トラブルシューティング

インフラについて詳しくない方でも、必要な部分に絞って解説します。

4. ドメイン取得

独自ドメインを取得し、自分のシステム専用のURLを作ります。

例：

https://example.com

のような形でアクセスできる状態を目指します。

• ドメインとは？
• ドメインの選び方
• ドメイン取得方法
• サブドメインの使い方

5. DNS設定

取得したドメインとLightsail上のサーバーを接続します。

• DNSとは？
• Aレコード
• CNAME
• IPアドレス
• ドメインとサーバーの接続
• DNSが反映されないときの確認方法

専門用語についても、実際の設定をしながら理解していきます。

6. HTTPS / SSL化

システムを

http://

ではなく、

https://

で安全に利用できるようにします。

• SSLとは？
• HTTPSとは？
• SSL証明書の設定
• 自動更新
• セキュリティの基本

7. システム公開

最終的には、

自分で作ったWebシステムを、独自ドメインでインターネット上に公開します。

さらに公開後の、

• 機能追加
• デザイン変更
• バグ修正
• Claude Codeを使ったアップデート
• バックアップ
• サーバー管理

についても学びます。

この講座で目指すこと

この講座の目的は、プログラマーになることではありません。

目指すのは、

「作りたいものを考え、AIに指示し、自分でWebシステムとして形にできる人になること」

です。

これまでシステム開発には、

企画
↓
設計
↓
エンジニアへの依頼
↓
開発
↓
サーバー構築
↓
公開

という多くの工程と専門知識が必要でした。

しかしClaude CodeをはじめとしたAIコーディングツールの登場によって、個人でもシステムを作れる環境が急速に整っています。

本講座では、AI時代の新しいシステム開発方法を、実際に手を動かしながら学びます。

こんな方におすすめ

• プログラミング経験はないがシステムを作ってみたい
• 自分のアイデアをサービスにしたい
• 社内業務を効率化するツールを作りたい
• Claude Codeを使えるようになりたい
• ChatGPTでコードを作ったことはあるが、その先がわからない
• エンジニアに頼らず簡単なシステムを作れるようになりたい
• AIを仕事に活用したい
• 新規サービスのプロトタイプを素早く作りたい

お試しコースと通常コースの違い

お試しコース

「Claude Codeでシステムを作る体験」が中心です。

Claude Codeの基本操作と、簡単なWebシステム開発を体験し、バイブコーディングが自分に合っているかを確認できます。

通常コース

Claude Codeによる開発に加えて、

開発 → サーバー構築 → ドメイン取得 → DNS設定 → HTTPS化 → 公開

まで一通り実践します。

最終的には、自分一人でもAIを使いながらWebサービスを立ち上げられる状態を目指します。