Streamlitで作る都道府県クイズアプリ
Streamlit で都道府県クイズアプリを作ったよ
アプリの内容は、地図上に表示された県庁所在地を見て都道府県を当てるクイズと、地名と場所を確認できる地図の 2 部構成になっています。
アプリ
都道府県クイズ
Streamlit Community Cloud を利用しました。
Quiz
県庁所在地がプロットされるので、都道府県を当てるクイズです。
このクイズで地形を覚えられるかも
Study
地名表示 オン
たぶん学習用です。
🗾 地図
地名表示 オフ
こっちでもクイズできます。
47 都道府県を覚えている方もまだの方もぜひ腕試ししてみてください。
どこかなー？
市町村バージョンもあります
市町村のクイズですけど自分で作っておいてあれですが、全然わかんない。
〇〇町とか〇〇村とか難易度かなり高いです。
市だけの出題に絞るモードがあってもよかったかも。
地名が表示されても、場所がわからないと見つけるのが大変かも。
ヒント オンでは答えられないようにしていて、回答するときはオフに戻すイメージ
技術的な話
- 使用したライブラリ
- Streamlit 1.52.0
- pydeck
良かった点。ちょっと前のバージョンからフレックスボックス レイアウトが使えるようになって嬉しいですね。以前は、横に並べようとしたらカラム一択でしたが、幅が変わるとスペースが気になる場面も多かったと思います。その点、これは良い感じに配置してくれるのでとても良い。今後はこれを多用していこうと思います。
背景。もともと GeoJSON を使った何かを pydeck で試してて、何か成果物を出すのにただ地図を表示するだけじゃ弱いなあ。どうしようかなあ…………ってときにクイズ形式で見せればいいんじゃね？ となってできたのがこのアプリです。
そんな思い付きをサクッと作ろうと、クイズページは GitHub Copilot で作りました。
変な文章になっても意味を汲み取ってくれますね
どんどん多機能になっていきますね
色々追加してみたけど結局使わないでシンプルにまとまったかなと思います。コードはどうだかわからないですけど。……っていうか、このコードに自分であれこれ弄る気になれないので、なんかやろうとしたら別のファイルで……となった結果、もう一つのページにクイズ機能が追加され、あれやこれやこねこねしました。
というわけで、このアプリのメインは実は一番最初に表示されるクイズではなく、2 つ目の方だったりしますね。
お時間のある方はぜひ両方触ってみてください。
おわりに
ぜひ、アクセスして触ってみてください。
そして、都道府県を覚えたい小中学生におすすめできそうならどしどし拡散してください。🫠
今年も残すところわずかとなりました。来年はもう少し発信していければなと思います。
それでは、皆さまどうぞ良いお年をお迎えください。来年もどうぞよろしくお願いいたします。
Discussion