サンプル楽曲集

有名なWebサイトから生成される音楽を聴き比べてみましょう。それぞれのサイトの構造的な特徴が、ジャンル・テンポ・コード進行の違いとなって現れます。

ニュース・ポータル系

Yahoo! JAPAN

多数のニュース見出しと多階層メニューを持つ大規模ポータル。多くのh2h3要素と短い段落の組み合わせから、リズミカルで明るいElectropopが生成されます。

▶ Yahoo! JAPANを音楽として聴く

BBC News

整然とした見出し階層と長めの記事構造から、落ち着いた4つ打ちのTechnoが生成されます。深いネストが特徴的なリズムを作ります。

▶ BBC Newsを音楽として聴く

検索エンジン系

Google

シンプルでミニマルなトップページから、スパースで広がりのあるAmbientが生成されます。要素が少ないからこそ、一音一音が引き立ちます。

▶ Googleを音楽として聴く

DuckDuckGo

Googleと同様にミニマルですが、わずかに異なるmeta構成が音楽の「色」を変えます。Googleとの違いを聴き比べてみてください。

▶ DuckDuckGoを音楽として聴く

技術系・開発者向け

GitHub

豊富なリンク要素・SPA的な構造・複雑なナビゲーションから、ドライブ感のあるSynthwaveが生成されます。テクノロジー感あふれる音色が特徴です。

▶ GitHubを音楽として聴く

Stack Overflow

大量のdivcode要素を持つQ&A構造から、刻みの強いTechnoが生成されます。タグごとのカテゴライズが反映されています。

▶ Stack Overflowを音楽として聴く

百科事典・ドキュメント系

Wikipedia (英語版トップ)

テキスト中心で長文の段落が多く、決まったフォーマットの記事構造から、安定したリズムのTechnoが生成されます。淡々と続くベースラインが印象的です。

▶ Wikipediaを音楽として聴く

MDN Web Docs

整理された見出し構造と詳細な技術解説から、メロディアスなSynthwaveが生成されます。リファレンスドキュメントの整然さが音にも現れます。

▶ MDN Web Docsを音楽として聴く

SNS・コミュニティ系

Reddit

多数のリンクとリスト要素から、賑やかで多彩なElectropopが生成されます。スレッドの活発さがリズムに反映されます。

▶ Redditを音楽として聴く

Hacker News

シンプルなテキストリストから、ミニマルだが芯のあるSynthwaveが生成されます。装飾の少なさが音楽の純度を上げています。

▶ Hacker Newsを音楽として聴く

あなたの好きなサイトも聴いてみよう

このリストにないサイトでも、URLを入力すれば音楽が生成されます。トップページから、お気に入りのサイトのURLを試してみてください。