制作時間

6時間

担当範囲

デザイン・コーディング

使用技術

React

URL

サイトリンク

TodoアプリでuseStateやJSXの基本的な書き方に慣れたおかげで、今回はより実用的なロジックに挑戦することができました。具体的には、外部APIから国旗データを取得し、それをクイズ形式の問題として整形・生成するロジックを実装しています。
また、単に表示するだけでなく、各選択肢のボタンに正解・不正解を判定する機能を持たせました。
また、map関数を用いて配列から要素を繰り返し生成する処理を経験し、配列操作の具体的なイメージをより深く掴むことができました。 遊んでるうちに国旗と国名 の知識が少しだけ付きます。