月別アーカイブ: 2013年5月

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

投稿日: 2013/05/31 作成者: admin

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

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

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

投稿日: 2013/05/30 作成者: admin

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

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

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

投稿日: 2013/05/29 作成者: admin

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

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

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

投稿日: 2013/05/28 作成者: admin

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

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

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

投稿日: 2013/05/27 作成者: admin

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

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

列車時刻表(10) – 乗車予定リストをアコーディオン表示する

投稿日: 2013/05/26 作成者: admin

列車時刻表の作成を継続する。これまで、保存した乗車予定は listview を使って一覧を表示してきたが、項目が多くなりそうなので、accordion で表示するように変更する。 各折り畳みブロックのヘッダ(‘ … 続きを読む →

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

jQuery Mobileのアコーディオン(collapsible set)に動的に項目を追加する

投稿日: 2013/05/25 作成者: admin

jQuery Mobileのアコーディオンを使う際の注意点。リストビューと同様、項目追加が完了したタイミングで、表示を更新する必要がある。アコーディオンでは、以下の2つの要素に対して更新を行う。collapsible は … 続きを読む →

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

jQuery Mobileのアコーディオンを使う

投稿日: 2013/05/24 作成者: admin

jQuery Mobileのアコーディオン(開閉可能なブロック)を使ってみる。 基本的な使い方 各ブロックを’collapsible’で指定し、閉じたときのタイトルをヘッダ要素(h1..h6)で記 … 続きを読む →

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

列車時刻表(9) – データストアに保存した乗車予定を表示する

投稿日: 2013/05/24 作成者: admin

前記事に引き続いて列車時刻表を作成する。これまで、検索した結果(乗車予定)をメモリ上に保持してきたが、GAE(Google App Engine)のデータストアに保存するようにし、あとで確認する画面を用意する。 乗車予定 … 続きを読む →

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

jQuery Mobileでセレクトメニューを使う

投稿日: 2013/05/23 作成者: admin

jQuery Mobileでセレクトメニューを使う方法。HTML標準のselect要素は 自動的に jQuery Mobileのインターフェースに変換される。 基本的な使用法 標準HTMLのselect要素を記述すると以 … 続きを読む →

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