B2Cサービス🤖 AI主導公開中
常世（Tokoyo）
「全部真実であり、全部創作。」都市伝説・怪談・パワースポット・占いの4本柱が集うUGCコミュニティサイト
Next.jsLaravelMySQLCloudflare PagesResendreCAPTCHAGoogle Analytics
// SCREENSHOT — 実際の画面
↗ https://tokoyo.ai-creators-hub.com/
// VIBE CODING RATIO
💪 自力実装 5%🤖 AI担当 95%
■ 設計・判断・レビュー■ AI実装
「全部真実であり、全部創作。」というコンセプトとサイト構成をAIと壁打ちしながら固めた。本番デプロイ・ドメイン設定・Xサーバー制約への対応もAIと相談しながら進めた。動作確認とコンテンツ方針の最終判断は自分が行っている。
// BACKGROUND — なぜ作ったか
体験した人にとっては真実であり、他者から見れば創作にもなる——そういったコンテンツ（都市伝説・怪談・パワースポット・占い）が集まるコミュニティサイトを作りたいと考えた。「全部真実であり、全部創作。」というコンセプトをAIと壁打ちしながら固め、占いアプリ「母の灯火」と統合する形で設計した。
// WHAT I DID — 何をやったか
Next.js（Cloudflare Pages）+ Laravel（Xサーバー共有サーバー）+ MySQL の本番稼働サイトを構築した。
サイト構成：ダークモード（裏路地：都市伝説・怪談）とライトモード（パワスピ：パワースポット・占い）の2テーマをURLベースで切り替え。UGC機能：ユーザー登録・メール認証・記事投稿・管理者承認フロー・記事編集・追記・ブロック機能・reCAPTCHA v3。母の灯火の占い機能をライトモードに埋め込み。シード記事39本（都市伝説15・怪談19・パワースポット5）投入済み。
// MY DECISIONS — 自分が設計・判断した部分
「全部真実であり、全部創作。」というコンセプトを持ち込み、2モード構成・母の灯火との統合・技術選定はAIと壁打ちしながら一緒に固めた。XサーバーのSMTP制約・Cloudflare Pagesへのデプロイ・設定漏れの発見もAIと相談しながら対応した。動作確認とコンテンツ方針の最終判断は自分が行っている。
// TECH DETAIL — 技術的な工夫
- **Next.js 15.2.4 + Cloudflare Pages**：Edge Runtime対応・SSG+クライアントコンポーネントのハイブリッド構成
- **Laravel 12 + Xサーバー共有サーバー**：REST API・Laravel Sanctum認証・動的sitemap生成・Google Pingで承認時にSearch Consoleへ通知
- **Resend**：Xサーバーのメール制約（外部SMTP接続ブロック）をAIと相談しながらResend経由で回避
- **reCAPTCHA v3**：スパム投稿対策
// SCREENSHOTS
// RELEASE NOTES
v1.52026-05
記事編集・追記機能・display_name・投稿者名表示・sitemap自動生成・Google Ping実装
v1.22026-04
reCAPTCHA v3本番有効化・Google Analytics/Search Console設定
v1.02025-04
2モード構成・UGC投稿・承認フロー・ユーザー認証MVP本番公開
開発開始: 2025-04最終更新: 2026-05