「個人開発のクイズアプリ」から海外SaaSの知見と実装が集まる「Sparks Station」へとピボットした話
はじめに
こんにちは、Fantasy Quizzes Kingdomの開発者です。 今回、サイト全体を大幅にリニューアルし、「単なるクイズアプリの置き場」から、**「海外SaaSの分析 × プロダクト開発」という2つの軸を持つスタジオ型ポータルサイト「Sparks Station」**へと生まれ変わりました。
なぜ順調に稼働していたクイズアプリをあえてサブディレクトリに配置し直し、サイト全体のコンセプトを変えたのか。その背景にある理念（About）と、技術的な変更点について共有したいと思います。
- なぜ変えたのか (Why)
当初は「早押しクイズアプリ」単体で勝負しようと考えていました。しかし、開発を進める中で一つの疑問が湧きました。
「単にアプリを作るだけで、次につながる知見は蓄積されているだろうか？」
日々、世界中では革新的なSaaSが生まれ、とてつもないスピードで成長し、あるいはExit（売却）を果たしています。 彼らが「なぜ成功したのか」「どう作ったのか」を知らずに、自分の手癖だけでコードを書き続けることへの危機感。それが今回のピボットの原動力です。
新しいコンセプト: Analysis & Studio
そこで、サイトの役割を以下のように再定義しました。
Global SaaS Analysis (理論): 海外の成功事例（Micro-SaaSやVertical SaaS）を徹底的に分析し、データベース化する。
Product Development (実践): そこで得た知見（技術スタックやGTM戦略）を元に、実際に手を動かしてプロダクトを作る。
単なるメディアでもなく、単なる開発者でもない。 **「知見（Theory）と実装（Practice）の交差点」**として、次世代のビジネスと技術の種火（Sparks）を生み出す場所。それが新しい「Sparks Station」です。
- サイト構成の刷新 (What)
この理念を体現するため、サイト構成を以下のように刷新しました。
① Insights (Top Page)
これまでクイズアプリのトップだった場所を、**「分析記事のメディア」**に変更しました。 GitHub Copilotの次に来るコーディングエージェント「Augment Code」や、住宅診断SaaS「Spectora」など、エンジニア視点で「これだ！」と思った事例を深掘りして発信しています。
② Products (/products)
私たちが開発したプロダクトのショーケースです。 ここに、これまでメインだった**「Fantasy Quizzes Kingdom」**も一つの実績として配置しました。 今後は分析から得たアイデアを元に、第2、第3のMicro-SaaSをここに並べていく予定です。
③ About (/about)
私たちのミッションである「SaaS Analysis & Studio」としてのスタンスを表明するページです。 「評論家にならず、ビルダーであり続ける」という決意を込めています。
- 技術的な裏側 (How)
このリニューアルにあたり、Next.jsの機能をフル活用して構成を変更しました。
Route Groupsによる責務の分離
異なるコンテキスト（静的なメディアと動的なクイズアプリ）を共存させるため、Next.jsの Route Groups を採用しました。
src/app/
├── (portal)/ <-- メディア側のレイアウト（ヘッダー・フッターあり）
│ ├── layout.tsx
│ ├── page.tsx (Insights / Top)
│ ├── about/
│ └── products/
│
└── quiz/ <-- クイズアプリ側のレイアウト（全画面・ゲーム特化）
├── layout.tsx
├── page.tsx
└── room/
これにより、
ポータル側: 共通ナビゲーションを持ち、SEOや回遊性を重視した設計
クイズ側: ゲームへの没入感を阻害しない、ヘッダーレスな全画面設計
この2つを、1つのNext.jsプロジェクト内で完全に分離・共存させることに成功しました。
- おわりに
「Sparks Station」はまだ始まったばかりです。 まずはクイズアプリという一つの実績からスタートしましたが、今後は海外の成功事例を貪欲に吸収し、それを日本の文脈に落とし込んだ新しいサービスを次々と投下していきます。
エンジニアとして「作る力」を磨きながら、ビジネスとして「勝つロジック」も学ぶ。 そんな実験場としてのSparks Stationを、これからも見守っていただければ幸いです。
Discussion