トーキングウェイの有料対話店Navi
- Next.js
TalkingWay（FF14 プレイヤー向け情報ツール）
概要
FF14プレイヤー向けの利便性向上を目的として開発した、情報集約・閲覧用Webツール。
もともと Google スプレッドシートで公開・運用されていたまとめ情報 を、
運用フローを変えずにWeb化 する形で構築した。
フロントエンドは Next.js、ホスティングは Vercel を採用し、
バックエンドを持たない構成でリアルタイムな情報更新 を実現している。
課題
- スプレッドシートは情報更新しやすい反面、
・スマホで見づらい
・必要な情報に辿り着きにくい
- Web化したいが、
・管理画面の作成
・サーバー運用
・更新フロー変更
などのコストがネックになっていた
施策・設計
- スプレッドシートをデータソースとしてそのまま活用
- Google Sheets API を通じて
指定スプレッドシートを読み込み、表示内容と自動連携 - 更新は従来通りスプレッドシート編集のみ
→ Web側はリアルタイムで反映 - バックエンドを持たず、
Vercelで無料運用可能な構成 に設計
技術スタック
- フロントエンド：Next.js
- データソース：Google スプレッドシート
- ホスティング：Vercel
- バックエンド：なし（API連携のみ）
成果・評価
- FF14プレイヤー向けの実用ツールとして継続的に利用
- 管理者は
「スプレッドシートを更新するだけ」 で運用可能 - サーバー費・保守コストゼロで安定稼働
- 非エンジニア運用 × モダンWeb表示の両立を実現
今後の展望・応用可能性
本構成は以下のような分野にも応用可能：
- 店舗リスト・イベント情報管理
- コミュニティ向け情報まとめ
- 社内共有用データ閲覧ツール
- 小規模メディア・ポータルサイト
「既存のスプレッドシート運用を壊さずWeb化する」
というアプローチは、業種を問わず汎用性が高い。
◾️URL
👉 https://talkingway.dddynamis.com/
◾️Github