2022年03月27日 (日)

新しいアプリを作った!(SpotifyAPI)

SpotifyNext.js

Spotifyにログインして、ユーザーごとの特徴の楽曲を取得したり、「いいね」の楽曲を取得するアプリを作りました。
そのサイトは こちら 👈

この記事では使い方を記載します。

これはなに?

Spotifyを使っていろんなことができます↓

🤔トラック分析、アーティスト分析

ユーザー(あなた)が最近聴いている曲を分析してトラック(曲のこと)やアーティストを上位から順番に表示できます。
分析はSpotifyAPIを使っているので詳しいことは分かりません🙏

❤️「いいね」した曲のふりかえり

「いいね」をした楽曲を新しい順番に表示します。

📝プレイリスト作成

トラック分析と「いいね」の曲一覧を自身のアカウントにプレイリストとして登録できます

つかいかた

1.「Sign in with Spotify」ボタンを押してSpotifyアカウントでログイン

無料プランの人でも利用できます
個人情報の収集などはしていないので安心してください




2.種類と分析期間を選択

Track、Artist、Favoriteから1つ選択します
Track:楽曲
Artist:アーティスト
Favorite:いいねした楽曲

TrackとArtistの場合は4 weeks、6 months、all timesの3つからも選択します
期間によって結果が全然異なるので色々試してみてください




3.「表示」ボタンをクリック

上位から20曲、アーティストは20組表示されます
それぞれの行をクリックするとSpotifyアプリの対象のページに飛びます




4.「プレイリスト作成」ボタンをクリック

成功表示が出たら自身のSpotifyアカウントに新しくプレイリストが作成されています
プレイリスト名は日付と期間が組み合わさった、「2022/03/26_medium」みたいな感じです
Spotifyアプリから変更することもできます



5.「さらに表示」ボタンをクリック

「表示」ボタンでは上位から20曲(20組)しか表示されませんが、「さらに表示」ボタンをクリックすると20件ずつさかのぼって表示することができます
「プレイリスト作成」ボタンでは現在表示されている20曲で作られます


その他

バグ報告や新機能要望など、私に伝えたいことがもしあればフッターのContactをクリックしてGoogle フォームから送っていただけると幸いです


さいごに

このサイトにも搭載されているSpotifyAPIを使った機能を誰でも使えるようにしてみようと考えました。
当サイトとは異なり1時間に1回のログインが必要ですが、セキュリティのことを考えると妥当だと思います。
せっかくログイン機能があるのでこれまでに作成したプレイリストの記録も実装してみると面白いかもしれません。今後の課題とします。

みなさん感想や要望をください!🙏