みんなのトイレマップ

「みんなのトイレマップ」は、宮城県石巻市にある多目的トイレの情報をWebマップから知ることができるWebアプリです。様々なご事情を抱えておられる方が多目的トイレの詳細や写真を事前に知ることができます。

動画

開発素材

API

Leaflet

html

システム構成

leaflet.jsを使って、Googleマップを読み込んで宮城県石巻市内の地図を表示しています。 多目的トイレの情報を連想配列で持つようにしました。その配列には、多目的トイレの場所を地図に表示させるための緯度経度に加え、多目的トイレの機能についてはtrueとfalseで管理し、表示させる写真もさらに配列で管理しています。

フロントのチェックボックスで多目的トイレの機能をチェックすると、先に書いた用意した配列から、該当した場所をマッピングさせるようにして、個人の必要によって多目的トイレを調べることができます。 マッピングしたポップコンテンツに、モーダルを表示させるクリックイベントを設置し、そこをクリックすると、配列の情報に基づいて、多目的トイレの情報がモーダルで表示することができます。

さらに、GPSボタンを押せば、現在地の地図が表示され、一番近い多目的トイレを探すことが出来ます。

ストーリー

出先のお手洗いに困っている方々をご存知ですか？

「多目的トイレ」と表記されていても、多目的トイレのドアが、狭ければ車椅子ユーザーの方は利用できないかもしれません。 私は、車椅子を利用していませんが、私の学校の友人や、障がい者施設で一緒に働いた同僚の中には、車椅子ユーザーの方がおりましたので、こうした問題を耳にすることがありました。 それで、宮城県石巻市の社会福祉協議会様が、「石巻バリアフリートイレマップ」という冊子を知ったときに、この冊子をデジタル化することで、先に述べた問題に少しでも寄り添うことが出来るのではないかと考えました。 私が作った「みんなのトイレマップ」は、冊子をただWeb化するのではなくて、デジタル化することの強みを活かし、写真や多目的トイレの寸法や、ドアの幅、ドアストッパーの有無のなどを再調査して、さらにWebマップに含めてみました。こうしたサイトによって、車椅子ユーザーを含めた出先のお手洗いに、不安を抱える方が、事前に自分が使うことができる多目的トイレ知ることができるツールとなることが私の願いです。

追記 YouTubeの動画は、字幕をつけてご覧ください。 字幕全文は、下記となります。

みんなのトイレマップを作った、一般社団法人イトナブ石巻のPenです。

私は、宮城県石巻市社会福祉協議会様が発行した、「石巻バリアフリートイレマップ」という冊子をWeb化してみました。

これが実際の、みんなのトイレマップのwebページです。

leaflet.jsでGoogleマップを読み込み、冊子に基づいて、多目的トイレの場所をマッピングしました。

冊子の情報を参照に、エリアごとに見られるように、ヘッターを準備しました。

自分が必要とする多目的トイレを探すことができるように、チェックボックスを使って、多目的トイレの情報を絞ることも出来ます

こうして、マップを拡大することも出来ますし、GPSがある端末であれば、その場所の地図を開くことが可能です。

マッピングしたところをクリックやタップしますと、モーダルによって多目的トイレの情報を見ることができます。

サイトのUIに関しても、自分自身が身体の不自由を考慮して、押しやすいものに設計しています。

web化することで、より多くの情報を扱うことが出来ますので、冊子を基に再調査をし、写真などを含めることが出来ました。

宮城県石巻市内ですが、多目的トイレの情報を140箇所以上、載せております。

加えて、こうしてモバイルの端末でも、見ることができます。

こうしたサイトを作ることによって、車椅子ユーザーを含め、外出先でお手洗いにお困りになる方が、事前に多目的トイレの情報を知ることでき、こうした方々が、不安なく外出できるツールになることが出来るでしょう。

メンバー

• 

  Pen（菅原洋介） @penyow1031

  • 企画者
  • エンジニア
  • シビックテッカー

関連イベント

• ヒーローズ・リーグ 20232023-08-28 開催

同じニオイがする作品

• スポーツイベントの思い出アプリ
• PRISM
• PLATEAU_WINDOW
• 朝夕日和 | 一期一会の朝日と夕日を探しに行こう。