検証特集：クラウドの“クライアント”としてRIAを試す（2）

Amazon S3とAdobe AIRで“クラウドRIA”を作ってみた

クラスメソッド株式会社
福田寅成
2009/9/29

昨今関心が高まる一方のクラウドだが、クラウドの“クライアント”についてはあまり取り上げられないのが現状だ。本連載では、同じく未知の可能性を秘めるRIAをクライアントにして、サンプルを基にクラウドとの連携アプリケーションを検証していく

　前回の連載第1回「6つの主要クラウドとRIAの現状を総ざらい」では、「クラウド・コンピューティング」（以下、クラウド）とRIA（Rich Internet Application）／リッチクライアントの近況をまとめましたが、今回はより具体的に、クラウドでストレージサービスを提供しているAmazon S3とRIAとしてAdobe AIR（以降、AIR）を組み合わせて利用するアプリケーションを作成したいと思います。

クラウドの老舗によるWebストレージ「Amazon S3」

　Amazon S3は、米アマゾンが提供する、代表的なクラウド版のオンラインストレージ（以降、クラウドストレージ）です。キー（ファイル名）とバリュー（保存するオブジェクト）だけを指定する形の非常にシンプルなストレージとなっています。

　ディレクトリに相当する「バケット（Bucket）」は上限100個しか作成できなかったり、Amazon S3全体で一意である必要があるなど制限があります。

　ぱっと見は非常にシンプルですが、流石に歴史のあるクラウドストレージなので、本格的な業務利用を想定した細かい機能が豊富に用意されています。この点に関してはAmazon S3のドキュメントを参照してみてください。

Amazon Simple Storage Service (Amazon S3) via kwout

　価格面や機能面の概要理解は、下記記事を参照してください。

http://www.atmarkit.co.jp/news/200901/09/s3.html

クラウド型ストレージ「Amazon S3」は安いか？－＠IT via kwout

Amazon S3のデータ構造を体験できるAIRアプリ

　今回はサンプルとして、デスクトップからAmazon S3を直接参照するアプリケーションを作成します。このアプリケーションを触ってみると、Amazon S3のデータ構造がどうなっているかを体験できます。アプリケーションはAIRベースでFlexを用いて作成します。AIR開発に関しては下記記事などを参照してください。

http://www.atmarkit.co.jp/fwcr/index/index_airwidget.html

連載インデックス「作って学ぶAIRウィジェットの基礎→応用」 - ＠IT via kwout

　まずは完成品を、こちらからダウンロードしておいてください。サンプルアプリの動く様子は、以下のようになります。

図1　バケット一覧

図2　オブジェクト一覧

□ 機能

KeyRegisterViewでAmazon S3のキーを（暗号化されたローカル領域に）登録（ツールの「キーの登録」で呼び出せる）
バケット一覧を表示
バケット一覧内のバケットをダブルクリックするとバケット内のオブジェクト（ファイル）一覧を表示

図3　S3キー登録画面

□ YUI風のアーキテクチャ

　今回はAIRベースでRIAを作成しています。基本的には、YUI風のアーキテクチャで作成しています。YUIに関しては、以下の記事を参照してください。

http://www.atmarkit.co.jp/fwcr/special/yui01/yui01_1.html

Flex/AIR開発でデザイナとの協業を楽にする「yui」（1/3） - ＠IT via kwout

　YUI“風”ですので、YUIは使っていませんが、クラス構成は同じです。

表　サンプルのクラス構成

コンポーネントタイプ	ファイル名	役割
メインアプリケーション	AtmarkitAwsS3.mxml	アプリケーション全体。処理は基本的に記述せず
View	MainView.mxml	S3データ一覧表示画面
View	KeyRegisterView.mxml	S3のキーをアプリケーションに登録する画面
Action	MainAction.as	MainViewに対するイベントハンドラ群
Action	KeyRegisterAction.as	KeyRegisterViewに対するイベントハンドラ群
Helper	MainHelper.as	MainViewを操作する処理群
Helper	KeyRegisterHelper.as	KeyRegisterViewを操作する処理群

　本稿では、各クラスの解説は行いません。ソースコードとソースコード内のコメントやASDocを参照してください。

　次ページからは、サンプルアプリを作るための準備をし、実際の作り方を見ていきます。

1-2

INDEX
検証特集：クラウドの“クライアント”としてRIAを試す（2） Amazon S3とAdobe AIRで“クラウドRIA”を作ってみた
	Page1 クラウドの老舗によるWebストレージ「Amazon S3」 Amazon S3のデータ構造を体験できるAIRアプリ
	Page2 Amazon S3＋AIRのサンプルアプリを作るための準備コラム　「Amazon S3利用に便利なFirefoxプラグイン、S3 Firefox Organizerとは」 ActionScriptライブラリを用いたAmazon S3へのアクセス数年後のAmazon S3を使うサービス開発案件に向けて

リッチクライアント＆帳票全記事一覧へ

HTML5 + UX フォーラム新着記事

GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 （2017/7/12）
　資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する
GET／POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 （2017/7/10）
　HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】
PHPのfor文＆ループ脱出のbreak/スキップのcontinue【更新】 （2017/6/26）
　素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文との違い、無限ループなども併せて紹介します【PHP 7.1含め2017年の情報に合うように更新】
Spreadsheetデータの選択、削除、挿入、コピー、移動、ソート （2017/6/12）
　Spreadsheetデータの選択、挿入、削除、コピー、移動、ソートに使うメソッドの使い方などを解説する