サンプル楽曲集
有名なWebサイトから生成される音楽を聴き比べてみましょう。それぞれのサイトの構造的な特徴が、ジャンル・テンポ・コード進行の違いとなって現れます。
ニュース・ポータル系
Yahoo! JAPAN
多数のニュース見出しと多階層メニューを持つ大規模ポータル。多くのh2〜h3要素と短い段落の組み合わせから、リズミカルで明るいElectropopが生成されます。
BBC News
整然とした見出し階層と長めの記事構造から、落ち着いた4つ打ちのTechnoが生成されます。深いネストが特徴的なリズムを作ります。
検索エンジン系
シンプルでミニマルなトップページから、スパースで広がりのあるAmbientが生成されます。要素が少ないからこそ、一音一音が引き立ちます。
DuckDuckGo
Googleと同様にミニマルですが、わずかに異なるmeta構成が音楽の「色」を変えます。Googleとの違いを聴き比べてみてください。
技術系・開発者向け
GitHub
豊富なリンク要素・SPA的な構造・複雑なナビゲーションから、ドライブ感のあるSynthwaveが生成されます。テクノロジー感あふれる音色が特徴です。
Stack Overflow
大量のdivとcode要素を持つQ&A構造から、刻みの強いTechnoが生成されます。タグごとのカテゴライズが反映されています。
百科事典・ドキュメント系
Wikipedia (英語版トップ)
テキスト中心で長文の段落が多く、決まったフォーマットの記事構造から、安定したリズムのTechnoが生成されます。淡々と続くベースラインが印象的です。
MDN Web Docs
整理された見出し構造と詳細な技術解説から、メロディアスなSynthwaveが生成されます。リファレンスドキュメントの整然さが音にも現れます。
SNS・コミュニティ系
多数のリンクとリスト要素から、賑やかで多彩なElectropopが生成されます。スレッドの活発さがリズムに反映されます。
Hacker News
シンプルなテキストリストから、ミニマルだが芯のあるSynthwaveが生成されます。装飾の少なさが音楽の純度を上げています。
あなたの好きなサイトも聴いてみよう
このリストにないサイトでも、URLを入力すれば音楽が生成されます。トップページから、お気に入りのサイトのURLを試してみてください。