こんなお悩み、ありませんか?
- アイデアはあるけど形にできない
- コードは苦手。けれどAIは活用したい
- デザイナーやエンジニアにうまく伝わらない
- プロトタイプ作りに時間がかかりすぎる
大丈夫。非エンジニア前提です
専門用語は最小限。
「どんな雰囲気で、なにを実現したいか」を言語化してAIに伝えるだけ。
あなたの感性とAIの補助で、想像以上に作れます。
“バイブコーディング”とは?
要件書や長い仕様より、まずはVibe(雰囲気)。色・余白・動き・使い心地など「らしさ」を起点に、AIと対話しながらUIを一気に形にするアプローチです。
カリキュラム(120分)
イントロ & 体験準備
今日のゴール/必要なツール/題材の選定
今日のゴール/必要なツール/題材の選定
Vibe設計の基本
言葉で“雰囲気”を伝えるフレーム/避けるNGワード
言葉で“雰囲気”を伝えるフレーム/避けるNGワード
ライブ制作①(ヒーローセクション)
コピー→配色→余白→CTA までを最短ループで
コピー→配色→余白→CTA までを最短ループで
ライブ制作②(フォーム〜FAQ)
修正依頼の伝え方/崩れない指示のコツ
修正依頼の伝え方/崩れない指示のコツ
仕上げ & 公開チェック
スマホ最適化/速度・可読性/公開手順
スマホ最適化/速度・可読性/公開手順
持ち物
- PC(ブラウザ:Chrome 推奨)
- Googleアカウント(フォーム回答用)
- 試してみたいアイデア 1つ
対象
- 非エンジニア/初心者
- スモールビジネス・個人事業
- WebやLPを素早く試したい方
成果物
- あなた専用のミニLP(雛形)
- Vibe設計テンプレ & チェックリスト
- 学習用プロンプト一式
開催情報
- 日時:2025年9月7日(日)20:00–22:00(JST)
- 形式:オンライン(Zoom予定)
- 参加費:¥10,000
- 講師:落合 正和(Webメディア評論家)
※ 開催URLはお申込み後、メールでご案内します。
参加特典
- 配布資料(PDF)
- Vibe設計テンプレ(記入用)
- LP雛形コード(今回の完成版)
特典は内容が一部変更になる場合があります。
向いている方
- スピード重視で形にしたい
- 外注前に自分のイメージを固めたい
- AIを実務で使いこなしたい
向いていない方
- 100%自動生成に任せたい
- 長期の本格開発のみを想定している
- 実践より理論を優先したい
よくある不安
- コードが全く書けなくても大丈夫? → OK。雛形を配布します
- デザインが苦手… → Vibe設計で補います
- 当日参加できない → 復習用に資料を配布
(任意)Googleフォームをここに埋め込む
フォームの「送信 > <> 埋め込む」から取得した <iframe>
を下の枠に差し替えてください。
領収書は発行できますか?
はい。フォームの備考にご希望の宛名をご記入ください。PDFでお送りします。
準備しておくことは?
Chromeブラウザ、Googleアカウント、当日使いたい題材(商品やサービスの概要)をご準備ください。
キャンセルポリシーは?
開催48時間前までのキャンセルは手数料を除き全額返金、それ以降は資料提供をもって代替とさせていただきます。
録画はありますか?
復習用に主要パートのハイライトを後日共有予定です(参加者限定)。