NAVERマップワイドギャラリー - 写真を全画面でまとめて見る

(chromewebstore.google.com)

5 ポイント投稿者 rivolt2022 4 시간 전 | まだコメントはありません。 | WhatsAppで共有

NAVERマップの写真を見ていて不便だったので作ったChrome拡張機能

グルメ店やカフェを探すとき、私はよくNAVERマップを使います。

ただ、写真が多い場所を見るたびに、いつも同じ不便さがありました。写真をしっかり見るには小さな領域の中で延々とスクロールしなければならず、写真を1枚開いて閉じるとまた元の位置を探さなければならず、複数枚を素早く比較するのも難しかったのです。

特に旅行先や有名な飲食店のように写真が何百枚もある場合は、写真を見ること自体がかなり疲れる作業になっていました。

そこで「写真タブをそのままギャラリーのように見せられないかな？」と思い、週末に簡単に作り始めました。

その結果できたのが NAVERマップワイドギャラリー です。

NAVERマップのPC版で場所の詳細ページの写真タブに入ると、ボタンが1つ追加されます。

そのボタンを押すと、既存の写真エリアの代わりに全画面ギャラリーが開き、写真をグリッド形式でまとめて閲覧できます。

NAVERマップで提供している店舗写真、レビュー写真、クリップ、動画などのフィルターもそのまま連動するように実装しました。

できるだけNAVERマップの既存UXを損なわないことを目標にしました。

別途サーバーは置かず、外部APIの呼び出しもありません。ユーザーデータの収集や送信を行わず、ブラウザ内だけで動作します。

また、NAVERマップの内部構造が変わってもできるだけ堅牢に動作できるよう、DOMの監視と動的レンダリング処理にも気を配りました。

もともとは個人的に使うために作った小さな拡張機能でしたが、実際に使ってみると、写真の多い場所を探すときの体感差はかなり大きかったです。

もし私のようにNAVERマップの写真を見ながらスクロールに疲れていた方がいれば、一度使ってみてフィードバックをいただけると嬉しいです。