本文へスキップ
odacchi
作品の一覧へ

琥珀色の世界

Whisky Map

見つけて、記録して、今夜の一本を。

世界と日本の蒸留所を地図でたどり、気になる一本や家にあるボトルを記録できます。使っている人には、架空のバーのバーテンダーが家の棚から今夜の一本を選ぶ、ご褒美の機能も。

  • 公開中
  • ログイン不要・無料
  • 日本語・English
提携店のバーのカウンターで、バーテンダーが白州 12 年を出し終えた場面。右に今夜の一杯のカードと「Google マップで見る」のボタン
スマホで提携店のバーに入ったところ。青く光る棚とキャンドルのカウンター

家にある一本が、バーで出てくる。カードの下から、本物のお店の場所へ行ける。 扉を開けると、店ごとの内装と光で迎える。

こんな人の、こんな不便に

  1. 誰に

    家でウイスキーを飲む人。これから一本を選ぶ人。

  2. 困りごと

    ボトルが増えるほど、今夜どれを開けるか迷う。次に何を選べばいいかも分からない。一覧表を眺めても、楽しくない。

  3. こう解いた

    蒸留所を地図で旅するように探し、「スキ・飲んだ・持ってる」をワンタップで記録。使っている人へのご褒美に、家のボトルが架空のバーの棚に並び、バーテンダーが今夜の一本を選ぶ。

画面で見る

バーテンダーがグラスに白州 12 年を注ぐ寄りの場面。上下に黒い帯と字幕「ストレートでお注ぎします。」
選ばれた一本は、スポットライトではなく注ぐ所作で知らせる。モルトはストレート、ブレンデッドはロックで。
京都店の入口。檜の格子と障子の棚の前で、バーテンダーが席を示している
支店ごとに内装が変わる。京都店は檜のカウンターで、棚には土地のボトルも並ぶ。
トップに出る「今夜は、どちらへ?」のカード。京都店・小樽店・スペイサイド店と提携店から行き先を選ぶ
家にあるボトルを記録した人には、17 時を過ぎるとトップに店の扉が開く。
スマホの地図にスコットランドの蒸留所のピンが並び、下のシートに 61 件の一覧
シートはつまみで 3 段に止まる。地図アプリと同じ感覚で、片手のまま探せる。地図 © Mapbox © OpenStreetMap

2026 年 10 月の画面です。

動画で見る

紹介動画: 【ウイスキー好きへ】世界の蒸溜所を地図で探す「Whisky Map」

使い心地へのこだわり

  1. 家の棚が、バーの棚になる

    試験的なご褒美機能

    したこと

    使っている人へのご褒美として試験的に置いた機能。「持ってる」を付けたボトルが 3D のバーの棚に並び、扉を開けて席に着くと、バーテンダーがその中から一本を選んで注ぐ。選ばれた一本は、スポットライトではなくマスターの所作で知らせる。

    使う人にうれしいこと

    使うほど、楽しみが増える。迷う時間が、選んでもらう楽しみに変わる。

  2. 時間で、表情が変わる

    17:00〜翌 5:00

    したこと

    家にあるボトルを記録した人には、17 時から翌 5 時だけトップに「今夜は、どちらへ?」の扉が開く。地図の光は夜明け・昼・夕暮れ・夜の 4 つ。昼に店へ入ると「明るいうちからとは、良いですね。」と迎える。

    使う人にうれしいこと

    開くたびに少し違う顔があり、宅飲みの時間に寄り添う。

  3. 指に吸い付く、地図のシート

    3 段で止まる

    したこと

    スマホの地図の下のシートは、つまみのドラッグで 3 段に止まる。指を離す直前の速さで「弾いた」かを判定し、2 本目の指や OS の割り込みでも崩れない。タップやキーボードだけでも 3 段すべてに行ける。選んだピンは、シートに隠れない位置まで地図が寄る。

    使う人にうれしいこと

    地図アプリと同じ感覚で、片手のまま探せる。

  4. どの端末でも、今夜の一杯が出る

    したこと

    3D が動かない端末、動きを減らす設定の端末、素材の読み込みに失敗したときは、自動で 2D の表示に切り替える。演出の途中で選ばれたボトルも、そのまま引き継ぐ。

    使う人にうれしいこと

    古いスマホでも、設定を変えている人でも、受け取る一杯は同じ。

  5. 探した条件を、そのまま渡せる

    したこと

    検索と絞り込みの状態を URL に持たせた。全角と半角、「蒸溜」と「蒸留」の表記ゆれも吸収する。

    使う人にうれしいこと

    「このあたりの蒸留所」をリンク 1 本で共有できる。戻っても条件が消えない。

  6. おすすめを、広告で歪めない

    したこと

    広告やアフィリエイトの有無で、表示の順を変えない。バーの棚に並ぶ土地のボトルは、蒸留所の所在地だけで選ぶ。バーテンダーには買い物を勧めさせない。

    使う人にうれしいこと

    地図に出てくる情報を、安心して信じられる。

数字で見る

収録した蒸留所
116
うちクラフト 34
収録したボトル
220+
バーの店
3 + 1
架空の支店 3 と、実在のバーの提携店 1
通っている自動テスト
207
対応している言語
2
日本語・English

2026 年 10 月 7 日時点

制作のきっかけ

ウイスキーが好きすぎて、自分のボトルを管理するサービスをつくろうと思ったのが始まりです。どうせなら、宅飲みしながら眺めて楽しいものにしたい。その答えが、地図であり、バーでした。

家で飲むだけでなく、実際のお店のバーでもウイスキーを楽しんでほしいと思っています。いまは「ウイスキーのことなら、ここに来れば分かりやすく集まっている」場所を目指しています。個人的な技術の実験場でもあります。

いまの形

  • ボトルのページから、取り扱いのあるお店を見られる
  • 熊本の実在のバー bar Luana を 3D で再現した提携店から、そのお店の Google マップへ行ける

これから

まだ無い機能です。目指していることとして書いています。

  • 飲み切ったボトルを、その画面からそのまま注文できるようにする
  • 飲んでいるウイスキーに関する YouTube 動画を並べる
  • 提携店の Instagram へもつなぐ

技術と担当

担当
企画・デザイン・開発・公開まで、ひとりで
期間
2025 年 11 月〜(育て続けている)
技術
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Mapbox GL JS
  • three.js
  • Blender
  • Cloudflare Workers・R2
  • Terraform

使ってみる

ログイン不要・無料。スマホでもパソコンでも。

Whisky Map を開く(新しいタブで開きます)

https://www.whiskymap.jp/

似たものをつくりたい方へ

Web サービス・ツール開発: 比較的小さな Web サービスや、業務・趣味のためのツールをつくります。