以下の課題に取り組んでいただきたく、ご案内お願いいたします。
<aside>
🚧 2024年11月以降、試験内容の一部が変更される予定です。日程をご確認の上、取り組まれるようお願いいたします。
</aside>
【課題】
都道府県別の総人口推移グラフを表示するSPA(Single Page Application)を構築せよ
ワイヤーフレーム
内容
- RESAS(地域経済分析システム) APIの「都道府県一覧」APIから取得する
- APIレスポンスから都道府県一覧のチェックボックスを動的に生成する
- 都道府県にチェックを入れると、RESAS APIから選択された都道府県の「人口構成」を取得する
- 人口構成APIレスポンスから、X軸:年、Y軸:人口数の折れ線グラフを動的に生成して表示する
- 「総人口」の他に「年少人口」「生産年齢人口」「老年人口」も切り替えるUIを何らかの形で用意し表示できるようにすること(同時に表示する必要はない)
制約
- React/Vue.jsのいずれかを用いてSPAを構築すること(バージョンはできるだけ最新版をご使用ください)
- React
- Vue
- Nuxt.jsやNext.jsなどの、これらを内包したフレームワークの利用も許可する
- 都道府県一覧および総人口情報はRESAS APIのデータを用いること
- グラフは Highcharts や Rechart.js などのサードパーティ製のグラフライブラリを用いて描画すること
- ただし、グラフライブラリは上記のものに限らず、任意のものを用いてよい
- Google Chrome最新版で正しく動くこと
- PC/スマートフォン表示に対応すること(レスポンシブデザイン対応)
- ただし実機でなく、Google Chromeの検証ツールで確認できればよい