vue.jsの利用
所持CD情報を投稿するにあたってどうせならトラックリスト、CDをディグする時に欲しい作詞・作曲・編曲の情報はアップできたらなと思っていた。iTunesでCDを読み込む時に作詞・作曲・編曲の情報は入力しているので情報はあるものの、その情報を切り貼りしてタグ付けしてMTに投稿するという作業はめんどくさいし続かなそうなので、仕事で触れてはいるものの理解していなかったvue.jsを勉強も兼ねて利用したいと思っていた。

作業
結論としては、CD1枚1枚の情報をそれぞれjsonファイルに書き出して、axiosを利用しページごとに読み込み出力する形にした。v-for や v-if を利用して出力する部分はそこまで苦労せずできたものの、2枚組やコンピレーションなど想定しての分岐の仕組みなど考えておかなければいけないことが多い。
仕組みができたところでjsonのファイルを実際どうやって出力すればいいのかわからず、いろいろ検索した結果、iTunesから情報をコピーしてGoogleスプレッドシートにペースト、情報を多少整理してアドオンを利用してjsonを出力することにした。
TVerで正月のネタ番組を見ながら、時間がかかったものの仕組みを作ることができた。

今後の作業
個別ページしか作っていないので、トップページをとりあえず作らなくては。レスポンシブも適当なので調整したいし、索引なども作っていきたい。あとはCDジャケット画像も撮影できるようにもしたいし投稿もしていきたいし、やりたいこと多すぎて萎える。