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

画像(写真)を表示するWebアプリを作成する。
今のところ、以下のコンセプトを想定。

• 画像の置き場所とアプリの置き場所は独立させる

javascriptファイルの配置場所は画像とは別にする。将来的には、picasaのような汎用の画像サービスとの連携を想定しているため。

• GPSデータと連携する

先に作成したGPSviewerと一体化していく想定。

前者を実現するため、画像に関する情報(URIなど)は外部ファイルで定義し、これを読み込んで画像を表示するアプリを作成する。
ということで、以下のアプリを順次作成していく。

• (1)画像情報ファイル作成アプリ

ローカルファイルを読み込み、ファイル情報を抽出してJSONファイルを作成する。ローカルファイルは別途FTPソフトで適宜の場所にアップロードする。

• (2)画像表示アプリ

(1)で作成したファイルを読み込んで、画像を表示する。

• (3)画像表示アプリ(GPS情報連携版)
• (4)画像情報ファイル作成アプリ(FTP機能追加版)

アプリ(1)にFTP機能を追加する。

• …

用意した画像関連ソフト

• 「リサイズ超簡単！Pro」

元の画像はサイズが大きいので、一般的なネットサービスでよくあるサイズに縮小しておくのに利用。リンク

• 「画像に連番入れツール」

テスト目的で、画像に連番を入れるのに利用。リンク