Claudeに任せて3日で美少女AIアートSNSを作った全記録｜バイブコーディングでコードを書かずに完成

「美少女AIアート専用のSNS、誰か作ってくれないかな」――そう思って、自分で作ることにしました。所要時間3日。コードはほぼ自分の手では書いていません。Claudeに任せました。これは、バイブコーディングだけで本当に動くSNSが作れるのかを実証した記録です。

この記事は連載「Moerium 開発ノート」のハブ記事です。アーキテクチャ、AI活用、UI/UX、収益化、失敗談まで、22本の記事に分けて発信していきます。

結論：3日で動くSNSは作れた

完成品はこちら → gallery.moerium.art 。スマホ縦スワイプ、いいね、フォロー、タグ検索、ランキング、マイページ、画像・動画アップロード、通報、自動審査――一般的なSNSに必要な機能は全部入っています。3日でここまで来るのは、5年前の自分には想像もできなかったスピードです。

使ったのはClaudeとクラウドサービスの組み合わせだけ

• Claude：コード生成・設計判断・キャプション自動生成（6,000件処理）
• サーバーレスホスティング：静的ファイル＋APIをまとめてホスト
• マネージドDB：ユーザー・投稿・いいね・フォローを格納
• クラウドストレージ：画像・動画ファイル本体
• コンテンツモデレーションAI：投稿の自動審査
• 画像タグ付けAI：6,000件の作品にタグを後付け
• WordPress（既存サイト）：LP・ブログ・お知らせ用

特別なことは何もしていません。既存のクラウドサービスを組み合わせただけ。それぞれの最適解をClaudeに相談しながら選んで、つなぎ込みました。

「コードを書かない」とはどういうことか

完全に1行も書いていないわけではありません。デバッグのときの細かい修正や、UIの微調整は手で書きました。でも、機能の実装そのものはClaudeにお願いするだけでほぼ動きます。やっていることは：

• 「いいね機能を追加して。マイページのタブで一覧表示できるようにして」と話す
• 出てきたコードをコピペしてデプロイ
• バグがあれば「ここでこう壊れる」と伝えて修正してもらう
• 動くまで繰り返す

この方式を「バイブコーディング（Vibe Coding）」と呼ぶようになりました。Andrej Karpathy氏が広めた言葉で、「コードを読まずに、挙動だけ見て、AIに指示し続ける開発スタイル」です。

3日でできた理由

1. AIが書くコードの品質が劇的に上がった

2024年から2026年にかけて、AIコード生成の品質は別次元に進化しました。簡単な機能なら一発で動きます。「ここでこう壊れる」と伝えれば、的確に直してきます。デバッグの精度も人間と遜色ない。

2. 既存サービスの組み合わせで「自分で作る」必要がない

認証、DB、ストレージ、モデレーション、タグ付け、これら全部自前で書こうとすると数か月。マネージドサービスに任せれば全部数時間。「機能を作る」のではなく「サービスをつなぐ」だけです。

3. 自分が欲しいものを自分で決めた

要件定義に時間がかかる多くのプロジェクトと違い、これは個人開発。「何を作るか」を自分一人で決められるので、Claudeへの指示も明確です。「美少女AIアート専門の縦スワイプSNS、いいねで自分のギャラリーが育つ」――この一行で方向は固まります。

連載で書くこと（22本予定）

• バイブコーディングだけで動くSNSが作れるのか？35コミット・22機能の検証
• Claudeで6,000件のキャプションを自動生成した話
• 画像投稿SNSのモデレーション設計：未成年検知を確実に弾く考え方
• 個人SNSにアフィリ広告を3本実装：年齢・性別ターゲティングを自前で
• 縦スクロールSNSをPC対応：3カラム×中央500pxの設計判断
• Polylangで多言語化したらメニューが消えた話：テーマ非互換の罠
• 実ユーザー1人のSNSをローンチした話：100人目標までのリアル
• …全22本

「コードを書かない」開発の現実

もちろん、すべてが順調に進んだわけではありません。Claudeの提案通り実装したら別の機能が壊れたり、ライブラリ依存でデプロイできなくなったり。それでも、毎回原因を伝えれば修正案が返ってくる。人間がやることは「指示」と「動作確認」だけになりました。

プログラミング初心者でも、ある程度のリテラシーがあれば、SNS規模のWebサービスは自分で作れる時代です。3日で。

次回は「バイブコーディングで本当に3日でSNSが作れるのか？35コミット・22機能の検証」です。明日朝8時に公開します。

Moeriumをもっと楽しむ