たった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商品を見る 