지바현의 서포트 정보의 지도를 종이로 깨끗이 인쇄할 수 있는 사이트를 만들었다

지바현 남부에서는 정전이 계속되어 힘든 상황인 것 같습니다. 엔지니어는 엔지니어답게, 코드로 공헌할 수 있는 곳이 있으면이라고 생각해 활동하고 있습니다.

그래서 뭔가 도움이 되었으면 좋겠다 이전 히로시마의 홍수 때에 만든 인쇄 프로젝트를 다시 가동했습니다.

한마디로, 아래와 같이 A4 세로형으로 서포트 정보의 지도를 표시할 수 있는 것입니다.



ㅡㅡㅜㅜㅜㅜㅜㅜㅜㅜㅜ 기주 b. 이오/마 p린 t/마 p. HTML 에서 액세스할 수 있습니다.

대원의 데이터는, 허가를 얻어 【치바】휘발유 (빨강 : 무사, 흑점 : 미확인) · 급수 · 피난소 · 휴대 충전 · 무료 Wifi 로부터 다운로드해 사용해 주셨습니다. 귀하의 손으로 Google 내 지도를 사용하여 데이터를 수집합니다. 훌륭한 활동에 감사드립니다. (최소 1일 1회 정도는 수작업으로 취입 작업을 하고 있습니다.)

다만, 원 데이터에 위도 경도가 들어 있지 않은 것이 많아, 모든 서포트 정보가 들어가 있는 것은 아닙니다. 조심하세요.

종이지도 놀라운

PC에서 보면 Google 마이맵 그대로도 충분히 사용할 수는 있지만, 노인은 어렵고 정전하고 있기 때문에 원래 볼 수 없다는 분도 많다고 생각합니다. 그런 때에 편리한 것이 「종이의 지도」입니다. 할머니에게 그대로 건네줄 수도 있고, 피난소에 붙여 둘 수도 있습니다. 복사도 가능하고 편의점도 가능합니다. 자신의 정보를 쓰고 사용할 수도 있습니다.

사용법은 간단. 위의 사이트로 이동하여 표시할 범위를 지정하고 "A4로 인쇄"버튼을 누르면 됩니다. (너무 표시 범위가 너무 넓으면, 리스트가 너무 길어져 버리므로 주의.)

꼭 치바현 분에게 전해 주셨으면합니다.

컨트리뷰터 모집!

왜 Qiita에게 이 기사를 쓰고 있는가 하면, 아직도 개선점이 있기 때문에, 엔지니어나 디자이너 여러분에게 도움을 주셨으면 합니다.

htps : // 기주 b. 코 m / 코데 후 ぉ r 판 / 마 p 린 t 에서 오픈으로 개발하고 있으므로 꼭 도와주세요. 참여 방법은 README.md 및 CONTRIBUTE.md를 참조하십시오.

Issues 의, good first issue 라벨이 붙은 것은, 비교적 간단한 수정이므로, 뭉치기 쉽습니다.

기술로서는, 프레임워크에 Middleman + npm + Gulp 를 사용하고 있어, 커밋의 타이밍으로 CircleCI 경유로 코드를 배치해, GitHub Pages 에 정적 호스팅을 하고 있습니다. 지도 라이브러리는 MapboxGL.js를 사용합니다.

초보자도 대환영입니다. 모금이나 자원 봉사 이외에도 무언가 손을 움직이고 싶은 분, 꼭 부탁드립니다. 오픈 소스 프로젝트에의 참가가 처음이라고 하는 분에게도 정중하게 서포트합니다.

어떤 작업이 있습니까?

"favicon이 없기 때문에 만들고 싶다!" 이나 "스마트폰으로 볼 때 표시가 이상하다" 와 같은 간단한 것으로부터, "jQuery 그만두고 Vue.js로 마이그레이션하고 싶습니다." 이나 「돌관 대응으로 날려버린 테스트 코드를 재작성하자」
같은 난이도가 높은 것까지 다양한 작업이 있습니다.

이 사이트 자체는 궁극적으로 여러 지도를 서비스할 수 있다고 생각합니다.

또, 사용하고 있어 「이런 쪽이 좋다」라고 하는 제안이나, 발견한 불편을 새로운 Issue로서 등록하는 것만으로도 훌륭한 공헌이며, README등의 문서를 충실해 주시는 것도 고맙습니다.

배경 정보가 적어 확인하고 싶은 것이 있는 환경 구축으로 망설였다는 것이 있으면 그것도 Issue를 사용해 들어 보세요.

Code for Japan의 Slack에 이번 프로젝트용 채널도 있으므로 꼭 가입해 주세요.