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

配列を逆順(降順)にソートする(JavaScript)

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

JavaScriptで配列をソートするには、Array.sort() を使うが、逆順(降順)にソートするには、sort() の引数に関数を記述すればよい。 sort()の引数に「降順になっていたら正の値を返す」関数を指定 … 続きを読む →

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

配列から重複した要素を取り除く

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

(2013年6月修正) jQueryのunique()は、文字列には使えないようだ。 Description: Sorts an array of DOM elements, in place, with the dup … 続きを読む →

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

ローカルストレージを利用して端末にデータを保存する(HTML5)

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

HTML5では端末にデータを保存するためのWeb Storage という仕組が用意されている。Web Storage にはセッション中のみ有効な Session Storage と、永続的に有効な Local Stora … 続きを読む →

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

列車時刻表(8) – 路線ファイルを端末に保存する

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

アプリケーションのオフライン動作対応の第一弾として、列車時刻を格納した「路線ファイル(JSON形式)」をローカルストレージに保存するように修正する。(路線ファイルをサーバからロードする頻度が減少する分、動作の高速化も期待 … 続きを読む →

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

JavaScriptでブラウザのオンライン/オフライン状態を確認する

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

作成中のWebアプリを、オフライン状態でも動作するように改良していくにあたり、ブラウザの今の状態を知る必要があるが、これはブラウザに組み込みのオブジェクトである navigator のonLine プロパティを使えば簡単 … 続きを読む →

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

列車時刻表(7) – 乗車予定画面への遷移(共通フッタの利用)

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

前記事に引き続いて、乗車予定一覧画面への遷移を追加する。これまでのコーディングで、「列車時刻表画面」「駅時刻表画面」から乗車・下車アクションを実行したタイミングで乗車予定一覧画面に遷移していたが、それ以外の画面からも一覧 … 続きを読む →

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

列車時刻表(6) – 乗車予定登録後の画面遷移

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

前記事に引き続いて、乗(下)車予定登録機能を実現する。 乗車指定時 乗車を指定したタイミングでは、まさに列車に「乗っている」状態なので、次のアクションとしては、その列車が通るいずれかの駅で降りることが想定される。そこで、 … 続きを読む →

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

jQueryで手動(コード)でイベントを発生させる

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

jQueryのアプリで手動でイベントを発生させたい場合は、trigger() を使う。対象となるイベントにはコードで追加したカスタムイベントも含まれる。 使用法： 使用例：

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

列車時刻表(5) – 乗車/下車予定を登録する

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

時刻表で調べた乗車･下車時刻と区間を登録できるようにする。実行サンプルはこちら。 列車を選択して「乗車」する 「駅時刻表」で右側のグリッドボタンをクリックして列車を選択して「乗車」する。 乗車内容の確認 列車を選択すると … 続きを読む →

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

列車時刻表(4) – 駅・路線検索ページの作成

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

作成中の時刻表に、「駅名・路線名」検索ページを追加する。 追加後の実行サンプルはこちら。画面は以下の感じ。 検索文字を入力するテキストボックスの作成は、input要素で type=”search” … 続きを読む →

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