アプリケーション開発メモ http://appdevelopment.blog.shinobi.jp/ アプリケーション開発メモ Tue, 02 Jun 2009 07:24:35 GMT ja © Ninja Tools Inc. くるりエイト

]]> 未選択 http://appdevelopment.blog.shinobi.jp/%E6%9C%AA%E9%81%B8%E6%8A%9E/%E3%81%8F%E3%82%8B%E3%82%8A%E3%82%A8%E3%82%A4%E3%83%88 Tue, 02 Jun 2009 07:24:35 GMT appdevelopment.blog.shinobi.jp://entry/3 adobe air 個人的には、flashとどう違うのかよくわかりませんが、気持ちのよいインターフェースを提供してくれるのは間違いなさそうです。
まだまだバグも色々あるみたいですけど（汗）

ぼくはまちちゃんで「AIRアプリケーションを公開するためのメモ」が公開されていました。

以下引用


こんにちはこんにちは！
AIRアプリは完成しましたか！
はい！ 前回の日記のつづきなんです…！
(JavaScriptでかんたんAIRアプリに挑戦)
ぼくはもうすぐ、なにか完成しちゃいそうな感じですよ！
でも、その前に…完成したやつを公開する為の手順が必要ですよね！
なんかちょっとややこしそうななので、これもメモしときます！
今回は自分用メモみたいな感じで、わりといいかげんなんだけど、参考になれば…！

はい！
完成したAIRアプリを公開するためには.airファイルにする必要があるよ。
.airファイルになるとインストーラ付きのパッケージになって、ダブルクリックで起動できるようになって嬉しいね。

アプリとしての体裁を整える

やっぱり世間体も大事です！
アイコンとかも、ちょっといいやつつくっておこう。
AIRアプリ設定用xmlの中のに以下を追記したよ。
test1

icons/test16.png
icons/test32.png
icons/test48.png
icons/test128.png

それに合わせて、アイコンも４種類つくったよ。
programMenuFolder っていうのは、インストールの時スタートメニューにフォルダを作るかどうかってやつかな。
もちろんこっちはWindowsだけに効く設定だよ。

airファイルをつくるためには証明書が必要

なので、オレオレ証明書をつくるよ。
コマンドプロンプトで作業ディレクトリに移動して adt コマンドっていうのを使うよ。
C:¥home¥AIR¥test1>adt -certificate -cn hmcysign 1024-RSA hmcy.pfx password
「hymcysign」はオレオレ証明書の名前。適当でいいよ。
「hmcy.pfx」は証明書のファイル名。適当でいいよ。
「password」は証明書のパスワード。適当でいいよ。
でもぼくはこの時、なんかJavaのなにかが足りないってエラーがでたよ。なにこれ。
Error: could not open `C:¥Program Files¥Java¥jre1.6.0_03¥lib¥i386¥jvm.cfg'
なので Java をダウンロードしてきてインストールしなおしたよ。
そしたらちゃんとできた。

.airファイルの作成。

C:¥home¥AIR¥test1>adt -package -storetype pkcs12 -keystore hmcy.pfx -storepass password test1.air test1.xml test1.html AIRAliases.js
環境に合わせて変更するのは以下の感じだよ。
「hmcy.pfx」 ... さっき作ったオレオレ証明書
「password」 ... 証明書のパスワード
「test1.air」 ... 作りたい.airファイル名
「test1.xml」 ... 作ったAIRの設定用xmlファイル
「test1.html」 ... ここから後は必要なhtmlとかjsとか必要なファイルを並べる。画像用のサブディレクトリなんかを指定してもいいね(その場合は配下ファイルまで指定しなくていいよ)
運が良ければこれで.airファイルが完成するよ。
できあがったら test1.air をダブルクリックしてみようね。
AIRアプリのインストーラー、起動したかな？
ちゃんと動くか
ちゃんとしたディレクトリにインストールされたか
アイコン類がかっこいい感じに表示されてるか
コントロールパネルの「プログラムの削除」から、ちゃんとアンインストールできるか
などなどをチェックだよ。

インストールページ(Badge)の作成

Webページからワンクリックで詐欺みたいにAIRアプリをインストールできる「Badge」ってやつをつくってみるよ。
適当にBadge用の作業ディレクトリをつくる。
Adobe から Badgeのサンプルをダウンロード
Badge作業ディレクトリに、サンプルの中の３つのファイルをコピー
AIRInstallBadge.swf
expressinstall.swf
swfobject.js
サンプルを参考にして、新しくhtmlファイルをつくる。




test1 Installer







Please upgrade your Flash Player
This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed.





このhtmlをブラウザで表示して、ちゃんとブラウザからインストールできるかテストしようね。
はてなダイアリーじゃない人はここまででokだよ。

はてなダイアリーにBadgeを貼れるようにする

はてなダイアリーは JavaScript とか Flash がつかえないから、そのままじゃ Badge を貼れないよ。
だから、ぼくが前に書いた「はてなダイアリーに(対応外の)ブログパーツを貼る - ぼくはまちちゃん！(Hatena)」を参考にして、ブログパーツとして貼り付けるよ。
必要なファイルを Google Page Creator にアップロード。
AIRInstallBadge.swf
expressinstall.swf
swfobject.js
test1.air
さっきの html を google ガジェット用の xml に書き換えるよ。











Please upgrade your Flash Player

This is the content that would be shown if the user does not have Flash Player 6.0.65 or higher installed.

Get Flash Player.




]]>


ファイルを指定してるところは相対パスじゃなくて url になおしたよ。
で、これを test1_installer.xml としてアップロードして…
http://www.gmodules.com/ig/creator?synd=open&url=http://hamachiya2.googlepages.com/test1_installer.xml
↑ここのページで Googleガジェットとしての Badgeのテストと調整するよ。
うまくいってそうな感じなら「コードを取得」ボタンで、貼り付け用コード(script)をゲットしようね。
最後にそのコードを、そのままはてなダイアリーに貼り付ければ完成かな！
]]> 未選択 http://appdevelopment.blog.shinobi.jp/%E6%9C%AA%E9%81%B8%E6%8A%9E/adobe%20air Sun, 18 Jan 2009 13:47:02 GMT appdevelopment.blog.shinobi.jp://entry/2 リンク集 本サイト訪問者各位の、生活に役立つ情報を提供されているサイト様を集めております。

********************

相互リンクを通じた交流を深めてまいりたいと考えております。
ご興味のある方は、お手数ですが、トラックバックにてお申し込みいただければ幸いです。

********************

prezent navi
今日の晩ご飯
今日の書評
今日のJazz
カフェブログ
あたらしいサービス
便利素材サイト
今日の動画
デザインのススメ
webデザインのススメ
忘れてはいけないこと
本町ではたらくプログラマーの日記
最近の経済について思うこと
アプリケーション開発メモ
おもしろレシピ]]> 未選択 http://appdevelopment.blog.shinobi.jp/%E6%9C%AA%E9%81%B8%E6%8A%9E/%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86 Sun, 18 Jan 2009 12:16:06 GMT appdevelopment.blog.shinobi.jp://entry/1