TOKYO-FM で放送されているラジオ番組「SPITZ 草野マサムネのロック大陸漫遊記」でオンエアされた楽曲を放送回別、アーティスト別等で分類した「ロック大陸漫遊記プレイリスト集」を公開しました。

ロック大陸漫遊記プレイリスト集
https://cieloazul310.github.io/rockman/

サイトについて

ロック大陸漫遊記プレイリスト集は、TOKYO-FM 他全国38局で放送されているラジオ番組「SPITZ 草野マサムネのロック大陸漫遊記」でオンエアされた楽曲を、放送回別、アーティスト別、選曲者別、コーナー別に表示したサイトです。

原則、毎週日曜日 TOKYO-FM の本放送終了後に更新します。作者がリアルタイムで聞けなかった日は、一両日中に視聴して更新します。

SPITZ 草野マサムネのロック大陸漫遊記
https://www.tfm.co.jp/manyuki/

動機

ラジオ番組のプレイリストを分類してアーカイブ化したいというのは前々から思っていました。過去のプレイリストを残さない番組は多いですし、終了後にホームページのコンテンツを一掃してしまう番組は少なくありません。

ロック大陸漫遊記は初回からのプレイリストが番組ホームページに掲載されていますが、アーティスト別、選曲者別の分類があるといいなと思い、作ってみました。基本的には、自分が見たいもの、作りたいものを作るというスタンスです。実はロック大陸漫遊記が始まった 2018年に一度、ロック大陸測量部 というロック大陸漫遊記のオンエア曲を可視化したページを作っていました。去年の2月まで更新していましたが、このページはメンテナンス性が低く、当初から違う形で作り直すことを考えていました。

ロック大陸漫遊記は古今東西の様々な楽曲がかかります。広大なロック大陸の地図としてこのサイトを使ってもらえれば幸いです。

広告

技術面

このサイトの作成には Gatsby を使いました。

以前のロック大陸測量部は create-react-app を使って作成したシングルページアプリケーションでした。以前のページは、Mac の Numbers で管理したデータを単一の CSV ファイルに出力していました。これがなかなか面倒でした。直近の8〜9曲を追加するのに、今までの全てのデータを上書きしなくてはいけません。

新しいサイトでは、週単位のプレイリストを小さな YAML ファイルに記録しています。これを Gatsby の Source Filesystem で集約し、GraphQL で好みの形で出力できるようにしました。実はここまでは1年くらい前には出来ていました。

プレイリストの YAML ファイルの例 https://github.com/cieloazul310/rockman/blob/master/data/yaml/2021/0163.yaml

しかし、データの扱いの部分やデザイン面で納得いかない部分が多く、中途半端な出来のまま、完成させるまでのやる気は生まれませんでした。

最近、Gatsby Node APIs の機能を探究していると、前述のデータの扱いの部分が解決できそうだと思い至りました。やってみると思い通りの実装ができたため、そこからは強火でガッと完成まで持っていけました。デザイン面も、結構良い出来になったと感じています。

ここで得られた Gatbsy に関する Tips は順次更新していく予定です。

Cemburu / Dewa (2000)

広告