search
他カテゴリ

APIを使って音楽を聴くきっかけを作ろう⑩

ヨコチ🦖UGOK's icon'
  • ヨコチ🦖UGOK
  • 2020/10/14 05:11

 

UGOKのヨコチ🦖です。

前回は選択したCDジャケット画像に関するCDの詳細を表示できるようにしました。徐々にできることが増えて触ってて自分でも楽しいです☺制作しているウェブアプリケーションの概要はこちらです。

 

 

今回やること

前回は、Spotify Web APIを使って日本トップ50という名前のプレイリストに載っている曲のCDジャケット画像の表示させ、選択したCDジャケット画像に関する情報(詳細:アーティスト名、曲名、アルバム/シングル名)を表示させました。

今回は、アーティスト名がローマ字表記になってしまう部分を直したいと思います。

 

 

Content image

このように、本来は「あいみょん」と表記してほしい部分が「Aimyon」とローマ字表記になってしまっています。これを直すためには、Accept-Languageヘッダーをリクエスト時に設定すれば良いようです。

 

https://gist.github.com/yochn/19f8dbef71993fe109876df02f63f7e4

var options = {

       url: 'https://api.spotify.com/v1/playlists/37i9dQZEVXbKXQ4mDTEBXq/tracks',

       headers: {

         'Authorization': 'Bearer ' + token,

         'Accept-Language': 'ja;q=1'

       },

       json: true

     };

JavaScriptのAPIでデータを取ってくる部分(options)に'Accept-Language': 'ja;q=1'という一文を追加します。jaは日本語を表し、qは重みと呼ばれる、相対的な品質値を使用して表現される優先順位の順序で配置された値のことです。どういうことかさっぱりわかりませんが(滝汗)デフォルト値は1のようです。

 

 

 

実行結果

Content image
無事に日本語で表記されました❕

ちゃんと、「Aimyon」と表記されていた部分が「あいみょん」表記になりました☺海外のアーティストなどをみていると最初から英語表記なので気づきませんでしたが、日本のアーティストの場合、日本語ではなくローマ字表記にになることに気づけて無事直すことができてよかったです☺

 

 

 

 

:今後について

ひとまず、CDジャケット画像をランダムに抜き出し表示させようと思います。そして、選択したCDジャケット画像から類似したアーティストのCDジャケット画像を表示できるようにしていきたいと思います。

 

 

:参考

 

Article tip 0人がサポートしています
獲得ALIS: Article like 44.55 ALIS Article tip 0.00 ALIS
Article registration Article registration
ヨコチ🦖UGOK's icon'
  • ヨコチ🦖UGOK
  • @yoch
twitter @ugok_2

投稿者の人気記事
コメントする
コメントする
こちらもおすすめ!
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの?『柔道編』 【元警察官が本音で回答】

ふたひい@web3 2020/05/16
Like token Tip token
114.82 ALIS
Eye catch
クリプト

約2年間ブロックチェ-ンゲームをして

kaya 2021/10/06
Like token Tip token
61.20 ALIS
Eye catch
他カテゴリ

京都のきーひん、神戸のこーへん

yamaeigh 2020/02/15
Like token Tip token
12.10 ALIS
Eye catch
他カテゴリ

警察官が一人で戦ったらどのくらいの強さなの?『柔道編』 【元警察官が本音で回答】

ふたひい@web3 2020/05/16
Like token Tip token
114.82 ALIS
Eye catch
ゲーム

【初心者向け】Splinterlandsの遊び方【BCG】

暗号資産ジョシ校生 蟻巣 2021/07/07
Like token Tip token
6.32 ALIS
Eye catch
クリプト

ジョークコインとして出発したDogecoin(ドージコイン)の誕生から現在まで。注目される非証券性🐶

昆布森ちゃん 2021/01/19
Like token Tip token
38.31 ALIS
Eye catch
他カテゴリ

SASUKEオーディションに出た時の話

Taka 2021/01/22
Like token Tip token
35.87 ALIS
Eye catch
他カテゴリ

テレビ番組で登録商標が「言えない」のか考察してみる

連獅子 2021/10/09
Like token Tip token
26.20 ALIS
Eye catch
クリプト

NFT解体新書・デジタルデータをNFTで販売するときのすべて【実証実験・共有レポート】

otakucoin 2021/03/29
Like token Tip token
121.79 ALIS
Eye catch
クリプト

Bitcoinの価値の源泉は、PoWによる電気代ではなくて"競争原理"だった。

CryptoChick 2020/03/07
Like token Tip token
159.32 ALIS
Eye catch
トラベル

梅雨の京都八瀬・瑠璃光院はしっとり濃い新緑の世界

こすもす 2021/05/25
Like token Tip token
216.64 ALIS
Eye catch
トラベル

無料案内所という職業

bansu 2019/06/11
Like token Tip token
84.20 ALIS