1981年デビューの名車・ホンダ シティ（CITY）を愛する人たちの掲示板。旧掲示板（col.xii.jp/bbs）を Next.js + Supabase へ移行し、2005年からの井戸端会議ログ2,400スレッド超と画像をまるごとアーカイブしつつ、新規投稿もできるようにした。部品の譲り合い、ミーティング告知、整備・故障相談の場を次の20年へ引き継ぐ。
この作品の要点
| 困っていたこと | 旧掲示板システムが老朽化し消失リスクがあった。 |
|---|---|
| やったこと | 全ログ・画像をSupabaseへ移行して恒久保存。 |
| 起きたこと | 20年分のコミュニティ資産をロスなく次世代へ継承。 |
どこでつまずいたか
01旧掲示板システムが老朽化し消失リスクがあった
0220年分のコミュニティ資産が検索しづらかった
03スマホから使いづらく新規参加のハードルが高かった
どう解いたか
01全ログ・画像をSupabaseへ移行して恒久保存
02全文検索で過去の整備・故障情報を掘り出せるように
03モダンなUIで新規投稿とアーカイブ閲覧を両立
できあがったもの
できあがった画面
結果
| 01 | 20年分のコミュニティ資産をロスなく次世代へ継承 |
|---|---|
| 02 | 消失リスクのあった2,400スレッドを恒久アーカイブ化 |
この作品でできること
- 2005年からの2,400スレッド超を完全アーカイブ
- 旧掲示板の画像もSupabase Storageへ移行
- タイトル＋本文の全文検索
- 返信ツリー・画像添付付きの新規投稿に対応
- ISRキャッシュ配信で高速表示
どう作ったか
できること3項目
| 2005年からの2,400スレッド超を完全アーカイブ | 全ログ・画像をSupabaseへ移行して恒久保存 |
|---|---|
| 旧掲示板の画像もSupabase Storageへ移行 | 全文検索で過去の整備・故障情報を掘り出せるように |
| タイトル＋本文の全文検索 | モダンなUIで新規投稿とアーカイブ閲覧を両立 |
つくり2項目
| フロントエンド・基盤 | Next.js / TypeScript / Tailwind CSS 4 |
|---|---|
| AI・連携・データ | Supabase / ISR / 全文検索 |
使いどころ3項目
| 旧掲示板システムが老朽化し消失リスクがあった | 全ログ・画像をSupabaseへ移行して恒久保存 |
|---|---|
| 20年分のコミュニティ資産が検索しづらかった | 全文検索で過去の整備・故障情報を掘り出せるように |
| スマホから使いづらく新規参加のハードルが高かった | モダンなUIで新規投稿とアーカイブ閲覧を両立 |
担当と道具
| 担当 | 企画・データ移行設計・フルスタック開発 |
|---|---|
| 使った技術 | Next.js・TypeScript・Tailwind CSS 4・Supabase・ISR・全文検索 |
この作品のきほん
| 種類 | Webアプリ |
|---|---|
| いまの状態 | 公開中 |
| 規模 | 担当3領域 / 技術6種類 |
| 公開先 | city.nextcode.ltd |
相談する
おなじものが作れます
同じ仕組みを、あなたの商品でも作れます。
同じカテゴリの制作実績（Webアプリ）
似た課題を解いた他の事例です。
