「javascript」タグアーカイブ

画像情報ファイルにEXIFデータを追加する

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

JavaScriptで画像のEXIFデータを読み取るには、Javascript EXIF Reader が便利だ。jQuery版も用意されていて、これを使うとサーバにある画像のEXIFデータを、クライアントサイドで抽出す … 続きを読む →

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

JavaScriptのクロージャをループ内で定義する時の技

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

JavaScriptのクロージャは便利だが、forなどのループ内で繰り返し呼び出したい場合は、変数のスコープに注意する必要がある。特に、ループカウンタの値を参照するようなケースでは、ループ内で擬似的にfunction() … 続きを読む →

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

画像表示アプリの作成(3) – 画像表示機能の実現

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

｢画像情報ファイル｣を読み込んで、画像を表示するWebアプリを作成する。以下のサンプルでは、テスト画像を30個表示している。 imgview03.html 画面レイアウトには jQuery EasyUI を使う 上パネル … 続きを読む →

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

画像表示アプリの作成(2) – 画像情報ファイルの作成

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

画像ファイルの命名規則 画像ファイル名は、撮影日時(＝ファイルの作成日時)をもとに、YYMMDD-HHMMSS 形式とする。 例えば、2012年9月8日午後2時31分31秒に撮影された画像ファイル名は、120908-14 … 続きを読む →

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

画像表示アプリの作成(1) – コンセプト＆準備

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

画像(写真)を表示するWebアプリを作成する。 今のところ、以下のコンセプトを想定。 画像の置き場所とアプリの置き場所は独立させる javascriptファイルの配置場所は画像とは別にする。将来的には、picasaのよう … 続きを読む →

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

URLパラメータで読み込むファイル・自動トラッキングを指定する

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

URLパラメータで、読み込むJSONファイル名と自動トラッキングする/しないを指定できるようにする。URLパラメータの取得方法は、この記事を参照。動きは以下のとおりを想定。 ファイル指定の有無(gpsjson)を確認する … 続きを読む →

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

JavaScriptでURLパラメータを取り扱う

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

javascriptでGETパラメータを受信するには、getUrlVars() 関数を使うと便利。 これを使うと、パラメータの内容を連想配列に入れてくれる。 例えば、 http://tripliferec.appspot … 続きを読む →

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

JSONファイルの作成・読込機能を実現する

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

これまでの成果をまとめて、アップロードしたGPSデータをJSON形式に変換し、変換したJSONファイルを読み込んで、内容を Google Mapsに表示する機能を実現する。JSONファイルはサーバ側に配置しておき、GUI … 続きを読む →

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

ブラウザのファイルアップロード時のボタンを画像ボタンに変更する

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

ファイルをアップロードしたいときはブラウザの機能(input)を使うことになるが、その際表示されるボタンを画像ボタンに変える方法。結論から言うと、 – input要素を非表示とし、 – 用意した画像ボタンをclickした … 続きを読む →

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

jQueryでimageボタンのイベントを処理する (enabled/disabled関連)

投稿日: 2013/02/12 作成者: admin

まだ確認中だが、画像を利用したボタンをdisabled(＝使えない)にしようとしてうまくいかなかったので、回避策について。 次のようなimageボタンを作成し、イベントハンドラを用意した。 このボタンをchromeでクリ … 続きを読む →

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