カテゴリー
-
最近の投稿
- Eclipseで新しいGAEアプリケーションを作成する
- 乗車予定をスケジューラに登録する(3)
- Google Maps APIで画像の一部をマーカーとして使う
- 乗車予定をスケジューラに登録する(2)
- 乗車予定をスケジューラに登録する(1)
- 駅データベース(5) – ロケタッチのスポットIDを路線単位で取得する
- 駅データベース(4) – 登録したデータの管理
- 駅データベース(3) – アプリケーションにデータを登録する
- JavaScriptでCSVデータ(項目行あり)をJSON形式に変換する
- HTMLで画像と他要素の縦方向位置を揃える
- 駅データベース(2) – 位置情報サービスと連携
- JavaScriptのsetTimeout()でパラメータ付き関数を呼び出す
- 駅データベース(1) – データビューアの作成
- jQuery EasyUI の検索ボックス(SearchBox)を使う
- 列車時刻表(第1版)のファイル/データ説明
2024年5月 日 月 火 水 木 金 土 « 10月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 アーカイブ
メタ情報
最近のコメント
- JavaScriptでオブジェクトの配列から特定の要素の最大値を得る に 【コンピューター】 JavaScriptアプリケーションのためのデザインパターン 2013年09月19日 朝刊 | aquadrops * news より
- 乗車予定をスケジューラに登録する(2) に 時刻表から作成した乗車予定をスケジューラ(Google Calendar)に自動登録するアプリケーションの開発 | Try Lifelog より
- 乗車予定をスケジューラに登録する(1) に 時刻表から作成した乗車予定をスケジューラに自動登録するアプリケーションのコード説明 | Try Lifelog より
- JavaScriptでURLパラメータを取り扱う に JavaScriptでURLパラメータを取り扱う | Try Lifelog : ちゅどん道中記 より
- JavaScript でタイマーを使う(setInterval(),setTimeout()) に JavaScriptのsetTimeout()でパラメータ付き関数を呼び出す方法 | Try Lifelog より
「時刻表」タグアーカイブ
列車時刻表(10) – 乗車予定リストをアコーディオン表示する
列車時刻表の作成を継続する。これまで、保存した乗車予定は listview を使って一覧を表示してきたが、項目が多くなりそうなので、accordion で表示するように変更する。 各折り畳みブロックのヘッダ(‘ … 続きを読む
列車時刻表(9) – データストアに保存した乗車予定を表示する
前記事に引き続いて列車時刻表を作成する。これまで、検索した結果(乗車予定)をメモリ上に保持してきたが、GAE(Google App Engine)のデータストアに保存するようにし、あとで確認する画面を用意する。 乗車予定 … 続きを読む
列車時刻表(8) – 路線ファイルを端末に保存する
アプリケーションのオフライン動作対応の第一弾として、列車時刻を格納した「路線ファイル(JSON形式)」をローカルストレージに保存するように修正する。(路線ファイルをサーバからロードする頻度が減少する分、動作の高速化も期待 … 続きを読む
列車時刻表(7) – 乗車予定画面への遷移(共通フッタの利用)
前記事に引き続いて、乗車予定一覧画面への遷移を追加する。これまでのコーディングで、「列車時刻表画面」「駅時刻表画面」から乗車・下車アクションを実行したタイミングで乗車予定一覧画面に遷移していたが、それ以外の画面からも一覧 … 続きを読む
列車時刻表(6) – 乗車予定登録後の画面遷移
前記事に引き続いて、乗(下)車予定登録機能を実現する。 乗車指定時 乗車を指定したタイミングでは、まさに列車に「乗っている」状態なので、次のアクションとしては、その列車が通るいずれかの駅で降りることが想定される。そこで、 … 続きを読む
列車時刻表(5) – 乗車/下車予定を登録する
時刻表で調べた乗車・下車時刻と区間を登録できるようにする。実行サンプルはこちら。 列車を選択して「乗車」する 「駅時刻表」で右側のグリッドボタンをクリックして列車を選択して「乗車」する。 乗車内容の確認 列車を選択すると … 続きを読む
列車時刻表(4) – 駅・路線検索ページの作成
作成中の時刻表に、「駅名・路線名」検索ページを追加する。 追加後の実行サンプルはこちら。画面は以下の感じ。 検索文字を入力するテキストボックスの作成は、input要素で type=”search” … 続きを読む
jQuery Mobileでページ切替時にアニメーション効果を加える
jQuery Mobileでは、ページ切替時にアニメーション効果を加えることができる。具体的には、”fade”,”pop”といった効果が用意されている。サンプルはここで確認 … 続きを読む
列車時刻表の試作(4) – 上り/下り列車の表示 -
時刻表の表示の際、上り・下り列車を選択的に表示する。選択にはjQuery Mobileの「チェックボックス」を利用する。似たウィジェットである「ラジオボタン」では、複数の選択肢から1つのオプションしか選べないが、チェック … 続きを読む
列車時刻表の試作(3) – 曜日の切り替え -
時刻表データは「平日」「土曜」「休日」の3種類からなり、現在は路線ごとに1つのJSONファイルに格納している。どの曜日のデータを表示するかはナビゲーションバーにより選択する。 時刻の部分のデータ形式は以下のイメージになっ … 続きを読む