도쿄 지하철 실시간 #4. 최종 완성

2달 동안 글을 올리지 않았네요.

메인화면이 거의 그대로인 것 말고는 사실상 완성했어요.

 

이건 웹에서 접속한 모습

 

 

이건 앱을 실행한 모습. 안드로이드용 앱이고, iOS용 앱은 만들지 않았어요.

 

 

앱 내부에 웹을 띄우는 방식이고, 웹사이트가 본인이 앱 안에서 띄워졌는지 아닌지 감지해서 상단바 부분을 없애는 방식이에요.

웹사이트 그 자체도 앱인 것처럼 작동하도록 구현했는데, 아직 PWA도 구현하지는 않았어요.

 

 

도쿄 도영 지하철

도쿄도 교통국에서 운영하는 도에이 지하철 4곳. 아사쿠사선과 미타선

 

신주쿠선과 오에도선

 

 

오에도선의 경우, 순환선처럼 생겼지만 6자 모양으로 돌아 들어갔다가 반대 방향으로 다시 나오는 방식으로 운행해요.

 

 

교통국에서 운영하는 지하철은 아닌 궤도 노선이 2개 더 있지만, 법적으로 지하철은 아니기 때문에 이번 프로젝트에서는 제외되었어요.

 

도쿄메트로

히비야선, 긴자선, 마루노우치선. 긴자선은 아시아에서 가장 오래된 노선이고, 마루노우치선은 "지하철" 중 유일하게 도쿄역을 지나가요.

 

 

도자이선, 난보쿠선. 각각 동서선, 남북선이라는 뜻

 

 

유라쿠초선, 치요다선

 

 

한조몬선, 후쿠토신선

 

 

도에이(도영) 지하철은 실시간 열차 위치를 알려주는 Open API가 존재하는데, 도쿄메트로는 있었다가 사라졌어요.

그래서 도쿄메트로 열차 위치는 시간표 기반으로 구현된 상태에요.

 

 

웹 버전 주소

https://metro.sinz.me/tokyo/

도쿄 지하철 실시간 위치

 

앱 다운로드

https://github.com/sinz32/TokyoSubway/releases/tag/v1.0

Release 도쿄 지하철 실시간 v1.0 · sinz32/TokyoSubway

 

소스코드

앱 : Java 사용

웹 프론트엔드 : HTML, CSS, JavaScript 사용 (바닐라 웹)

웹 백엔드 : php 사용

https://github.com/sinz32/TokyoSubway

GitHub - sinz32/TokyoSubway: 도쿄 지하철 운행 정보 (열차 위치)

 

 

---

그리고 이제 이 프로젝트는 SinZ로 편입됩니다. 제외된 노선 2곳도 이미 SinZ에서는 구현 완료된 상태