NAKAIMAP（中今マップ）はコチラから

https://nakaima-restaurant.vercel.app/

IT素人の宿オーナーが、Claudeへの指示だけでゲストハウス周辺の飲食店マップをWebサイト化しました。店舗情報はGoogleスプレッドシートに外出しして、自分で書き換えたら即反映される形に。

ゲストハウスや旅館では「近くにおいしいお店ない?」と何度も聞かれます。紙のマップだと日本語・英語・中国語・韓国語で4種類作らないといけないうえ、ベジタリアンやヴィーガン、宗教上の理由で牛や豚を食べないお客さんもいて、紙では対応しきれません。今回はその課題を、宿を運営するきらさんがClaudeへの指示だけでWebサイトにした話です。

手元にあったのは、何年も前にExcelでまとめた50〜60件分の店舗リスト。それをClaudeに渡して「これを元にマップを作ってもらえませんか」と頼んだところ、出来は90点。ただし画像を引っ張ってこられない制約があり、閉店した店や今は載せなくていい店も混ざっていて、データを残したまま載せる・載せないを自分で選びたい、という次の課題が出てきました。

そこで話題になったのが静的ページと動的ページの違いです。フル動的にするのは今回の用途にはオーバースキル。代わりに、お店の情報だけGoogleスプレッドシートに外出しして、ページが常にそこを見に行って整形して表示する形にしました。収録外で実際に試したところ、スプレッドシートを編集すると表示もちゃんと変わりました。吉野家をすき家に直したいときに、シートの1行を書き換えるだけで済みます。

専門用語が出てきても「私は非エンジニアだから、素人に分かる言葉で解説し ...