jQuery Mobileで列車時刻表を試作(2) – OuDiaのデータを表示

前記事で作成したJSONでファイルを読み込んでjQuery Mobileで作成した画面で表示してみる。
サンプルはこちら。(まだ作成途中なので、動かない部分あり。)
まずは以下の画面を作る。

  • 路線リスト
    駅リストと列車リストにリンクする。
    mttview01
  • 駅リスト
    駅時刻表にリンクする。
    mttview02
  • 列車リスト
    列車時刻表にリンクする。
    mttview04
  • 駅時刻表
    列車時刻表にリンクする。
    mttview03
  • 列車
    駅時刻表にリンクする。
    mttview05

ここまでのコードは約250行。かなりコンパクトでもそこそこ動くものが作れる。

カテゴリー: Development タグ: , パーマリンク