>_ sk.dev
works/tokoyo
B2Cサービス🤖 AI主導公開中

常世(Tokoyo)

「全部真実であり全部創作」。都市伝説・怪談・パワースポット・占いの4本柱が集うUGCコミュニティサイト

🚀 デモを見る
Next.jsLaravelMySQLCloudflare PagesResendreCAPTCHAGoogle Analytics

// SCREENSHOT — 実際の画面

常世(Tokoyo) スクリーンショット
https://tokoyo.ai-creators-hub.com/

// VIBE CODING RATIO

💪 自力実装 20%🤖 AI担当 80%
設計・判断・レビュー AI実装

「全部真実であり全部創作」というコアコンセプト・2モード構成(ダーク/ライト)・母の灯火との統合設計・初期予算ゼロでの技術選定を自分で決めた。本番デプロイ・ドメイン設定・Xサーバー制約への対応も自分が判断。動作確認・コンテンツ方針の意思決定は自分が担当。

// BACKGROUND — なぜ作ったか

「インチキ界隈(都市伝説・心霊・スピリチュアル・占い)をエンタメとして扱う場所を作りたい」という発想から始まった。ただの投稿サイトではなく、ユーザーが体験・投稿するものはすべてその人にとっての真実として扱う「全部真実であり全部創作」というコンセプトを核に設計した。 占いアプリ「母の灯火」をすでに開発済みで、これを統合する形でより大きなスピリチュアル系コミュニティを構築することを狙った。

// WHAT I DID — 何をやったか

Next.js(Cloudflare Pages)+ Laravel(Xサーバー共有サーバー)+ MySQL の本番稼働サイトを構築した。 サイト構成:ダークモード(裏路地:都市伝説・怪談)とライトモード(パワスピ:パワースポット・占い)の2テーマをURLベースで切り替え。UGC機能:ユーザー登録・メール認証・記事投稿・管理者承認フロー・記事編集・追記・ブロック機能・reCAPTCHA v3。母の灯火の占い機能をライトモードに埋め込み。シード記事39本(都市伝説15・怪談19・パワースポット5)投入済み。Google Analytics・Search Console設定済み。

// MY DECISIONS — 自分が設計・判断した部分

XサーバーはSMTP外部接続がブロックされる制約をResend経由メール送信で回避した判断は自分がした。Vercel非対応のためCloudflare PagesにNext.jsをデプロイする技術選定も自分が行った。AUTO_PUBLISH_UNTIL環境変数で「2030年まで自動公開→その後は承認制」に切り替えられる仕組みも自分が設計した。display_nameでメールアドレス漏洩を防ぐプライバシー設計も自分の判断。

// 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接続ブロック)をResend経由で回避 - **reCAPTCHA v3**:スパム投稿対策。config/services.phpの設定漏れ問題を自力で発見・解決

// SCREENSHOTS

常世(Tokoyo) screenshot 1
1 / 5

// 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