【DAY 3】非エンジニアでも出来る！バイブコーディングで“ズバ抜け”てお洒落なWebサイトを作成し、本番環境に公開するまでのハンズオンセミナー
8月末まで早割 5,500円（通常価格8000円）
今回のセミナーは3日間連続ハンズオンセミナーです。
このページは【DAY1】の申し込みページです。
※必ず注意点をお読みください。
※チケットは1日ごとの購入です。3日間フル参加をおすすめします。
各日程ごとに定員に達し次第締め切ります。ご希望の日程を選び、ページ上部の「登録」ボタンから今すぐお申し込みください。
セミナー概要
「デザインは、センスじゃなく仕組みで出す。」
「Webサイトを作りたいけど、コードが書けない」「ノーコードツールで作ると、どうしても素人っぽさが残る」「制作会社に頼むと数十万円かかる」
そんな悩みを一気に解消する3日間です。
本セミナーでは、AIエージェント（Claude CodeやCodex）を使った「バイブコーディング」で、非エンジニアがズバ抜けてお洒落なWebサイトを作り、本番環境への公開まで完走します。
バイブコーディングとは、コードを自分で書かずに、AIへ「こういうサイトにしたい」と対話しながらサイトを組み上げる作り方。デザインの土台になる「デザインシステム」を先にAIへ持たせてから作るので、1発目から統一感のあるプロ品質のデザインが出てきます。
作って終わり、ではありません。Vercelで本番環境を用意し、独自ドメインを設定し（無しでもOK）、公開後の修正やブラッシュアップまで実演します。CMSにも対応させるため、公開後は自分の手でお知らせやコンテンツを更新できます。
つまり「運用に耐える実際のサイト」が手元に残るセミナーです。
3日間のカリキュラム
3日間に分けているのは、非エンジニアのつまずきポイントを1日ずつ確実に越えるためです。
挫折の大半はじつは初日の環境構築で起きます。
だから初日は環境づくりとスキルの理解だけに絞り、全員のペースが揃うまで丁寧に進めます。
2日目でデザインの土台を固め、3日目に一気に構築・公開まで走る。詰め込んで消化不良になるくらいなら、1日1テーマで「誰も置いていかれない」構成にしました。
DAY 1（9/15）― AIエージェントを整え、スキルを理解する日
AIエージェント（Claude Code／Codex）のセットアップ（インストールから初期設定まで全員で）
AIエージェントの基本操作
「スキル」という概念の理解（なぜ同じ品質で何度でも作れるのか）
翌日から使う環境が整っているかの最終チェック
※Claude Code環境が整っている。スキル作成を理解してる人は飛ばしても問題ありません。
DAY 2（9/16）― デザインシステムを作り、スキルに落とす日
お洒落なWebサイトに共通する特徴
デザインシステムの作成（色・フォント・余白のルールを決める）
デザインシステムのスキル化（何度でも同じ品質で出せる状態に）
画像生成環境のセット
DAY 3（9/17）― バイブコーディングで作り、公開する日
Vercelをスキルに組み込む（バイブコーディング環境の完成）
バイブコーディングによるWebサイト構築
本番公開と公開後の修正
独自ドメインの設定（無しでもOK）
ブラッシュアップと、さらにお洒落にする方法（画像メインの構成にすると一気に化けます）
参加者特典「画像メインLP作成スキル」の配布とセットアップ
このセミナーを受けると、こんなことができるようになります
まず、Webサイトを「完成させ切る」力が身につきます。
非エンジニアの挫折ポイントは、作り始めてから「この先どうすれば？」で止まること。本セミナーでは、環境構築→デザインシステム→構築→公開の順番をそのまま体験するので、3日目が終わる頃には実在するURLで動くあなたのサイトが手元に残ります。
デザイン面では、生成1回目からそのまま公開できるレベルのものを出せるようになります。秘密はデザインシステムのスキル化。色・フォント・余白のルールを最初にAIへ固定するため、どのページを作らせても統一感が崩れません。
「AIに作らせたらダサかった」から卒業できます。
さらに、スクロールに反応するアニメーションや、写真が主役の大胆なレイアウトといったWeb技術の工夫で、既製テンプレとは一線を画す表現に引き上げる方法もお見せします。コードは一切書かず、AIへの指示だけで積み上げていく作業です。ここまでやると、「本当に自分で作ったの？」と聞かれるレベルに届きます。
そして本番公開と運用まで。Vercelでの本番環境づくり、独自ドメイン設定、公開後の修正フローを実際に手を動かして覚えます。CMS対応で更新の仕組みも付くので、作りっぱなしにならず、ビジネスで使い続けられるサイトとして育てられます。
参加者特典 ― 参加するだけで、すぐに実践できます
画像メインLP作成スキル（セットアップガイド付き）
「もっと簡単にお洒落にしたい」への最短ルートが、画像を主役にしたLP構成です。講師が実運用してるLP構築スキルを、誰の環境でも動くように汎用化して参加者全員に配布します。セットアップ手順付きなので、セミナー後すぐ自分のAIエージェントに導入して、そのまま画像メインのLPを作り始められます。配布は参加者限定です。
※本特典はDAY3（9/17）で配布します。お受け取りにはDAY3チケットのご購入が必要です。
購入した回のアーカイブ動画
ご購入いただいた回は、当日ご都合が合わなくても後日アーカイブ動画で視聴できます。復習用としてもどうぞ。3日間すべてご購入の方は、全日程分をまとめてご覧いただけます。
「学んで終わり」ではなく「学んだその日から使える」ことを重視したセミナーです。
開催概要
日程：2026年9月15日（火）・16日（水）・17日（木）の3日間連続
時間：各日 21:00〜22:30
形式：オンライン（Zoom）
価格：各回 5,500円（チケットは1日ごとの購入です）
講師プロフィール
KEITO（合同会社 RealAIze 代表 / AI Director）
ChatGPTやクリエイティブ系AIの情報・アイデアを発信し、生成AIを使った業務効率化コンサルティングやAI活用アドバイザーとして複数社に就任。IT系広告代理店でのディレクター経験を経て、2023年よりAI領域に特化。YouTube登録者20万人以上、X（旧Twitter）フォロワー4万人以上、AIコミュニティ「SOZO Collabo」メンバー8,000名以上。
注意事項
申し込みの流れ
チケット購入後、「@lu.ma」から登録メールアドレス宛にZoomの参加リンクが届きます。 ※迷惑メールへの振り分けにご注意ください。
開始時刻になりましたら、メール記載のZoomリンクからご参加ください。
AIエージェントが使える有料プランへの加入が必要です
本セミナーではAIエージェント（Claude CodeまたはCodex）を使用します。どちらか一方が使えれば十分です。Claude Codeを使う場合はClaudeの有料プラン（Pro以上）、Codexを使う場合はChatGPTの有料プラン（Plus以上）にご加入ください。すでにどちらかをご利用中の方は、追加の準備なくそのままご参加いただけます。未加入のままでも、講師のデモを視聴する形でのご参加は可能です。
Vercelアカウントについて
本番公開にはVercelの無料アカウントを使用します。事前に作成しておくと当日がスムーズです（作成方法はセミナー内でも案内します）。
独自ドメインについて
独自ドメインの設定は任意です。無しでも公開まで完走できます。取得する場合のドメイン費用は各自のご負担となります。
途中の回からご参加の方へ
各回は前日までの内容を前提に進みます。DAY2はDAY1で整えたAIエージェント環境を、DAY3はさらにDAY2で作成したデザインシステムを使います。前の回をご購入でない場合は、当日までにご自身でAIエージェントのセットアップを済ませておくことをおすすめします。
オンラインコミュニティとの同時開催
当セミナーはオンラインコミュニティ「Procevo」との同時開催になります。
キャンセルについて
原則キャンセル不可となります。ご欠席の場合でも、ご購入いただいた回のアーカイブ動画を後日メール宛にお送りしますのでご安心ください。
推奨環境について
セミナー中にAIエージェントを操作するため、PCでのご参加を推奨します。スマートフォンのみでの参加の場合、ハンズオンパートへの参加が難しくなる場合があります。
Zoom参加について
当日のZoom URLはチケット購入後にLumaから送付されます。もしくはLumaの画面から確認可能です。当日Zoomに参加する際は記述されているミーティングIDとパスワードを入力して参加してください。
領収書について
領収書が必要な場合は、各自でLumaからダウンロードしてください。
こんな方におすすめ
制作会社に頼らず、自分の力でWebサイトを持ちたい方
ノーコードツールの「それっぽい仕上がり」に物足りなさを感じている方
デザインセンスに自信はないが、お洒落なサイトが欲しい方
Claude CodeやCodexに興味はあるが、何から始めるか迷っている方
作ったサイトを自分の手で更新・運用したい方
3日間で、あなたのビジネスの「顔」になるサイトが完成します。ノーコードで妥協するのも、制作会社に数十万円払うのも、もうやめにしませんか。定員が埋まる前に、今すぐページ上部の「登録」ボタンからお申し込みください。
主催：合同会社 RealAIze