1県をえらぶ地図かメニューを押す
2市町村をえらぶマウスを置く・タップ
3グラフで発見男女・年齢を読み取る
通常時は自治体をグレーで表示し、選択した地域だけを淡色地図で示す日本地図。複数選択は重複を除いて合計し、施設カードを押すと選んだ種類の施設位置だけを表示します地図を準備しています…
100 km
日本全体選択

いろんな学校Mapの使い方

  1. 日本全景では日本全国を、県境が見える倍率では都道府県を、市町村境が見える倍率では市町村を押します。表示中の境界と選択対象は一致します。
  2. 選択した地域だけが、拡大率にかかわらず国土地理院の淡色地図になります。周囲の地域はグレーで表示され、淡色地図のまま別の地域を追加・解除できます。同じ県とその県内市町村は重ねて選べません。市町村を選択中にその県を選ぶと、市町村の選択を外して県へ切り替えます。
  3. 複数の地域を選ぶと、市町村の重複を除いて自動的に一つへ合計し、合計人口・面積・人口ピラミッド・学校種別の施設数を表示します。地域別の人口ピラミッド比較画面は表示しません。
  4. 「学校種選択」のカードを押すと、選択した全地域について、その種類の施設だけを地図に表示します。施設は校種ごとに色分けした●で表示します。密集地は同じ色の「120校」のような件数表示になり、拡大すると個別の●へ切り替わります。個別の●は、マウスでもタッチでも、1回目に押すと学校名を表示します。地図を移動・拡大縮小しても選択と学校名は維持され、同じ●または表示された黒背景の学校名をもう一度クリックまたはタップするとGoogle検索を開きます。別の●または●のない場所を押すと選択が切り替わるか解除されます。
  5. 施設一覧の名前にマウスを置くと、学校が画面内に入るまで自動的に縮小して対応する●が点滅します。施設名をクリックまたはタップすると、その学校を地図に表示して黒背景の学校名を出します。Google検索は、地図上の同じ●または表示された黒背景の学校名をもう一度押した場合だけ開きます。施設一覧を表示している間は地図の移動・拡大縮小だけができ、自治体の追加・解除は、上部のホームボタンで一覧を閉じるまで一時停止します。リセットボタンを押すと、選択自治体と学校種をすべて解除して、日本全体の初期表示へ戻ります。

地図の見方:通常の自治体はグレーで表示し、選択した範囲だけに淡色地図を表示します。人口は右側の統計と人口ピラミッドで確認できます。

10回の使いやすさ改善

    いろんな学校Mapについて

    このソフトは、数年後に始まる「情報・技術科」の授業を見据え、CSVやWeb APIなどの公開情報とAIによるバイブコーディングで、どのようなアプリを作れるか検証するため、2026年8月に2日間で制作しました。

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

    全国の学校の所在地を調べ、学校ホームページをすぐに確認できます。作者が権利を有する部分はCC BY 4.0で公開しています。詳しい適用範囲は「外部通信・ライセンス」をご確認ください。

    2026/08/16 川俣 純

    外部通信・ライセンス

    このアプリは、地図や最新の集計を表示するために3種類の外部サービスへ通信します。主な人口・施設データはHTML内に収録しており、外部CSVやCDNライブラリは読み込んでいません。

    画面を使うときに通信するサービス

    • 統計ダッシュボードAPI:児童・生徒数、教員数、学級数などの集計にJSONを利用します。API仕様 / 利用規約
      「このサービスは、統計ダッシュボードのAPI機能を使用していますが、サービスの内容は国によって保証されたものではありません。」
    • 国土地理院:淡色地図・白地図のPNGタイルを表示します。出典表示が必要です。地理院タイル仕様 / 利用規約
    • Geoshapeリポジトリ(国立情報学研究所):精密な市区町村境界のTopoJSONを取得します。ライセンスはCC BY 4.0です。データ案内 / CC BY 4.0

    HTML内に収録済みのデータ

    人口・年齢・面積(2020年)、図書館(2021年)、学校P29(2023年度)、福祉施設P14(2023年度)などを加工して収録しています。

    国土数値情報の利用規約
    学校データP29 / 福祉施設データP14

    通常表示用の行政区域はSmartNews Media Research Instituteの japan-topography(MIT License)を加工しています。

    CSV・外部ライブラリ

    • 公開CSVの外部読込:なし。画面の「CSVで保存」は、このアプリ内のデータを書き出す機能です。
    • CDNライブラリ:なし。CSSとJavaScriptはHTML内にあり、地図操作・グラフ・CSV保存はブラウザ標準機能で動作します。

    いろんな学校Mapのライセンス

    本アプリのうち、川俣 純が著作権を有する説明文、画面デザイン、独自の編集・構成部分は、Creative Commons 表示 4.0 国際(CC BY 4.0)で提供します。

    CC BY 4.0の対象外:HTML内に収録した人口・学校・福祉施設・図書館・行政区域等の第三者データ、および実行時に外部から取得する地図・境界・統計データは、CC BY 4.0の対象外です。これらには、それぞれの提供元が定める利用条件が適用されます。

    再利用・改変・再配布する場合は、本アプリの作者表示に加えて、各データ提供元が求める出典表示、加工・編集の表示、利用規約および第三者の権利に従ってください。

    ライセンスは無保証であり、第三者が持つ著作権・商標権・特許権・肖像権など、すべての権利を許諾するものではありません。

    内容確認:2026年8月19日

    このアプリはHTMLファイル1個だけで動作します。端末にダウンロードすれば、ご自身の端末で自由に改変することができます。ぜひバイブコーディング等で改変してみてください。