search
他カテゴリ

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

ヨコチ🦖UGOK's icon'
  • ヨコチ🦖UGOK
  • 2020/12/08 14:51


UGOKのヨコチ🦖です。

前回は類似アーティストのCDジャケット・詳細の表示を行いました。制作しているウェブアプリケーションの概要はこちらです。

 

 

今回やること

前回は、Spotify Web APIを使って日本トップ50という名前のプレイリストに載っている曲のCDジャケット画像をランダムに表示させ、そこから選択したCDジャケット画像のアーティストの類似アーティストのCDジャケット・詳細を表示させました。

今回は、類似アーティストのCDジャケット・詳細の表示を繰り返して行えるようにします。

 

https://gist.github.com/yochn/00af8b679ac68d83aaaa797b4b37475d

 

前回と大きな変更はなく、類似アーティストの詳細を表示する画面に「次へ」というボタンを追加し、ボタンを押すことで類似アーティストのidの取得画面に戻り、CDジャケット画像の表示→詳細の表示を繰り返すようにしました。

 

実行結果

以上のように繰り返して類似アーティストを表示することができました☺やっと最低限の機能をつけることができましたやったーーーーーーー!!!!!

まったくできないと思っていたものが実際目に見える形になったらほんとうにうれしいですね・・・

見た目やレイアウトなどまだまだ改善点は山積みなので引き続き改善していこうと思います~~~~☺

 

 

 

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

投稿者の人気記事
コメントする
Profile icon
  • UGOK
  • 4年前

デザインは読み込むだけのCSSでいきましょう
https://note.com/ojk/n/ne6fee99a9b4e

ひとまずWater.cssでいいんじゃないかと
https://watercss.kognise.dev/

この1行を<head>の中に書くだけです
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">

Like comment
返信
コメントする
こちらもおすすめ!
Eye catch
他カテゴリ

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

ふたひい@web3 2020/05/16
Like token Tip token
114.82 ALIS
Eye catch
グルメ

バターをつくってみた

モミジ 2021/02/18
Like token Tip token
127.90 ALIS
Eye catch
他カテゴリ

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

連獅子 2021/10/09
Like token Tip token
31.20 ALIS
Eye catch
他カテゴリ

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

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

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

CryptoChick 2020/03/07
Like token Tip token
159.32 ALIS
Eye catch
他カテゴリ

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

yamaeigh 2020/02/15
Like token Tip token
12.10 ALIS
Eye catch
ビジネス

海外企業と契約するフリーランス広報になった経緯をセルフインタビューで明かす!

Semapho 2021/09/14
Like token Tip token
16.10 ALIS
Eye catch
クリプト

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

kaya 2021/10/06
Like token Tip token
61.20 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
Eye catch
ゲーム

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

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

17万円のPCでTwitterやってるのはもったいないのでETHマイニングを始めた話

nnppnpp(んぺー) 2021/09/08
Like token Tip token
46.60 ALIS