ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

ケータイFlashに関する記事でおなじみのカヤックさんの技術ブログに、Flash Liteの容量削減に関する記事がありましたのでご紹介します。

→　_level0.KAYAC　知らないと損をするよ！ 携帯Flash軽量化メモ 〜条件分岐編〜 [level0.kayac.com]

→　_level0.KAYAC　知らないと損をするよ！ 携帯Flash軽量化メモ 〜デザイン編〜 [level0.kayac.com]

「条件分岐編」、「デザイン編」の2回にわけて、Flash軽量化について解説されています。

条件分岐編では、if文の条件を見直して容量を削減するテクニックが述べられています。
「<=」は「<」より容量を食うので使わないなど、かなり涙ぐましい努力が見て取れます。

デザイン編では、素材の画像の加工方法や、使用するフォントについて触れられています。

ベクターデータのフォントは角ばったフォントを使ったほうが容量が少ないとのことです。
原理を考えれば当たり前のことなのですが、これは気にしたことが無かったです。
また「2」と「5」を反転で使いまわせるというメリットもあるようです。

ケータイ向けFlashと容量削減は切っても切れない関係なので、Flashの制作をされている方はチェックしてみてはいかがでしょうか。

関連：

• FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるそうです
• ソフトバンクのAndroidフォン「HTC Desire X06HT」にはFlash Lite 4.0が搭載されるようです
• 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」

FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるとのことです。

なんとiPhoneやiPadにも対応しているらしいです。

→　engadget日本語版　動画：FlashをHTML5に自動変換する Smokescreen、iPadでも動作 [japanese.engadget.com]

→　マイコミジャーナル　HTML5+JavaScriptでFlashコンテンツを再現する「Smokescreen」 [journal.mycom.co.jp]

→　Appleウォッチ　iPad/iPhoneでFlashを実行可能にするJavaScriptが登場 [www.computerworld.jp]

SmokescreenはFlashのswfファイルを解析して、HTML5+JavaScriptに変換するライブラリです。

Smokescreen自身はJavaScriptなので、ウェブページ側で読み込むように設定しておけば、ユーザ側に何かソフトをインストールする必要はないとのことです。

残念ながら（というか当たり前ではありますが）まだ全てのFlashが変換できるわけではなく、限定的な機能のみとなっているようですが、バナー広告などの単純なものであれば問題なく動作するようです。

Firefox、Safari、Opera、Google Chromeなどのプラウザに対応しており、iPhoneやiPadなどでも動作するとのことなので、Flashに対応していないこれらの端末にとっては、うまく使えばかなり便利なものになるのではないでしょうか。

関連：

• ソフトバンクのAndroidフォン「HTC Desire X06HT」にはFlash Lite 4.0が搭載されるようです
• 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」
• ブックレビュー： Flash Liteで作る携帯コンテンツ実践教科書

こちらのブログを見て知ったのですが、4月下旬に発売されるというソフトバンクのAndroidフォン「HTC Desire X06HT」にはFlash Lite 4.0が搭載されるようです。

→　alt　Flash Lite 4.0について [blog.alt-scape.com]

公式のスペック表を見てみると、確かにFlash Lite4.0対応となっています。

→　ソフトバンク HTC Desire SoftBank X06HT [mb.softbank.jp]

ひそかにこの端末が、国内初の「Flash Lite 4.0対応端末」となるようです。
iPhoneもXperiaもFlash非対応の中、なかなか頑張ってますね。

Flash Lite 4.0はFlashPlayer10をベース機能としており、ActionScript3.0をサポートするとのことです。

現在発売されている端末の多くは3系を搭載していますが（そんな中、開発は未だ1.1系が主流だったりしますが）、そろそろ4.0の時代が来るのでしょうか。

今後の動向に注目です。

関連：

• 携帯Flashの操作ストレスとなるポイントをまとめた記事「携帯Flashサイトのユーザビリティ基礎」
• ブックレビュー： Flash Liteで作る携帯コンテンツ実践教科書
• ケータイ向けFlashの待ち受け画像とaction script情報がまとめられたサイト「ケータイFlash待受画像ギャラリー!」

これまで何度もご紹介させていただいたことのあるご存知Web担当者Forumに、ケータイFlash（Flash Lite）のユーザビリティに関する記事がありましたのでご紹介します。

→　Web担当者Forum　携帯Flashの使いやすさを損なわない、携帯Flashサイトのユーザビリティ基礎（第10回） [web-tan.forum.impressrd.jp]

→　Web担当者Forum　モバイルサイト構築のユーザビリティいろは　目次 [web-tan.forum.impressrd.jp]

以前から連載されていた記事「モバイルサイト構築のユーザビリティいろは」の第10回です。
今回はFlash Liteのユーザビリティについて触れられています。

ユーザのアンケートを元に操作ストレスとなるポイントがまとめられています。
この記事によると、次の４項目に不満が集中しているとのことです。

1. サイトが重くて閲覧を中止した
2. 誤って前の画面に戻ってしまった
3. 前の画面に戻ろうとしたら戻りたい画面に移動できなかった
4. 前の画面に戻るとページの一番上が表示され、使いにくかった

Flashは便利な反面、しっかり作りこみを行わないと、逆に不満が溜まりやすい部分のようですね。

それぞれ対策方がまとめられていますので、Flashをお使いのモバイルサイトをお持ちの方はチェックしてみてはいかがでしょうか。

関連：

• ブックレビュー： Flash Liteで作る携帯コンテンツ実践教科書
• 携帯電話向けFlashサイトは7割のユーザが好感
• Adobe公式サイト内で連載が開始された「Flash Lite入門講座」

近年増えつつあるモバイルFlashサイトですが、先日行われた調査では7割のユーザがHTMLより好感を持っているという結果が出ているとのことです。

→　ITmediaエンタープライズ　Flashサイトに7割が好感、一方で使いづらさ浮き彫りに [itmedia.co.jp]

→　携帯電話向けFlashサイトは7割が好感、ただし誤操作による不満も [japan.cnet.com]

この調査はIMJモバイルのユーザビリティ研究所が今年の8月に実施したもので、FlashサイトとHTMLサイトのどちらが好きかという調査を行ったとのことです。

その結果、「Flashが好き」「どちらかといえばFlashが好き」と回答したユーザーが72％となり、2年前の調査に比べ7ポイント増加したとのことでした。

一方で、Flashサイトの不満点として、

・「サイトが重くて閲覧を中止した」（74％）
・「誤って前の画面に戻ってしまった」（73％）
・「前の画面に戻ろうとしたら戻りたい画面に移動できなかった」（71％）

といった点が挙げられています。

操作上の不満点はまあ予想通りとしても、Flashサイトへの好感度は思ったよりも高いという印象です。

もちろんサイトの目的にもよるのでしょうが、今後Flashサイトが増えるという傾向は続きそうですね。

関連：

• ブックレビュー： Flash Liteで作る携帯コンテンツ実践教科書
• Adobe公式サイト内で連載が開始された「Flash Lite入門講座」
• ケータイ向けFlashの待ち受け画像とaction script情報がまとめられたサイト「ケータイFlash待受画像ギャラリー!」