JavaScript開発入門！iTunesのJSONデータを使って無料アプリランキングサイトを作成

JavaScriptの復習として、アップルが提供しているRSS GeneratorからJSONデータを取得し、iOSAppの無料アプリのランキングサイトを作ってみました。

JavaScript開発入門！iTunesのJSONデータを使って無料アプリランキングサイトを作成チュートリアル

お手本は、
初心者からのJavaScript開発入門！iTunesのJSONデータを使ってランキングサイトを作るチュートリアル大公開！/paiza開発日誌

１　アップルが提供する「RSS Generator」でランキングサイトを確認

RSS Generatorで、日本やアメリカなど地域指定し、アプリや音楽、映画のランキングが表示されるのを確認しました。

２　ランキングサイトを作成するために必要な２つのファイルを準備

必要なファイルは「index.html」と「app.js」の2つ。
いずれもカンタンな枠組みだけを用意しておきます。
cssはフレームワーク「Spectre.css」を使用。

３　「JSONデータ」を取得するURLを作成

フィード設定で、国名を日本、メディアタイプをiOSApp、フィードタイプをトップ無料、結果表示を１０にしました。



できたフィードURLをブラウザに通してみます。すると、データが多数取得できているのが分かります。

４　JavaScriptからJSONデータを読み込みます

カンタンに使えるfetchを使用しますが、念の為ライブラリのfetch.jsを読み込んでおきます。

５　ランキングに必要な情報を取得し表示！

ランキングに必要なアイコン画像やアプリのタイトル、リンクURLなどの情報を取得します。



参照サイト：初心者からのJavaScript開発入門！iTunesのJSONデータを使ってランキングサイトを作るチュートリアル大公開！/paiza開発日誌