「Chiibus-map」の版間の差分

提供: fukudat.net
ナビゲーションに移動検索に移動
 
(同じ利用者による、間の6版が非表示)
1行目: 1行目:
 +
[[Image:chiibus-map-mobile-icon.png|left|40px|link=https://fukudat.net/chiibus-map]]
 
[https://www.metro.tokyo.lg.jp/ 東京都][https://www.city.minato.tokyo.jp/ 港区]の[[wiki-ja:コミュニティバス|コミュニティバス]]「[[wiki-ja:ちぃばす|ちぃバス]]の運行状況をリアルタイムで表示するアプリケーション。
 
[https://www.metro.tokyo.lg.jp/ 東京都][https://www.city.minato.tokyo.jp/ 港区]の[[wiki-ja:コミュニティバス|コミュニティバス]]「[[wiki-ja:ちぃばす|ちぃバス]]の運行状況をリアルタイムで表示するアプリケーション。
http://fukudat.net/chiibus-map で稼働している。[[Category:fukudat.net]][[Category:How-To]]
+
http://fukudat.net/chiibus-map で稼働している。[[Chiibus-map-mobile|iOS版はこちら]]を参照。
 +
[[Category:fukudat.net]][[Category:How-To]]
 +
 
 +
== QRコード ==
 +
[[Image:chiibus-map-qr.png|link=https://fukudat.net/chiibus-map]]
  
 
== What's New ==
 
== What's New ==
Docker Container化した。
+
Docker Container化した。[[Projects/Chiibus-map|プロジェクト]]参照。
  
 
== 免責 ==
 
== 免責 ==
9行目: 14行目:
  
 
もし問題を発見したら[[User:Fukudat]]にご連絡ください.
 
もし問題を発見したら[[User:Fukudat]]にご連絡ください.
 
== どうやって動いているか(備忘録) ==
 
内部構造は、
 
<pre>
 
フロントエンド (Web サーバー) →[リバースプロキシ]→ バックエンド (API サーバー) →[http]→[ばすくるサービス]
 
</pre>
 
となっていて、[[google:docker-compose|docker-compose]] で制御された container 上で動いている。
 
 
=== Webサーバー ===
 
 
[[google:angular+-angularjs|angular]] でWeb UIを記述。地図コンポーネントには[[google:angular-google-map|AGM]] を使用。
 
ちいばすの運行状況取得のために、後ろのAPIサーバをhttp越しに呼び出す。
 
Web server には[[google:nginx|nginx]]を選択。nginx公式docker imageをベースに、[[google:node|node]] と [[google:angular+-angularjs|angular/cli]] をインストール。
 
 
=== APIサーバー ===
 
 
[[google:gunicorn|gunicorn]], [[google:python+flask|flask]] で RESTful API風に仕立てる。
 
http://www.buskuru.com/chiibus/pc/index.php からリアルタイムの運行データを取得している。
 
 
[[Category:How-To]][[Category:fukudat.net]]
 

2020年6月12日 (金) 12:08時点における最新版

Chiibus-map-mobile-icon.png

東京都港区コミュニティバスちぃバスの運行状況をリアルタイムで表示するアプリケーション。 http://fukudat.net/chiibus-map で稼働している。iOS版はこちらを参照。

QRコード

Chiibus-map-qr.png

What's New

Docker Container化した。プロジェクト参照。

 免責

当然のことながら無保証です.

もし問題を発見したらUser:Fukudatにご連絡ください.