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

10年前に初めて日本を訪れた際、東京の山手線ループ線に完全に魅了されました。特にその音響体験にです。他の多くの人と同じように、私も魅力的な発車メロディーに惹かれ、帰国後Hacker NewsでYamanot.esのような体験を見つけるのを楽しんでいました。 しかし、東京への2度目の旅行まで、私が愛する豊かなサウンドスケープにドアチャイム、車内アナウンス、電車の騒音がどれほど貢献しているかを真に理解していませんでした。 帰国後、仕事中に山手線の旅のYouTube動画を再生するようになりました。音、雰囲気、そして静かに話される日本語の組み合わせは、私にとって信じられないほど心地よいものでした。 しかし、これらの録音はしばしば不完全で、質が悪く、または古かったため、私ははるかに包括的なものを求めていました。 そこで、Redditのスレッド、YouTube動画、日本のファンサイトからすべての構成要素を集め、Logic Pro Xで山手線に乗車する体験を再現し始めました。メロディー、ドアチャイム、アナウンスを、電車の騒音と雰囲気の上にすべてつなぎ合わせました。 2019年にこれらのサウンドスケープをAlexaスキルにしました。そして、より広いオーディエンスとサウンドスケープを共有するためのコンパニオンウェブサイトについて考え始めました。 7年後、そのウェブサイトがYamanote.funです: https://www.yamanote.fun/。 これは、サウンドスケープをプレイリストのように再生する、小さなインストール可能なウェブアプリです。内回り・外回りでメロディーが異なるため、すべての30駅を両方向で楽しめます。駅をスキップしたり戻ったりでき、メロディー/チャイム/雰囲気/アナウンスに分割されたスクラブバーがあり、目的の部分に直接ジャンプできます。各駅には共有可能なリンク（yamanote.fun/jy13-ikebukuro-inner）があり、共有すると正しい駅名とアートワークが表示されます。 プログレッシブウェブアプリでもあるため、ホーム画面に追加でき、ネイティブアプリのように動作します。オーディオをオフライン化するオプションもあります。 内部的には比較的基本的なものです。プレーンなHTML、CSS、JSで、オーディオはCloudflare R2から提供され、サイトはNetlifyでホストされています。これらのサービスの無料ティアでどこまでできるか見て感銘を受けました。私はFigmaで全体をデザインしました（私はプロダクトデザイナーです）そして、Claude Codeを使用して、洗練されたUI、PWAの配管、オフラインキャッシュ、共有リンクインフラストラクチャを構築・提供しました。 フィードバックをいただけると嬉しいです。特に、実際の山手線に乗車したことのある方からのフィードバックを歓迎します。