JSON」タグアーカイブ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQuery EasyUI の PropertyGridを使う(2)

PropertyGridを使う際、表示する内容が固定されているケースでは、最初にデータを読み込んでしまえば完了だが、値が動的に変わる場合に備えて関数を用意しておく。 今回は「Key & Value」の「Key」 … 続きを読む

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

javascriptオブジェクトをJSON形式に変換する

最近のブラウザでは、オブジェクトをJSON文字列に変換する JSON.stringify()、逆にJSON文字列をオブジェクトに変換する JSON.parse() が標準で用意されている。 space(省略可)を利用して … 続きを読む

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