ハクソク

世界を動かす技術を、日本語で。

Show HN: Yamanote.fun – 東京の山手線のための完全なサウンドスケープ

2026年7月7日原文(yamanote.fun)

概要

  • Yamanote Line のサウンドスケープを再現したバーチャル体験
  • 駅メロディ、アナウンス、ドアチャイム、列車音 の組み合わせ
  • 内回り・外回り で異なる音の旅を30分で体感
  • WebアプリYamanote.fun で全30駅・両方向を再生可能
  • 技術的背景 と開発経緯、利用方法の紹介

山手線サウンドスケープ体験

  • Yamanote Line の駅メロディ、アナウンス、ドアチャイム、列車音を融合した完全な音体験
  • 内回り（anticlockwise）・外回り（clockwise） で異なる駅メロディを採用
  • 実際の山手線の2倍速 で、30分間でバーチャル一周が可能
  • ekimero melody archive をベースに制作
  • Paul Jackson & Claude のコラボレーションによるサウンドスケープ

開発背景と個人的な動機

  • 初訪問から 山手線の音体験 に魅了された経緯
  • 駅メロディ だけでなく、ドアチャイム、車内アナウンス、列車音の重要性を再認識
  • YouTube・Reddit・日本のファンサイト から素材を収集し、Logic Pro Xで再構築
  • Alexa Skill として2019年にリリース、より多くの人に届けるためウェブアプリ化を構想

Yamanote.funウェブアプリの特徴

  • 全30駅・内回り外回り両対応 のプレイリスト形式
  • 駅ごとにスキップ・巻き戻し が可能な操作性
  • メロディ／チャイム／アナウンス／環境音 ごとに区切られたスクラブバー
  • 各駅ごとにシェア可能なリンク （例：yamanote.fun/jy13-ikebukuro-inner）
  • PWA（プログレッシブウェブアプリ） 対応でホーム画面追加やオフライン再生にも対応

技術的実装・デザイン

  • HTML、CSS、JavaScript のシンプルな構成
  • Cloudflare R2 で音声配信、 Netlify でサイトホスティング
  • Figma によるUIデザイン、 Claude Code を活用したUI・PWA設計とシェア機能
  • 無料サービスの活用 で実現したコスト効率の高い運用

フィードバックのお願い

  • 実際の山手線利用経験者 からの感想・意見を歓迎
  • 音体験の再現性や使い勝手 についてのフィードバック募集

Hackerたちの意見

これ素敵だね！前は山手線の旅のYouTube録画を見ながら寝るのが好きだったんだ。ちょっとフィードバックを言うと、眠る時の観点から見ると、メロディーやドアのチャイムが結構大きくて頻繁に聞こえるから、もう少し「バックグラウンド」感のあるバージョンがあればいいなと思う。旅の雰囲気がもっと長く続いて、チャイムやメロディーが静かだったら最高だね。人の声も少しマスキングしてくれるといいな。

└

これに+1！駅到着の間に数分の旅の雰囲気がある、もっとリアルなタイミングモードがあったらいいな。

これ大好きです！:) 作ってくれてありがとう、デザインがすごくエレガントだね。フィードバックを求められたので言うけど、使いやすさの観点から、「次へ進む」と「前に戻る」ボタンがちょっと混乱した。左右に配置されてるのに、上下の動きを制御するから、ループによって方向も変わるし。（「前進」と「後退」もループによって変わるから、その指標があると助かる。）マウスホイールでのナビゲーションも追加してくれたら完璧だね。もっとお願いしてごめんけど、ドアの開閉音（「ドアが閉まります」とアラームも）を追加してくれたら、音の景色がもっと豊かになると思う。あまり細かいこと言いたくないけど、今のままでもすごく楽しめてるよ！

└

これに追加すると、ドアが開いてる時に背景の音が大きくなって、その駅の音も一緒に聞こえたら最高だね！

JR東日本は、ワンマン運転に移行する中で発車メロディーを廃止するプロセスに入ってるから、残念ながらこれらは早くなくなるだろうね。南武線と常磐線は去年廃止したし、山手線も2030年までにはなくなる予定みたい。[1] きっとRFIDとかでカスタムメロディーを鳴らす方法を見つけるだろうけど。京急は発車ボードを再現する方法を見つけたし。[2] JRは、誰かの仕事を自動化することに対する印象もあって、すぐに何かを考え出すのは難しいかもしれないね。

└

「南武線の列車は、前に運転手、後ろに車掌の2人のスタッフで運行されている [...] 駅ごとの発車メロディーを流すためには、実際にプラットフォームにあるボタンを押さなきゃいけないんだ。それが車掌の仕事の一部になっている」ってことか。これを教えてくれてありがとう！

└

彼らが発車メロディーを残す方法を見つけてくれるといいな。そうすれば、たくさんの好意を得られると思う。でも、メロディーがなくなったからって、みんなが電車に乗るのをやめるわけじゃないよね... 京急のデジタルフリップボードはやってくれたのはいいけど、フリップする部分にもう少し奥行きがあったらなと思う。今は、次の駅名を下から見せるために横にスキャンラインが動いてるだけに見える。

└

ニュース記事は本物だけど、南武線は2025年の後半に車両から出発メロディーを流すようになったんだ。

すごくクールで、私にとっても心に響くけど、山手線ではないんだよね。ジェームズ・メイが出演する「Our Man in Japan」に、これらのメロディーの作曲家と短い時間過ごすエピソードがあるんだ。意外と考えられたプロセスで、駅やエリアの雰囲気を短いモチーフに込めようとしてる。これらのモチーフは、短いのに驚くほどの音楽性や複雑さを持ってることがあるんだ。

駅間の「旅行」時間をもっと長くするオプションを追加して、実際の電車旅行の雰囲気を出してほしいな！

└

+1 移動時間の速度を[∞, リアルタイム]にしたら、このインスタレーションアートになるね。

数年前に似たようなアプリを作ったよ！ https://apps.apple.com/us/app/ueno/id1658845856

Hacker Newsで議論の続きを見る