『スマートフォン向けFlashサイトを作るには？』このテーマで、4回に分けて記事にしました。
内容は以下の４回です。
スマホ向けFlashサイトを作るには？第一回 準備編
スマホ向けFlashサイトを作るには？第二回 Flash編
スマホ向けFlashサイトを作るには？第三回 Swiffy編
スマホ向けFlashサイトを作るには？第四回 HTML編
まずは第一回目という事で「準備編」です！
何のツールを使って、どういう端末でチェックすればいいのかを書きました。
では、はじまりはじまり～
Swiffyランタイム v3.7で大きくできる事が増えました。
実は3.6まではムービークリップの着色すらできませんでした。orz..
『スマホ向けFlashサイトを作るには？』というテーマで更新をしています。
第三回まででFlashをSwiffy変換し、SWFファイルと、JSファイルを作るところまで紹介してきました。
最終回である第四回は実際にAndroid向けにはFlash、iOS向けにはFlashをSwiffy変換したデータを
HTMLページに組み込む方法をご紹介します。
『スマホ向けFlashサイトを作るには？』というテーマで更新をしています。
第二回目までは制作までのガイドラインを紹介してきました。
第三回目の今回からは実際のサンプルをHTML化するまで流れを
Swiffy編、HTML編と分けてご紹介していきたいと思います。
スマホ向けFlashサイトを作るには？
■ 目次
第一回 準備編
第二回 Flash編
第三回 Swiffy編 この記事です。
第四回 HTML編
では、第三回目、Swiffy編、はじまりはじまり～
『スマホ向けFlashサイトを作るには？』というテーマで更新をしています。
第二回目の今回はFlash編です。
Flashのステージサイズや、フレームレートなどの設定について書いていきます。
Swiffy変換し、iPhone3G～4Sまで再生する事を想定しています。
※あくまで自分用の設定なので、もっといい方法あったら教えてください！
岡本真明さんと書いた
『Flashで作るAndroidアプリ開発ガイドブック』が
いよいよ8月23日に発売されます！
アップデートが重なって執筆に半年以上かかってしまいました。orz
Flashの基本的な使い方から
AIR for Androidで使えるクラスの紹介、マーケットでの販売、その他TIPSを紹介しています。
詳しい本の内容はこちらをご覧ください。
http://book.mycom.co.jp/book/978-4-8399-3828-4/978-4-8399-3828-4.shtml
この本の表紙は、男前豆腐のロゴやパッケージ、キャラクターイラストで有名なアンクル・ボブさんに書いていただきました。
実は切り絵なんです。
ボブさんにかかるとドロイドくんが、、、
めちゃめちゃかっこよく変身です！
Ｔシャツも作りましたので、
岡本さん、岡田ともに今後ちょこちょこセミナーやら出させていただきますので、少量づつプレゼントできると思いますので(数が少ないので抽選ですが、、)
是非機会があればご参加ください！！
■岡本さん
Flex User group 9月セミナー
http://www.fxug.net/
■岡田
アドビ スマートフォン対策ビジネスセミナー (9/9)
http://www.adobe.com/jp/joc/events/mobileair2011/
Flash CS5.5で作る！スマートフォンアプリ基礎セミナー (9/18)
http://webcreatorsbank.mycom.co.jp/seminar/
6/28にGoogleからSWFファイルをiOS等で見る事のできるHTML5コンテンツに変換する「Swiffy」が発表されました。
Swiffy
http://swiffy.googlelabs.com/
Swiffy ギャラリー
※アニメーションや簡単なミニゲームが試せます
http://swiffy.googlelabs.com/gallery.html
[engadget]Google、FlashをHTML5に変換するツールSwiffyを公開より
Google が Flashの .swf ファイルをHTML5コードに変換するウェブベースのツール Swiffy を公開しました。Flashプラグイン前提のブラウザ向けに制作した従来の .swfファイルを、iPhone や iPad などFlashが動かないけれど HTML5対応は進んだ環境向けに再利用できます。
Swiffy が現時点で対応するのは SWF 8 および ActionScript 2.0の一部。Flash 5 (SWF 5)までのほとんどの機能に対応しており、ソースからSWF 5で出力できる場合はそちらのほうが良い結果になるとされています。つまり変換できるのはアニメや簡単なスクリプトまで。
Swiffyが出力するのは.swfを再コンパイルしたJSONファイルと、クライアント側で動くJSファイル。ブラウザ側ではJavaScript がJSONファイルを読み込み、HTML5準拠のSVGやCSSなどで再現します。SVGの特定の機能を利用するため、サポートするのはWebkitベースの Safari (モバイル含む) や Chromeブラウザのみ。
2011/12/20 追記 Swiffyを使ったモバイル向けFlashサイトの作り方講座を更新しました。
こちらも合わせてご覧ください。
スマホ向けFlashサイトを作るには？ 第一回 準備編
http://hi-posi.jp/?p=1217
Swiffyの使い方は非常に簡単です。
Read the rest of this entry »
ここにきて、AndroidとiOSの両方に対してアプリを作りたいという問い合わせが増えています。
両方抑えたい！→JavaとObjective-Cで開発→コスト高い＆てか人居ない！→Flashアプリ(AIR)ってどうなの？
という感じです。
当然ネイティブアプリに比べればできることに制限があります。
自分用メモとして、AIR for Android(iOS)で、できない事をぱっと思いついたものを羅列します。
間違ってるやんけ！これも足しとけよバカチンが！だから歌舞伎町でぼったくりに会うんだよ！みたいなものがあればコメントいただければと思います。
※追記 5/26
なんか、この記事、拡散が早いので念のために追記しときます。
AIR for Android(iOS)、普通に使えますよ！
AIR for iOSなんかスピードもかなりでるようになりましたし、
下に書いた事「以外」は「できる」ので、相当できる範囲広いです。
使えないという事ではなく、できない事があるという事なので、それを踏まえてご覧くださいませ！
※さらに追記 7/17
上条さんのblogで新バージョンである「 AIR 3 」の事が紹介されています。
http://cuaoar.jp/2011/07/adobe-air-3-1.html
AIR 3 からはランタイムの同梱が可能、あとは Native Extension といって、
OS の提供する API を直接たたけるようになるらしいです。
という事は「Push通知」「アプリ内課金」なんかも実装できるハズですよね。
■AIR for Android ( AIR 2.6 ) でできない事。
・ライブ壁紙は作れない。
・ウィジットも作れない。
・インテントできない。
→メールとかSMSとか電話は呼び出せる。
→今後できていくらしい。
・アプリのアイコンにバッジをつける。
→何件メール未読ですよ～とかできない。
・OSのUIが使用できない。
→ソフトウェアキーボードは使用できる。他は自作する必要がある。
→コンポーネントを使う。
http://blog.kevinhoyt.org/?p=548
http://www.himco.jp/articles/pdf/kevinHoytComponents.pdf
Android UI Components for Flex 4.5
http://www.yapiodesign.com/blog/2011/05/13/android-ui-components-for-flex-4-5/
・プッシュ通知 ( push Notification )
・スプラッシュスクリーンが設定できない。
→AIR for iOSとflexでは設定できる。
・アプリ内課金
→これができればいいのに。
・GameCenter
→AIR for iOSで、GameCenter使えない。
・AIRランタイムの同梱
→ユーザーアプリを再生するのにAIRランタイムのインストールが必要
→AIR for iOSはipaファイル内にAIRランタイムを同梱しているので単体でOK。
→Androidも今後できていくらしい。
・AIR for iOSは読み込んだSWF内のスクリプトを実行できない。
・TouchEventの強さ(pressure)を取得できない
→NexusOneは取れる。デバイスによるらしい。
http://help.adobe.com/ja_JP/as3/dev/WS1ca064e08d7aa93023c59dfc1257b16a3d6-7ffe.html
・バイブレーションが使用できない。
・アプリ内にオートフォーカス付のカメラを呼び出す事ができない。
→flash.media.CameraUIクラスでディフォルトのカメラアプリを呼び出し切り替えて使う。
→flash.media.CameraクラスとVideoクラスならアプリ内に呼び出す事ができる。
→ただしフォーカスの制御などはできない。でもこれでも十分楽しい。
・インカメラを使用できない。
→FaceTimeみたいなアプリは作れない。
・ライトを制御できない。
→AIRアプリからライトを光らす、等はできません。
・フレームレートがPCほどでない
→それはチューニングや見せ方で工夫して解決しよう！
亡くなられた方々へのご冥福をお祈りするとともに、
被災された皆様に心よりお見舞い申し上げます。
自分たちができる事を考え、日本赤十字社に義援金として100万円をお送りさせて頂きました。
一日も早く復旧されますことを心よりお祈り申し上げます。
株式会社 hi-posi
代表取締役 岡田昇三
