iTunes API

• 検索フォームに入力し、searchボタンを押す

• 検索履歴をハンバーガーメニューに表示する

• iTunes API を使って入力した文字と一致するデータを取り出し表示する

• 検索履歴はlocalStorageに保存されているためリロードしても消えない

• 検索履歴の番号をハンバーガーメニューの入力欄に入れる

• 入力した番号の検索履歴を削除(localStorageも)、再検索ボタンで使用できる

こだわったこと

• APIを勉強したかった（使ってみたかったw）

• localStorage内のデータの特定の部分だけ削除できる機能を作った

できなかったこと

• iTunes APIからデータを出すときに、検索に引っ掛からなかったときに検索結果を得られなかったと表示する関数を起こすことができなかった

参考にしたサイト

• フリー素材

  • https://www.pinterest.jp/

• iTunes API

  • https://fieldwalking.jp/blog/html5-itunes-api/

• 配列の最後の値を取得

  • https://1-notes.com/javascript-get-the-last-value-from-the-array/

• jQueryで要素を作成

  • https://www.delftstack.com/ja/howto/jquery/jquery-create-element/

• iTunes API

  • https://is2-ssl.mzstatic.com/image/thumb/Music/a1/45/df/mzi.uiclaofk.jpg/100x100bb.jpg
  • https://enjoy-programing.com/itunes-api%E3%81%AE%E5%88%86%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%84%E4%BD%BF%E3%81%84%E6%96%B9%E8%A7%A3%E8%AA%AC/
  • https://www.yoheim.net/blog.php?q=20130702

• 3点リーダーで文字数を制限する css

  • https://rilaks.jp/blog/ellipsis/

• 動的に付与されたものにイベント処理を行う　注意点

  • https://qiita.com/sansaisoba/items/7099e63c4badb3b51b74

• 配列の中のn番目を削除

  • https://lab.syncer.jp/Web/JavaScript/Snippet/7/

• map関数は返り値を配列としてだしてくれる

  • https://www.sejuku.net/blog/21812

• 配列を空にする方法

  • https://magazine.techacademy.jp/magazine/37180

• splaice()メソッド

  • https://magazine.techacademy.jp/magazine/37922