いろんな学校Map

このソフトは、数年後に始まる「情報・技術科」の授業を見据え、CSVやWeb APIなどの公開情報とAIによるバイブコーディングで、どのようなアプリを作れるか検証するため、Codex(ChatGPT 5.6Sol極高)を用いて、2026年8月に2日間で制作しました。公開情報を元にするだけで、何ができるのかイメージをもってもらうために見本としてつくりました。

国土地理院、統計ダッシュボード、国土数値情報・学校データを組み合わせ、統一感のあるUIにまとめています。公開データを活用したWebアプリ制作のテストケースです。

使い方は簡単です。自分が確認したい都道府県または市町村を地図を拡大縮小しながらクリックで選びます(複数選択もできます)。その上で表示されたボタンの中から、みたい学校種を選んでクリックしてみてください。地図は「FIT」ボタンを押せばピッタリの縮尺に収まります。拡大していって、地図上の特定の学校をクリックするとその学校のホームページ検索になります。右側のリストから検索することもできます。

★以下のURLから使えます★
https://jkawamata.github.io/various_schools/

全国の学校の所在地を調べ、学校ホームページをすぐに確認できます。CC BYで公開しますので、必要に応じて改変してご活用ください。

 

 

Footer Image

投稿者プロフィール

kawamata
つくば市の中学校で技術科教師をしています。
10年後を考えて実践の毎日です!

関連するお勧め教材

\ 最新情報をチェック /


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください