View Code? Open in Web Editor
NEW
Home Page: nuxt-resas-portal.vercel.app
JavaScript 48.43%
Vue 51.57%
nuxt-resas-portal's Introduction
nuxt-resas-portal's People
Contributors
Watchers
nuxt-resas-portal's Issues
困っている点
Nuxtのdataの配列のなかにAPIから取得したデータを適宜入れることができない
ゴール
Nuxtのstoreからコンポーネントに値(prefCodeとprefName)が参照できたら大丈夫!
ゴール
チェックボックスを押したら、グラフが即時表示されるようにする
ゴール
NuxtのstoreのactionでAPIを叩いて、stateにデータを入れる
ゴール
ライブラリのlabels真偽値??みたいなのがしゅとくできたら大丈夫!!
問題点
- 都道府県APIで取得したpreCodeをどこで保持しとくか??
解決策
- 一度叩いたらstoreで持っておき、そこからpreCodeを取得して、人口構成APIを叩く
- これがいいのかなって思う
ゴール
![スクリーンショット 2022-04-19 22 49 07](https://user-images.githubusercontent.com/73173075/164018571-e72acc7f-1a63-48af-82f8-ba8339f11adf.png)
このグラフを作る
実装すること
- axiosで都道府県一覧APIを取得
- 都道府県一覧APIから取得できるもの
- 都道府県番号
- 北海道:1、青森:2、、、
- 都道府県の名前
- 北海道、青森、、、
- チェックボックスとラベル(都道府県名)の表みたいなのを作成する[画像を参考にする]
- 都道府県一覧APIで取得した都道府県番号を使用して、人口構成APIをたたく
- そこで取得した年と人口数をグラフのx軸、y軸に入れる