杉並区のごみ収集日を、日付ごとに地図で確認できるマップを作った。
可燃ごみ、不燃ごみ、びん・かん・プラ、古紙・ペットボトルを、選んだ日付に合わせて町丁目ごとに色分けして表示できる。 町丁目名も地図上に出るようにしたので、自分の地域を見つけやすくなっている。
作ったものはここから見られる。
作ろうと思った理由
先に、中野区のごみ収集マップを作った。
日付を選ぶだけで、町丁目ごとに「今日は何ごみの日か」が地図で見えるようにしたものだ。 実際に作ってみると、自治体のごみ収集データと町丁目の地図データがうまく合えば、別の自治体でも同じように作れることが分かった。
そこで次に、杉並区でも同じようなマップを作ってみることにした。
中野区版はこちら。
杉並区版でできること
今回作った杉並区ごみ収集マップでは、以下のことができる。
- 今日・明日・明後日のごみ収集種別を確認
- 日付を指定して、その日のごみ収集種別を確認
- 杉並区139町丁目を地図上で表示
- 町丁目ごとに、その日のごみ種別で色分け
- 町丁目名を地図上に表示
- 町丁目を押して、その地域の収集内容を確認
- 町丁目名で検索
- 地図の拡大・縮小
- iPhoneでも表示確認済み
マップ本体
下にマップを表示している。 表示されない場合や、画面が小さくて見づらい場合は、別画面で開く方が使いやすい。
杉並区ごみ収集マップを別画面で開く https://pilnmeness.com/tools/suginami-gomi-map/index.html
使い方
- 「今日」「明日」「明後日」ボタン、または日付入力から確認したい日を選ぶ。
- 地図上の町丁目が、その日のごみ種別に合わせて色分けされる。
- 気になる町丁目を押すと、詳しい収集内容が表示される。
- 町丁目名を探したい場合は、検索欄に地名を入れる。
- 地図が小さい場合は、右上の「＋」「−」で拡大・縮小する。
- 町名表示が見づらい場合は、「町名」ボタンで表示・非表示を切り替える。
表示できるごみ種別
杉並区版では、以下の種別を地図上で確認できる。
- 可燃ごみ
- 不燃ごみ
- びん・かん・プラ
- 古紙・ペットボトル
中野区版では古紙・古布が番地単位で少し複雑だったため別モードにしたが、杉並区版ではCSV内に「古紙・ペットボトル」の曜日情報がまとまっていた。 そのため、通常のごみ種別と同じように、日付ごとの色分け対象として扱っている。
使ったデータ
今回使ったのは、杉並区のごみ収集曜日CSVと、杉並区の町丁目境界データだ。
CSVには、町名ごとに以下のような曜日ルールが入っていた。
- 可燃ごみ
- 不燃ごみ
- びん・かん・プラ
- 古紙・ペットボトル
町名は「阿佐谷北1～6丁目」「井草4・5丁目」のようにまとまっているものもあったので、AIに相談しながら町丁目ごとに展開した。 最終的には、杉並区139町丁目分の地図データと収集曜日データを結合できた。
曜日ルールは、2026年5月時点で確認した杉並区の収集曜日データをもとにしている。
中野区版から流用できたところ
中野区版を先に作っていたので、杉並区版はゼロから作ったわけではない。
流用できたのは、以下の部分。
- 日付を選んで曜日を判定する処理
- 今日・明日・明後日ボタン
- 町丁目ポリゴンをSVGで表示する仕組み
- 町丁目クリック時の詳細表示
- 地図の拡大・縮小
- iPhoneでも動きやすいHTML単体形式
一方で、杉並区版では町名の展開や、ごみ種別名、CSVの列名、町丁目データとの結合部分は作り直した。 自治体ごとにデータの形式が違うので、ここはそのままコピーでは済まなかった。
町名表示も追加した
最初の杉並区版では、地図の色分け自体はできていた。 ただ、杉並区は町丁目が多く、地図だけだと自分の地域を探しにくかった。
そこで、地図上に「阿佐谷北1」「荻窪3」「和泉2」のような町名ラベルを表示するようにした。
ただし、ラベルが多いと画面が少し混みやすい。 そのため、「町名」ボタンで表示と非表示を切り替えられるようにしている。
iPhoneでも確認した
中野区版のときは、ChatGPTのファイルリンクから直接HTMLを開いたせいで、iPhoneではマップが表示されなかった。 その後、サーバーにアップロードして通常のWebページとして開くことで、iPhoneでも表示できることを確認した。
杉並区版でも、同じようにサーバー上へアップロードして、iPhoneで表示・操作できることを確認した。
注意点
このマップは、杉並区公式のサービスではない。 個人が作成した非公式のごみ収集マップです。
表示内容は、公開されている収集曜日データや地図データをもとに整理しているが、すべての情報の正確性・最新性を保証するものではない。 実際にごみを出すときは、杉並区公式サイト、地域の掲示、集積所の案内、管理会社の案内なども確認してほしい。
年末年始、災害時、臨時変更、地域ごとの個別事情などにより、通常の収集日と異なる場合がある。
このページの曜日ルールは、2026年5月時点で確認したデータをもとにしている。 今後、杉並区の運用が変わった場合、表示内容と実際の収集日が異なる可能性がある。
作ってみて分かったこと
中野区版を作ったあとに杉並区版を作ってみて、自治体ごみ収集マップは横展開できることが分かった。
ただし、完全に同じ作り方で量産できるわけではない。 自治体ごとに、CSVの形式、町名の書き方、ごみ種別、収集ルール、町丁目境界のデータ形式が違う。
つまり、画面や仕組みは流用できるけど、データ変換の部分は自治体ごとに調整が必要になる。
それでも、最初に中野区版を作っていたことで、杉並区版はかなり早く作れた。 一度型ができると、別の自治体にも広げられる可能性が見えてくる。
まとめ
杉並区のごみ収集日を、日付ごとに町丁目別で確認できるマップを作った。
今日・明日・明後日を押すだけで、その日のごみ種別が地図上で色分けされる。 町名も表示できるので、自分の地域を探しやすい。
中野区版に続いて、杉並区版も実用できる形までは作れたと思う。
杉並区に住んでいる人、引っ越し前後でごみ出し日を確認したい人、町丁目ごとの収集日を見たい人には、少し役に立つかもしれない。
必要な人は使ってみてほしい。
中野区版はこちら。
