「今日の1曲」機能の追加
投稿日：
更新日：
PTfansをご覧いただきありがとうございます。
「今日の1曲」という機能をトップページに本日追加しました。
シンプルですがなかなか苦労しまして、実装までの道のりをここに書いておこうと思います。
仕組みとしてはスプレッドシートで作成したデータベースの行を、日替わりでランダムに１行取得し、値をサイト上に返す形となっています。
データベースは先日ポストした以下のような形でまとめております。
データベース作成の段階は、手動で入力した部分が多くなかなかに苦労しました。
歌詞は歌ネットのURLを貼り付けていますが、こちらは歌ネットのHTML情報を取得し、曲名から検索させたので半自動でまとめられました。
各サブスクはアルバム単位でURL貼り付けを手動で行いましたので単純なコピペ作業です。貼り間違いはないと信じたい。。。
データベースの情報をWordpressのサイトに表示させるには、Google apps scriptというツールを用いています。
スプレッドシートのランダムな行を１行取得し、必要な情報をJSON方式で格納させています。
それをサイト上にJavascriptとHTMLでうまく表示されるようにしてみました。
サブスクやYoutubeにその曲がある場合のみ、リンクボタンが表示されるようになっています。if文を用いて条件分岐は想像ほど難しくなかったです。
将来的にはデータベース検索が出来て訪問者が誰でも過去リリースされた曲の情報に気軽にアクセスできる形を目指しているのですが、その前段階の練習としてこちら作っています。
まだまだ道のりは長そうですが、実装の際は多くの方に楽しんでいただきたいなと思います。
皆様も良い海月ライフを！