inflearn logo
知識共有
inflearn logo

AIバイブコーディングでWebサービスの企画からデプロイまで完成させる

ChatGPT、Claudeなどの生成AIを活用してアイデアを実際のWebサービスとして実装し、Dockerによるコンテナ化からサーバーへのデプロイ、ドメイン接続、HTTPSの適用、CI/CDの構築まで、開発・運用の全プロセスを一つのプロジェクトで経験します。単にコードを生成するだけでなく、実際のユーザーがアクセスできるサービスを完成させ、保守・運用する実践的なスキルを身につけます。

1名 が受講中です。

難易度 初級

受講期間 12か月

Docker
Docker
CI/CD
CI/CD
Vibe Coding
Vibe Coding
Spring Boot
Spring Boot
Git
Git
Docker
Docker
CI/CD
CI/CD
Vibe Coding
Vibe Coding
Spring Boot
Spring Boot
Git
Git

受講後に得られること

  • AIバイブコーディングを活用したフルスタックWebサービス開発および実サーバーへのデプロイ実務プロセスの完成

  • フロントエンド・バックエンド・データベース・インフラの接続構造とDockerベースのコンテナ化実習

  • ドメイン接続、HTTPS適用、CI/CDパイプライン構築によるサービス運用の自動化を実現

AIでアイデアをサービスに
運用可能なウェブサービスとして完成させましょう!

Dockerからドメイン・自動デプロイまで自らつなぎます。


AIが作成した草案を、実際にアクセス可能なサービスへと変えます。
サーバー構成からセキュアな接続、自動デプロイまで、自ら運用する力を身につけます。


AIバイブコーディングで
アイデアを実際のサービスとして実装します。

単なるコード生成にとどまらず、フロントエンド(react, nginx)・バックエンド(Spring Boot・データベース(postgresql)を接続し、Docker, Git, ビルドおよびデプロイ体制を構築し、サービスの開発と運用構造を直接扱います。

プロトタイプで止まらず、自ら選定したテーマをWebサービスとして具体化します。
機能を作成・修正し、実際のユーザーがアクセスするサービスレベルの成果物まで完成させます。

自宅のコンピューターの設定からクラウド仮想マシンの構成、Git環境でのプロジェクトのビルドとデプロイを進めます。
ドメイン接続、https(SSL)の適用、Gitベースの自動再デプロイまで、運用の流れを体験します。

アイデアから
実サービスまで構築to a live service

Section 1 -講義概要と全体アーキテクチャ

生成AIを活用したバイブコーディングの概念と、講義の進め方を理解します。フロントエンド、バックエンド、データベース、インフラが連携するWebサービス全体のアーキテクチャを見ていきます。

Section 2 -サービスのテーマ選定と開発準備

実装するWebサービスのテーマを選定し、企画成果物を作成します。生成AIに伝えるプロンプトを設計し、本格的なサービス開発を開始します。

Section 3 - バイブコーディングとバージョン管理

生成AIでサービスを構築し、要件に合わせて機能とコードを改善します。機能修正のプロセスを習得し、Gitを構成してソースコードのバージョン管理基盤を整えます。

Section 4 -サーバーとクラウドインフラの構成

ローカルコンピューターとクラウド仮想マシンを設定し、リモートサーバーに接続する方法を実習します。クラウド実行環境を構成した後、プロジェクトを取得してDockerベースでビルドします。

Section 5 -サービスの公開と本番デプロイの自動化

構築したウェブサービスをインターネットに公開し、ドメインを接続してSSL証明書を適用し、安全な接続環境を構築します。Gitベースのデプロイパイプラインを構築し、変更内容を自動または継続的にデプロイする運用フローを実践します。

アイデアを実際のサービスとして公開したいですか?
この講座は、まさにそんな方のために作りました。


✔️ 人工知能で試作品を作ってみた初心者

  • 生成AIで画面は作れたものの
    次の開発ステップに困っている方

  • フロントエンドとバックエンドがどのようにつながるのか
    実際に確認しながら学びたい方

  • 自分のパソコン以外からもアクセスできるWebサービスを
    完成させ、実際の成果物として残したい方

✔️ 開発全体の流れを身につけたいジュニア開発者

  • テーマの選定から機能の実装まで
    1つのプロジェクトを通して経験したい方

  • データベースとサーバー構成を連携させ、
    Dockerコンテナで構築したい方

  • クラウド仮想サーバーにプロジェクトを上げ、
    デプロイの過程を自分で再現してみたい方

✔️ サービスを迅速にリリースしたい企画担当者や起業予定者

  • アイデアをプロンプトで具体化し
    実用可能なウェブサービスへと発展させたい方

  • ドメインを接続し、SSL証明書を適用して
    安全な接続環境を整えたい方

  • Gitベースのデプロイパイプライン(CI/CDなど)を構築し
    修正内容を自動で反映したい方


作った画面を、自分だけで確認するのはもうやめましょう。
アイデアをデプロイされたWebサービスとして完成させ
運用までつながる流れを自分で作ってみましょう。

受講前の注意事項


実習環境

  • Windows、macOS、Linuxをサポートしています。
    DockerとGitのインストールが必要です。

  • ウェブブラウザとターミナルを使用します。
    サーバー用仮想マシンの場合、メモリ8GB以上を推奨します。

前提知識および注意事項

  • Web開発の基礎知識があるとよいでしょう。
    HTMLとサーバーの概念を知っていると、よりスムーズに進められます。

  • GitとCLIの使用が役立ちます。
    クラウドとネットワークは実習を通して身につけます。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • AIでプロトタイプは作ってみたものの、実際のデプロイや運用方法がわからない開発初心者

  • フロントエンド・バックエンド・インフラの全体構造を理解し、実践プロジェクトを完成させたいジュニア開発者

  • 生成AIを活用して迅速にウェブサービスをリリースしたい企画担当者および起業準備者

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

  • ChatGPT、Claudeなどの生成AIツールの基本的な使用経験

  • HTML、CSS、JavaScriptの基本文法に関する理解

  • Webサービスの基本概念(クライアント・サーバー構造)に関する基礎知識

こんにちは
sangin Leeです。

キャリア認証

こんにちは。作って、直接デプロイしてみる開発が好きな講師、ギュットです。

現在、IT分野で実務開発業務に携わっており、Webサービスの開発からサーバー構築・デプロイ・運用まで、実際に経験してきました。

最近はAIとバイブコーディングを活用して、アイデアを素早く実際のサービスとして実装するプロセスに関心を持ち、個人のウェブサービスやゲームプロジェクトなどを自ら開発・運営しています。

私が作る講義は、単にコードを入力して追いかけるよりも、

「自分のアイデアを実際に動くサービスとして形にし、インターネットで公開するまでの全体の流れを理解すること」

開発を目標としています。

React、Spring Boot、PostgreSQL、Docker、Nginxといった技術から、ドメイン、HTTPS、Gitベースのデプロイまで、開発後のプロセスもできるだけ分かりやすくつなげて説明します。

開発が初めての方でも一つのサービスを自分で完成させながら
「自分にも作れる」という経験を得られる講座を作ります。

[GitHub] https://github.com/godsangin
[Blog] in-idea.tistory.com
[Service] https://ideastorming.kr/

もっと見る

カリキュラム

全体

16件 ∙ (2時間 25分)

講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

似ている講座

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

期間限定セール

¥2,337

69%

¥7,730