生成AIでWebサービスを作る – 企画・デザイン・コード・デプロイまでオールインワンプロジェクト

収益型サービスの決定版、私が寝ている間も稼働する四柱推命サービスを作ります。 1週間で作ったサービスで、初月は広告費ゼロで200万ウォンを売り上げ、 最近作った2つ目のサービスは3日で完成させ、1日で34万ウォンの純売上を達成しました。 単なる'クリックするだけ'の四柱推命ではありません。韓国最高峰の占術家協会の四柱推命サービス制作を一手に担い、 NAVERウェブトゥーンのIPを購入して制作する四柱推命サービスの開発・運営も行っています。 自ら運営した事例をもとに、未経験者でもAIと対話しながら、自分のブランドのクオリティの高い四柱推命サービスを作るプロセスを追体験できます。キャラクターとストーリー、四柱推命の結果、決済・自動配信、管理画面まで実装し、Threadsの自動化・Meta広告・YouTubeコンテンツによって顧客の流入につなげます。作る楽しさを超え、収益化を目指す'本物の'収益型四柱推命講座です。

AIが不慣れで難しく感じられる方でも大丈夫です。 たった一週間、Claude Codeでメンバーシップランディングページの構築から自動化・データ分析まで、0から1を作り上げた試行錯誤の記録をそのまま公開します。 コーディングが分からなくても、AI初心者でも挑戦できるように、実践的な事例を通してお見せします。

やらせる方法ではなく、終わらせる方法。 AIにやらせたことはあるけれど、自分のプロジェクトでは何から始めればいいのか途方に暮れている方のための講座です。まず意図を定め、実装と検証はAIに任せ、人は成果物を使ってみて判断するという順序を学びます。feedmeのクローンを使って一度、そして自分のアイデアで一人でもう一度、デプロイまで完成させながら、自分なりの作業方法を身につけます。

コーディングの知識がなくても大丈夫です。プランディでアイデアを企画書・メニュー構成・画面設計にまとめ、その企画キットをClaude Code（Web）に任せて、近所のピラティス予約アプリを作ります。会員登録・Kakaoログイン・予約とキャンセル・会員券の利用回数・管理者画面まで作成し、実際のURLで公開するプロセスを最初から最後まで体験します。

非専門家もOK：AIと対話しながら作るバイブコーディング実践プロジェクト

2025年の一年間、話題となった生成AI、LLM、エージェントのイシューを一度にまとめてお届けします！主要AI開発3社（OpenAI、Google、Anthropic）の発表内容を中心に、25年に驚くべき発展を遂げたAIのトレンドを振り返ってみましょう。

コーディングができなくてもOK、Google Stitchで完成させる自分だけの初めてのサービス 企画からデプロイまで一連の流れでつなぐオールインワンのAI開発ワークフロー

AI時代のWeb開発者には、コーディングだけでなく、AIを活用してアイデアを実際の成果物へと完成させる能力が重要です。StitchとFigma Makeを活用したUI制作からReactの実装、デプロイまでを経験し、実務やポートフォリオに活かせるAI Web開発スキルを身につけましょう。

ワードプレスにCPAアフィリエイト方式の収益を追求する自動投稿プログラムをPythonで制作することで、ブログ運営のアイデアを広げるだけでなく、理論ではなく実践的なPythonを完璧に学習できる講座です。

コーディング、まだ一人でやっていますか？今はAIが99%を代行してくれる時代です。この講義では、複雑な文法の暗記の代わりに、Googleの強力なAI「Gemini Pro」をあなたの24時間AI開発パートナーにする方法を教えます。有料のGemini Proモデルを無料で使用してFlutterの基礎原理を学び、実務レベルのプロジェクトを通じてアイデアを現実に変えてみましょう。

自分が寝ている間にも勝手に改善し続けるサービスを作ってみましょう！Codexを利用したループエンジニアリングで、24時間稼働するバイブコーディングシステムを作る方法をステップバイステップでじっくり学習します。

JEVとは何か、まずはわかりやすく学びます。 TypeSafe AI Playgroundで判定結果を確認し、Claude Codeに言葉で依頼して、文章に合う絵文字をおすすめするMacアプリを作る過程をたどります。 登録・APIキーの接続・GitHubでのコード公開まで、5本の動画と、画面キャプチャやコピーして使えるプロンプトが用意された学習教材で一緒に学びます。

AI画像・動画生成ツールとバイブコーディングを活用し、ホームページ、ランディングページ、インタラクティブウェブサイト、AI AgentベースのCMSまで、実務ですぐに応用可能なウェブ制作のフローを学びます。 この講義は、単にAIで画面を一つ作ってみるだけの講義ではありません。OpenAI Images 2.0、Kling、Higgsfieldなどの最新AIツールで画像や動画を生成し、それを実際のウェブサイトのヒーロー画像、背景動画、トランジション動画、インタラクションアセットとして活用するプロセスを扱います。 Next.jsをベースに、シネマティックなランディングページ、ゲーム型インタラクティブホームページ、問い合わせページ、ブログコンテンツページを段階的に実装し、実務者がホームページやランディングページを制作する際にそのまま参考にできる構造とフローを習得します。 特にこの講義では、伝統的な管理者ページ形式のCMSだけにこだわりません。Codex、Claude CodeのようなAI Agentが、決められたスキルやアップロードルールを参考にコンテンツと画像アセットを整理し、Neon DBとVercel Blob StoreにアップロードするAI AgentベースのCMS構造を実装します。 つまり、管理者が直接フォームに一つずつ入力する方式ではなく、ブログのテーマや参考資料、画像アセットを渡せば、AI Agentがコンテンツ構造を整理し、一貫したフォーマットでアップロードできる運営方式を体験します。その後、必要に応じてこの構造を伝統的な管理者ページ、承認ワークフロー、自動化パイプラインへと高度化させることができます。 また、制作で終わるのではなく、Vercelへのデプロイ、GoDaddyドメインの接続、SEOメタタグ、favicon、OG画像、sitemap、robots.txtの設定まで、実際の運営に必要な要素を共に準備します。 Googleサーチコンソール、Bingウェブマスターツール、Naverサーチアドバイザーにサイトを登録して所有権を認証するプロセス、Google AnalyticsとGoogle Tag Managerをセットアップして訪問者データを追跡する方法も併せて扱います。 講義が終わる頃には、AIを活用した企画、画像・動画アセット制作、Next.js実装、SEO最適化、デプロイ、検索エンジン登録、分析ツール設定、AI Agentベースのコンテンツ運営までつながる実務型のウェブ制作フローを、自ら再現できるようになります。

繰り返し業務に疲れていませんか？ この講座一つで十分です。MakeとApps Script、AIを組み合わせて業務自動化システムをご自身で構築してみてください。記念品推薦から領収書のOCR処理まで、コーディングを知らなくても真似るだけでできる実践中心の講座です。

AWS EC2バックエンドの運用からエラーの自動修正まで、Claude Codeベースの自動化ツールSidabari(https://github.com/cx8537/sidabari)の全制作過程を公開します。この講義では、実際に使用されたすべてのプロンプトと対話履歴を学習資料として提供し、制作に関する全プロンプト入力プロセスを体験することができます。

AIプロンプトだけで旅行MBTI診断ウェブアプリを作成し、韓国観光公社の公共Open APIを実際に連動させて実サービスレベルまで完成させる実戦バイブコーディング講座です。プロンプト分割技法を用いて、粗削りな結果を完成度の高いウェブアプリへと改善し、APIキーのセキュリティやデプロイまで全過程を扱います。

Codexを活用し、ビジネス企画、ホームページ制作、マーケティング資料、業務整理、メール自動化までを繋げる実務型講座です。開発者でなくてもAIに仕事を任せ、成果物をブラッシュアップする方法を習得できるよう、Notion、Linear、Figma、Google Workspaceを実際の業務フローに沿って扱います。

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

コーディングの基礎から自社Webサービスの運営まで一度に？！基礎と実践を一つに繋ぐ、Webビルド・オールインワン。

画面上で変わったからといって、保存されたことになるのでしょうか？ サーバーの応答と保存、ログインと権限、AIの回答と性能、検証とデプロイまで。AIが作った画面を実際のユーザーに公開するには、何をさらに決め、確認しなければならないのかを学ぶ第2回です。