たった1週間で「自分の城（Webサイト）」を作った話

Google Antigravity × バイブコーディングという新しい開発体験

「自分の城（サイト）が欲しい」

そう思ったことはありませんか？

でも現実は、
サーバー、データベース、デザイン、インフラ設計…。
技術的なハードルの前で、アイデアの熱が冷めてしまった。
そんな経験がある人も多いはずです。

正直に言います。
このサイト ChapiLab は、たった1週間で作られました。

テンプレートではない、本気の個人サイト

よくあるテンプレートを置いただけのサイトではありません。

この1週間で実装したのは、次のような機能です。

1週間で実装した主な機能

• 📝 ブログ投稿システム
  Markdown対応。この記事も専用の投稿画面から執筆しています。

• 📢 お知らせ管理機能
  サイト更新情報を即座に反映できる仕組み。

• 📻 ポッドキャストお便り管理
  Gmailに届いたお便りを自動取得し、管理画面で整理・確認。

• ⚙️ 専用管理画面（ダッシュボード）
  すべての操作をブラウザだけで完結。

• 🎮 Webアプリ公開機能
  自作ツールやアプリを、このドメイン配下ですぐに公開可能。

フルスクラッチに近い構成で、
「個人サイトの理想形」を一気に作り切りました。

一番ヤバいのは「管理画面」

一番こだわったのは、表に見えない 管理画面 です。

普通、個人サイトでここまで作り込みません。
理由は単純で、面倒だからです。 でも今回は違いました。

「Gmailに来たお便りを、ラジオ本番で読みやすく整理したい」

そう伝えただけで、

• Gmail API との連携
• データ取得
• UI設計
• 管理画面への統合

ここまで一気に形になりました。

「欲しい機能は、自分で作る」

ドメイン取得からアプリ公開まで一気通貫

独自ドメインの取得。
Webアプリの公開。

これまで「難しそう」で後回しにしてきたことも、
Google Antigravity と一緒なら、迷う暇もなく進められました。

正確に言うと、
一緒に爆走してくれた、という感覚に近いです。

Google Antigravityと「バイブコーディング」の正体

「AIがコードを書くツールでしょ？」

半分正解で、半分は違います。

Google Antigravityは、
コード生成機ではなく、思考と熱量を翻訳する相棒です。

• 「もっとワクワクするデザインにしたい」
• 「ここ、触りたくなる感じにしたい」
• 「なんか熱くしてほしい」

そんな曖昧な言葉でも、
意図を汲み取って 動くコード に変換してくれます。

仕様書は書いていません。

画面に向かって、
「ここをこうしたい！」
「もっとテンポ良く！」
と語りかける（タイピングする）だけ。

それが即座に実装される、このライブ感。
これこそが バイブコーディング です。

※ 注意：楽しすぎて本気で時間が溶けます。寝不足になります。

「思ったこと」は、もう実現できる

この1週間で手に入れたのは、Webサイトだけではありません。

「自分にも作れる」 という、圧倒的な自信です。

深いプログラミング知識がなくてもいい。
必要なのは、

• こんな場所を作りたい
• こんな体験を届けたい
• これ、あったら面白いよね

その想いだけ。

技術的な壁は、Google Antigravityが壊してくれます。

Amazon | 【国内正規品】Keychron K2 Max スペシャルエディション 75%レイアウト QMKカスタムメカニカルキーボード ワイヤレス2.4GHz/Bluetooth/有線対応 ウッド＋アルミフレーム White LEDライト Keychron Super 赤軸 Mac/Windows/Linux対応 JISレイアウト | Keychron | ゲーミングキーボード 通販https://amzn.to/4quJqIP商品を見る

もし、アイデアが眠っているなら

もしあなたの中に、
「形にしたいアイデア」が眠っているなら。

今すぐ、作り始めてみてください。

1週間後、
そこには あなただけの城（サイト） が立っているかもしれません。

さあ、次はどんな機能を実装しようか。

私の、そして ChapiLabのバイブコーディング は、
まだ始まったばかりです。

これからはじめるReact実践入門 コンポーネントの基本からNext.jsによるアプリ開発まで | 山田 祥寛 |本 | 通販 | Amazonhttps://amzn.to/4sOeG6Q商品を見る