ClockMaker Blog » Adobe AIR

全般的にミニゲームといった簡単なアプリケーションが多い印象です。いくつか試してわかったのですが、Packager for iPhoneで見かけたFlash製iPhoneアプリよりも、AIR for Androidで作られたFlash製Androidアプリのほうがなめらかなに動いているものが多かったのが印象的でした。

akihiro kamijo さんのブログ記事で詳しい情報が紹介されているので、気になる方はそちらのほうもチェックするといいかと思います。

AIR for Androidのセミナーもまもなく

ちなみにAIR for Androidのセミナーも今月10月24日に開催されるので、そちらもお見逃しなく！

オススメのワークショップ情報(2010年秋)

AndroidのAIRアプリケーションの一覧

Adobe AIR for Andriod 公開 – akihiro kamijo

不要な不可視ファイルを削除するAIRアプリ「カス削除くん」

池田泰延 — Mon, 30 Aug 2010 15:02:17 +0000

OS やファイル管理システムが作成する不可視ファイル（通称：カスファイル）を一括で削除するアプリケーション「カス削除くん」を開発・公開しましたのでお知らせします。

Mac や Windows で作られる不可視ファイルは、OS をまたいでファイル交換をする場合にあって困るものではありませんが、別の OS の利用者から見たらあまり気持ちのよいものではないかと思います。「カス削除くん」はそういったカスファイルを一括で削除する便利アプリケーションです。フリーソフト（※）として公開しますので、ご自由にご利用くださいませ。

※アプリケーションとソースコードは MIT ライセンスとして公開します。

このアプリは今年 5 月に作ってから現在 4 ヶ月ほど業務で使っていますがトラブルもなく、Adobe CS や Office 製品の次ぐらいに重宝しています（主に SVN のエクスポートの代わりや、ファイルの納品時など）。Twitter 上で先行して公開していましたが、意外と多くの方に使われており好評を頂いていたことから、アプリケーションとしての体裁を整えて公開した次第です。

機能紹介

不要ファイルの削除は、次の形式に対応しています。

・「Thumbs.db」 (Windows のカスファイル)
・「Desktop.ini」 (Windows のカスファイル)
・「.DS_Strore」 (Mac のカスファイル)
・「._」から始まるアップルダブルファイル (Mac のカスファイル)
・「.svn」 (サブバージョンのカスフォルダー)
・「_notes」 (Adobe Dreamweaver のカスフォルダー)
・「.BridgeSort」 (Adobe Bridge のカスファイル)
・「.BridgeLabelsAndRatings」 (Adobe Bridge のカスファイル)

サブフォルダの検索にも対応しているので、深い階層まで一括で検索することができます。

ダウンロード

次のリンクから「カス削除くん」の最新版の AIR アプリのファイルをダウンロードできます。AIR アプリなので、Windows/Mac/Linux のいずれの OS でも利用可能です。

Download – clockmaker tools

※最新版の Adobe AIR 2 のランタイムが必要です。
※ソースコードもオープンソースとして Google Code にて公開しています。

注意点

念のため注意点をまとめておきます。

カスファイルの削除は一括削除で、ゴミ箱にも残りませんのでご注意ください。
［サブフォルダも含める］をチェックした状態で、巨大なフォルダを検索すると時間がかかります。
カスファイルは不要なものとして紹介していますが、人によっては必要なファイルである場合があります。ファイル形式のことをよくわからない場合は、検索対象から外してご利用されることをおすすめします。
MIT ライセンスとして公開していますが、ライセンスの通り、当アプリを利用して起きたトラブルは責任を負いかねますのでご了承ください。
アンインストールの方法は、インストーラー(.air)をもう一度起動し［アンインストール］ボタンをクリックします。Windowsの場合は「アプリケーションの追加と削除」からもアンインストールできます。

メディアでの紹介記事

カスタムイージングを作成できるAIRアプリ「Easing Generator」

カスタムイージングを作成できるAIRアプリ「Easing Generator」

池田泰延 — Mon, 28 Jun 2010 03:10:03 +0000

FlashのActionScriptトゥイーンエンジンに利用できるカスタムイージング（加減速）編集アプリを作りました。ActionScriptでトゥイーンを作成するとテンプレートと言える「イージング関数」は数種類しかないので似たような動きになりがちです。それを解決すべく作った、動かし方を自由に編集できるツールということです。ActionScript 3.0で主要なトゥイーンエンジン各種に対応しています。

インストール方法と主な使い方は以下から。

このアプリが役立つ場面

［上：Flash Professionalのような感覚で加減速を調整できる］

このアプリは主に次のような場面で役に立つと思います。

標準搭載のイージングに自分の求めている動きがなかった
始点と終点で別々のイージングを適用したい
他の人と同じイージングを使うのが嫌だ

簡単な動きであれば標準のイージングでことが足りるのですが、Flashを作りこめば標準のイージングで物足りないということもあるかと思います。

ダウンロード

次のリンクから「Easing Generator」の最新版のAIRアプリのファイルをダウンロードできます。AIRアプリなので、Windows/Mac/LinuxのいずれのOSでも利用可能です。

Download – clockmaker tools

※ツールはAdobe AIRアプリのため、最新版のAdobe AIR 2 のランタイムが必要です。

使い方ビデオ

ビデオにもまとめていますので、素早く使い勝手を把握したい方はこちらを参考にしてくださいませ。ビデオは1分15秒です。

使い方

アプリを起動
グラフのラインにポイントを打つ
ドラッグ＆ドロップで曲線を編集
プリセットから選ぶと便利
対応しているトゥイーンエンジンを選択
［Copy］ボタンをクリックしてクリップボードにコピー
フレームアクションやクラスに、コードをペーストする（※トゥイーンエンジンのパスを予め通しておく必要がある）

［上：各種トゥイーンエンジンに対応したソースコードを自動生成します］

グラフの編集はFlash Professionalに搭載されているカスタムイージングに近い使い方です。

対応しているトゥイーンエンジン

対応しているトゥイーンエンジンは次の4種類です。要望が多数あれば他のトゥイーンエンジンにも対応しますが、Google CodeにソースコードをMITライセンスで公開していますので、カスタマイズしてもらっても構いません。

Tweener
BetweenAS3
KTween
TweenMax

注意点

常用には差し支え無いと思いますが、すこしばかり注意点があります。メモがてら今後のタスクとして。

パスの曲線が交差することがある(人間側の努力で防げると信じています)
カスタムイージングは通常のイージング関数よりも複雑な計算をするため、若干処理が重たいかも。(数百・数千のトゥイーンを同時に再生させない限りは問題ないと思います)
fl.motion.BezierSegmentクラス(Flash CS3〜CS5同梱)が動作に必要

イージングにこだわりを持つことから、コンテンツのブラッシュアップへとつながれば幸いです。

Flashで作る AIRアプリケーションレシピブック

池田泰延 — Fri, 24 Apr 2009 17:03:37 +0000

Web Designing での連載記事をもとに大幅に加筆されたAIRの入門書。読み終えたのですが、感想はかなり良かったです！

Flash CS3/CS4の超基本的な使い方から説明しているので、Flash CS3/CS4を触った事のない人でも参考になる (初心者は他にもActionScriptの書籍を併用して学習すると理解がさらに深まるかも)
AIRならではの機能がサンプルを通して学べるようになっているので、機能の必要性が直感的に理解しやすい
サンプルが実用的
有名どころAIRアプリが紹介されているので、AIRの実例集にもなる
AIRの実例紹介と開発者インタビューが載っている！これは貴重!!

そして、なんといっても嬉しかったのは Icon Generator が紹介されたことです！ Web Designing 2008年 10月号でご紹介いただいたのですが、ムックということで再掲載されました。関係者の方々、ありがとうございます！

あと、AIRの本はこちらも持っておくと心強いです。

こういう本を読むと、AIRアプリを作りたくなってきますね〜。

個人向けのコードサイニング証明書

池田泰延 — Mon, 05 Jan 2009 13:26:31 +0000

Ryan Stewart 氏のブログで紹介されていたのですが、Adobe AIR 用の個人向けのコードサイニング証明書が取得できるようになったみたいです。

ChosenSecurity – TC Publisher ID for Adobe Air – More Info

そもそも証明書って

このブログを見る方々は既にご存じかもしれませんが一応説明しておくと、AIR アプリは証明書を使って発行者を登録できます。発行者を登録するメリットですが、その企業が発行したものかを証明することで、悪意ある第三者による改変・再配布でのクレーム等のリスク対策になります。企業向けのコードサイニング証明書であればグローバルサインのサービスを利用することで Adobe AIR 対応のコードサイニング証明書を有料で取得できます。

無料の自己署名でもできるけど

無料の自己署名でも AIR アプリを配布することはできますが、これは一般には勧められていないようです。私の実例を簡単に紹介すると、AIR Icon Generator が世界中で一人歩きしていたときに海外で .air ファイルの無断再配布とか「これは・・・」というような怖い事が何度かありました。その度にキッチリとした証明書を付けておくと良かったということを思いました。Marketplaceに掲載するときにも証明書の取得を勧められています。Ryan のエントリーでも紹介されているように「VERY INPORTANT」なわけです。

取得方法は

ちなみに取得方法ですが、購入ページを見ると、販売部署にメールを送る事から始まるようです(たぶん英語です)。もし取得された方がいらっしゃいましたら、今後のAIR開発者のためにもレポートして頂ければ嬉しいです。

追記(2010年3月3日)

いつの間にやら、国内グローバルサインも個人向けのコードサイニング証明書も取り扱いをはじめたみたいです。

http://jp.globalsign.com/service/codesign/adobeair/

Thanks for 10000 DL of Icon Generator

池田泰延 — Wed, 24 Dec 2008 17:11:18 +0000

AIR アプリの Icon Generator ですが、Adobe Marketplaceにて10000ダウンロードを超えました(^-^)

Most Popular で確認すると上から13番目。ダウンロード頂いたみなさん、ありがとうございます！

ちなみに AIR 配布で失敗したのは、アクセス数が増えた始めの2ヶ月についてダウンロード数( DL 数)をカウントしていなかったことです。Marketplace では自動的に DL 数をカウントしているのですが、Marketplace に登録するまでは DL 数をカウントする仕組みを実装してませんでした。

AIR のシームレスインストール用の Badge はカスタマイズして Google Analytics と連携できるので、始めから実装しておけばよかったというのが反省です。もし AIR 配布される方がいらっしゃいましたら、私のような失敗をしないように、ぜひ DL 数をカウントすることをオススメします(><)

せっかくなので、セッション数と DL 数の割合からカウントしていなかった時期の DL 数を計算してみると累計(推測値)は 13000〜14000 DL ぐらいとなります。

Marketplace に登録後の期間：8/21〜12/24 で 19,586 セッションで 10134 DL
カウントしていなかった時期：7/1〜8/20 で 7085 セッション (試算で 3600DL )

Adobe AIRは高速だった! Flashを最速で再生できる方法を検証

池田泰延 — Mon, 01 Dec 2008 15:08:21 +0000

いつぞやの「Web Designing」でAdobe AIRはFlash PlayerよりOSの下位APIを利用するので高速である、という記事がありました(記憶が薄れているので、この通りの文面とは違うと思いますが)。

少しでもFlashを高速に再生させたいと私は常々思っておりまして、検証してみることにしました。ついでですが、Flash Player 10 のパラメーターで速度が変わるのか、同一マシンでWin/Macのどちらが早いのかも比較もしています。

Adobe AIR と Flash Player の動作速度比較
同じハードで Windows と Mac OS X の動作速度比較
Wmode指定による動作速度比較

検証したデモはこちら(要Flash Player 10)。Flash Player 10 の 3D 機能を利用しておりますが、それがどのように影響するのか確認してみたいと思います。

検証結果は以下から。

Windows での動作速度比較

(画像はクリックで拡大できます)

グラフはフレームレート(フレーム/秒)(以下fpsと略)をまとめたもので、右側にグラフが長い方が高速に再生されていることを表しています(右軸はfps)。結果はAdobe AIR 1.5が他を圧倒する高フレームレート(77.4fps)をマークしており通常のFlash Playerよりも高速であることがわかります。

Flash Player 9まではHTML埋め込み時のエンベッドパラメーターである wmode を opaque に指定する事で若干高速化することができましたが(参考)、Flash Player 10ではほとんど差がない状態となっています(参考)。

GPU利用を指定したwmode : gpuはwindow/opaqueよりもやや低い結果になっていますが、gpuの場合はリフレッシュレート以下になると言われてますので妥当な結果かと思います(参考)。

directは残念なぐらい低くなってますが、ビデオ再生用(?)という用途からいえば高FPSを利用することは少ないのでさほど問題ないかと。

Mac OS Xでの動作速度比較

(画像はクリックで拡大できます)

次はMac OS Xです。Adobe AIRはWindowsほどの大差はないですがFlash Player よりも若干高速に再生されていました。特筆すべきはWindowsと逆の結果になったGPU系のエンベッド方法です。

今回のサンプルはFlash Player 10のネイティブ3Dを利用しているのが影響しているのかもしれません(GPUは使われていないという記事もあり本当のところはよくわかりません >_<)。

Windows と Mac OS X のグラフを重ねてみると

(画像はクリックで拡大できます：青がWin, 赤がMac)

上記グラフでお分かりだと思いますが、WindowsのほうがMac OS Xよりも圧倒的に高速に再生されています。

実はスタンドアロンが最速だったり・・・

一般に扱う形式でなかったのでスタンドアロン版を検証に含めませんでしたが、実はAdobe AIRよりもFlash Playerのスタンドアロンのほうが高速に再生されました。Windowsでは平均80FPSを、Macでは平均52fpsをマークしています。

スタンドアロンは実行ファイル形式(プロジェクタ)に書き出すことができ、他人のマシンでも実行できます。稀にプレゼンテーションで使っておりますが、展示会などでFlash を再生する場合はスタンドアロンがいいかもしれませんね。

まとめ

今回はFlash Player 10のネイティブ3Dを用い検証したため、違うサンプルでは結果も違ってくると思います。Flash の使用用途や扱う技術も様々ですので一概には言えませんが、今回の結果に限って言えば、Adobe AIRはWindowsで高速でした。

実は、プライベートでモーショングラフィックスとしてFlashを連続再生でスクリーンに映し出す予定がありまして、本記事はそのための検証だったのです(おそらくスタンドアロンを使う気がします)。

最後は宣伝になってしまいましたが、そちらは追々紹介します。。

動作デモのURLと結果はGoogle Docsで公開してます

Google Docs

検証環境について

MacBook (MB466J/A)
2.0GHz Intel Core 2 Duo
2GB (1GB × 2) 1066MHz DDR3 SDRAM (PC3-8500)
NVIDIA GeForce 9400M、構成：256MB DDR3 SDRAMメモリ搭載
Mac OS X 10.5 Leopard
Window Vista SP1 (Bootcamp)
Adobe AIR 1.5
Flash Player 10

参考記事

Web Designing 2008年 10月号でご紹介いただきました

池田泰延 — Thu, 18 Sep 2008 15:51:25 +0000

今月の「Adobe AIR Gallery">Web Designing」のAIR WORLD by KAYACにて当方の「Icon Generator AIR Icon Generator | ClockMaker Project">」をご紹介頂きました。ありがとうございます！

また先日公開されたばかりのAdobe AIR Galleryにも早速「Icon Generator」を自分からアップできたので登録してみました。Adobe AIR Galleryはきっと活発に事例が紹介されていくと思うのでAIR提案＆制作の参考になるはずです。まだアクセスしていない方は是非ご覧ください！

ところで当方の「Icon Generator」、前のブログで公開した当時はネタのつもりで、静かに眠っていくアプリだと思っていました。それが誰もアクセスしなくなった３ヶ月後ぐらいにRyan Stewart氏に取り上げて頂いて、それをきっかけに世界中のブログに広がっていきました。日本の辺鄙なブログまでアンテナを張り巡らしていたRyan Stewart氏に本当に感謝するばかりです。

ソーシャルブックマークサービスの被ブクマ数をレポートするBookmarked Reporter

池田泰延 — Sat, 13 Sep 2008 14:53:26 +0000

Twitterで先行して紹介していましたが、ソーシャルブックマーク数をレポートするAIRアプリケーション「Bookmarked Reporter」を習作として作っています。このアプリケーションはサイト内のどのページがエンドユーザーにとってブックマークされているか分析するサイト管理補助ツールです。詳しい機能紹介とダウンロードURLはこちらにまとめていますので、興味がございましたら試していただけると幸いです。(本ブログのコメントで機能要望を受け付けています。)

今回は1.0 alphaというバージョンでバグが残っている状態ですが、簡単にレポートを出すぐらいならできたのでアルファ版のリリースに踏み切りました。今のところDelicious/はてなブックマーク/Livedoor Clipの3サービスに対応しています。

現在わかっている不具合

一部のウェブサイトでサイトスキャンができない不具合(サーバー状態やネットワーク環境に依存します)
画面遷移がフリーズする不具合
URL数が増えると処理が遅くなる不具合

今後の展開(alpha→beta→1.0正式リリース)

Diggなど海外のソーシャルブックマークサービスに対応する
レポートしたいブックマークサービスを選択可能にする
ブックマーク数だけでなくコメントもレポートの対象にする

使用したフレームワーク

ちなみに開発日誌的に投稿していた関連記事はこちら

AIR MarketplaceにIcon Generatorが載ったよ

池田泰延 — Thu, 21 Aug 2008 17:38:47 +0000

大変嬉しい事に、AIRギャラリーの海外版にあたるAdobe AIR Marketplaceで私の制作したIcon Generatorが掲載されました！

Adobe – Adobe AIR Marketplace

実は海外へはじめてメールしたり、ちょっとしたうっかりミスがあったり、いろいろ書きたいエピソードがあるのですが今日はさすがに遅い時間(26時40分)なのでまた後日紹介します。

ClockMaker Blog » Adobe AIR

Adobe AIR for Andriod公開、さっそく公開されてるAIR製Androidアプリを10個試してみた

今回試したAIR アプリのスクリーンショット(アイコン)

全体的な感想

AIR for Androidのセミナーもまもなく

AndroidのAIRアプリケーションの一覧

不要な不可視ファイルを削除するAIRアプリ「カス削除くん」

機能紹介

ダウンロード

注意点

メディアでの紹介記事

関連記事

カスタムイージングを作成できるAIRアプリ「Easing Generator」

このアプリが役立つ場面

ダウンロード

使い方ビデオ

使い方

対応しているトゥイーンエンジン

注意点

関連記事

Flashで作る AIRアプリケーション レシピブック

個人向けのコードサイニング証明書

そもそも証明書って

無料の自己署名でもできるけど

取得方法は

追記(2010年3月3日)

Thanks for 10000 DL of Icon Generator

Adobe AIRは高速だった! Flashを最速で再生できる方法を検証

Windows での動作速度比較

Mac OS Xでの動作速度比較

Windows と Mac OS X のグラフを重ねてみると

実はスタンドアロンが最速だったり・・・

まとめ

動作デモのURLと結果はGoogle Docsで公開してます

検証環境について

参考記事

Web Designing 2008年 10月号でご紹介いただきました

ソーシャルブックマークサービスの被ブクマ数をレポートするBookmarked Reporter

現在わかっている不具合

今後の展開(alpha→beta→1.0正式リリース)

使用したフレームワーク

ちなみに開発日誌的に投稿していた関連記事はこちら

AIR MarketplaceにIcon Generatorが載ったよ

Flashで作る AIRアプリケーションレシピブック