以下の内容はhttps://magaming.hatenablog.com/entry/2026/01/07/000000より取得しました。


不動産紹介サイトの情報から住所を特定するWebアプリを作ってた

不動産、好きですか?私は中古物件を見るのが好きでたまに SUUMO や HOME's のような不動産紹介サイトを徘徊しています。 そこでよさげな物件を見つけると、不動産紹介サイトの限られた情報から住所を特定するというのが趣味です。

不動産紹介サイトに書いてある物件の場所に関わる情報は、以下です。

  1. 大まかな住所(東京都渋谷区道玄坂1丁目 など、丁目までの情報)
  2. 周辺施設からの距離(セブンイレブン 渋谷道玄坂1丁目店:徒歩5分など)

これらの情報から、Google Map を開いてだいたいここだろう!という場所にストリートビューのピンを刺して、外観が合ってたら特定!みたいなキモいことをやっています。

これを Web アプリで簡単にできたらいいのでは?と思い作ってみることにしました。

作ってみた

デモ / リポジトリ

実際に情報を入れてみたあとのスクショが以下です。候補地が赤く塗られてるので、あとはこの絞られた範囲の中で人間が探せばいい、という寸法です。

ほぼほぼ AI エージェントに書いてもらったのでそんなに面白ポイントはないですが、しいて言えば…

  • Leaflet.js + OpenStreetMap でマップを表示している

    Google Map のほうがシームレスにストリートビューでピンさせて便利だけど、API キーの用意とか面倒だし今回の用途ならこれで十分と判断。

  • 本当は例えば徒歩5分なら0~4分圏内は候補地から除外したかった

    ドーナッツ上の円が交差した部分を候補地としたほうがより正確なはず。しかしこれを実現するには、円の上に白抜きでさらに円を描画する、みたいなことをやる必要があり、マップが非常に見にくくなったのでやめた。

  • 徒歩1分=80m

    不動産の表示に関する公正競争規約で決まってるらしい。へぇ。しかしあくまで円で描画した範囲は直線距離で、実際は道はもうちょっと曲がりくねっていると思うのでバッファを設ける必要がありそう。

感想

作ってみたのはいいけど、数回使って飽きてしまった…

恐らく、限られた情報から住所を特定することにゲーム性を感じていたので、そこを効率化するのは違かったのかもしれない…

無駄も大事という教訓ですね。みなさん、無駄も楽しみましょう。本年もよろしくお願いします。


この記事は はてなエンジニア Advent Calendar 2025 - Hatena Developer Blog の37日目の記事です。




以上の内容はhttps://magaming.hatenablog.com/entry/2026/01/07/000000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14