jQuery Mobile」タグアーカイブ

列車時刻表(第1版)のファイル/データ説明

列車時刻表(第1版)で使用しているJSONファイル/データの説明。 コントロールファイル (tt_res3.json) 路線一覧や各路線のデータ更新日などを格納する。 路線データファイル (T9999999.json) … 続きを読む

カテゴリー: Development, Specification | タグ: , , | コメントする

列車時刻表(第1版)の画面一覧

ここまでの作業で、列車時刻表の第1版が完成した。画面は以下のとおり。 メイン画面 (#pgTTMain) 駅・路線を検索し、各一覧画面に遷移する。 路線一覧画面 (#pgTTLineList) 路線の一覧を表示し、駅一覧 … 続きを読む

カテゴリー: Development, Specification | タグ: , , | コメントする

列車時刻表(15) – ローカルストレージの管理

現在の実装では、ロードした路線データ(時刻表データ)をローカルストレージに保存している。ユーザ側で管理できるよう、使用中のローカルストレージの一覧を表示し、削除できるようにする。 設定画面(#pgTTSetting)に一 … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

列車時刻表(14) – 乗車予定一覧表(続)

前記事に引き続き乗車予定一覧表画面を修正する。 この画面が表示されるのは、 ・任意の画面からフッタの’RideList’ボタンをクリックしたとき ・列車から「下車」したとき で、後者については、下 … 続きを読む

カテゴリー: Development | タグ: , , | コメントする

列車時刻表(13) – 乗車予定一覧表

乗車予定リストをアコーディオンを使うように変更したので、アイテムに表示したボタンの処理を実現する。 列車時刻表ボタン この列車の’列車時刻表画面’に移動する。 乗車駅/下車駅時刻表ボタン この乗車 … 続きを読む

カテゴリー: Development | タグ: , , | 1件のコメント

列車時刻表(12) – 乗車予定登録の見直し(コード)

前記事の列車時刻表画面のコードイメージ。 実行例: つばさ121号を選択 大宮駅から乗車

カテゴリー: Development | タグ: , , | コメントする

列車時刻表(11) – 乗車予定登録の見直し

引き続き列車時刻表を作成していく。 画面遷移の変更 これまで、乗車予定の登録は、 ・列車時刻表画面(#pgTTTrain)で、乗車駅を選択したとき(下図) ・駅時刻表画面(#pgTTStation)で、乗車列車を選択した … 続きを読む

カテゴリー: Development | タグ: , , | 1件のコメント

jQuery Mobileの listview要素を ‘disable’ にする

あまり必要性はないかもしれないが、jQuery Mobileの listview要素を ‘disable’ にする、つまりリストには表示されるが、グレーアウトしてクリックなどの操作をできないように … 続きを読む

カテゴリー: Tips | タグ: | コメントする

jQuery Mobileでカスタムアイコンを使う(2)

jQuery Mobileで使えるアイコンを探していたら、’jQuery Mobile Icon Pack‘ を見つけた。 使い方は以下のとおり。 GitHubから一括ダウンロードする アイコンフ … 続きを読む

カテゴリー: Tips | タグ: | コメントする

jQuery Mobileでカスタムアイコンを使う(1)

jQuery Mobileで標準アイコン以外のアイコンを利用する方法。通常では、以下のように名前(例:’arrow-r’)を指定して表示するアイコンを指定する。 自前でアイコンを用意する場合は以下 … 続きを読む

カテゴリー: Tips | タグ: | コメントする