読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

東京メトロオープンデータ

Metro Infoの件

東京メトロオープンデータ活用コンテストのために作成したMetro InfoというWebアプリ。 http://www.sfpgmr.net/metrop/ 完成後放置したらなぜかChromeでは情報が更新されなくなっていた。コードを見てもおかしなところはなく、今もう一度開いてみたらちゃん…

東京メトロオープンデータ (9) ガベージコレクタをうまく働かす。

ブログを書いている暇もないほどにプログラミングに勤しんでいるといいたいところだが、無印良品の「人間をダメにするソファー」に体を預けてTVをだらだらと観て眠かったらそれで寝るというのがあまりのも心地よくて、休日は完全に無印ソファー廃人と化し…

東京メトロオープンデータ (8) アプリとしての体裁を整える

あと締め切りまで2週間くらいなので、アプリとしての体裁を整えているところである。 現在は列車ロケーション情報や路線情報はdct:validを考慮して読み込むようにしている。node.jsのsetTimeoutとかの精度が意外に良いのでちょっとびっくりもしている。まあ…

東京メトロオープンデータ (7) d3トランジションで動きを追加する

次のマイルストーンということで、90秒間隔で更新される列車ロケーション情報を使って、列車移動情報の更新時にアニメーション化するテストを行った。一定間隔(今は30秒間隔)で列車ロケーション情報を読んで、列車位置を更新する際にd3.jsのトランジション…

東京メトロ オープンデータ(6) 列車ロケーション情報 (odpt:Train)の表示

まあなんとか実装は続けている。ようやく列車ローケーション情報を路線図上にプロットできるようになった。オレンジ色の丸が停車中で、青色の丸が走行中で表示してみたところ。 青色の丸を経路上の中間地点にプロットする方法がわからず、相当悩んだ。愚直に…

東京メトロ オープンデータAPIをいじる(5) - QGISで情報を追加する。

3連休中になんとか国土地理院の鉄道データをもとに、列車ロケーション情報を路線図に表示するようにしたかったが、それは叶わなかった。QGISによるデータ加工作業が思いのほか時間がかかってしまったので。いやでもGIS周りの知識はほとんどないので、これで…

東京メトロ オープンデータAPIをいじる(4) - 路線図情報でハマっている。

列車位置情報を路線図にプロットしてみている。今のところ列車がいる駅のをオレンジ色に塗りつぶしているだけである。塗りつぶすのはクライアントサイドで行っている これでは何も面白くない。運行情報をチェックして遅延している路線をブリンクさせたりとか…

東京メトロ オープンデータAPIをいじる(3) - d3.jsのzoom behaviorによる拡大縮小・移動機能の実装

月曜日からZoomビヘイビアを使用した拡大縮小移動機能を実装している。 サンプルページ GitHUBリポジトリ 参考にしたのは以下のリンク。 Zoom to Bounding Box II Zoomable Geography タッチ操作に対応した画像ビューワーをJavaScriptで作るならD3.jsが便利 …

東京メトロ オープンデータAPIをいじる (2) - d3 + ectでレンダリングしてみた。

何とか描画することができた。 何とか路線図を描画できた。えらい時間がかかってしまったが。。 実際にSVGで描画したサンプルはこちら。 node.jsでAPIを呼び出し、d3.jsで東京都の境界情報と路線図をsvgで生成、最終的なレンダリングはectで行っていて、それ…

東京メトロ オープンデータAPIをいじる (1) - まずはAPIを呼び出してみる。

まずはnginxでプロキシしてみる。 まずはwww.sfpgmr.netで動かしているnginxに設定を入れてみることにした。/metro-api/(APIKeyなしのAPIパラメータ)で呼び出すと、東京メトロAPIサーバーに対してnginxがAPIを呼び出し、受け取ったデータをクライアントに返…

東京メトロ オープンデータAPIをいじってみることにする。

JSON-LDの良い勉強材料となりそうだ。 「東京メトロAPIテスト | GUNMA GIS GEEK」 を読んで、東京メトロAPIに興味を持った。東京メトロに関する情報をJSON-LD 化して提供してくれるようだ。データを活用したアプリのコンテストも催されている。 オープンデー…