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

Adobeのデベロッパーセンター内で、FlashLiteに関する連載記事「Flash Lite入門講座」が開始されたようです。
著者はこれまでも何度か記事をご紹介させていただいたことのある、国内ケータイFlashの第一人者である岡田昇三氏です。

→　ADOVE DEVELOPER CONNECTION　デベロッパーセンター　Flash Lite入門講座　第1回　日本のFlashLiteの仕様 [adobe.com]

→　HI-POSI　Blog Archive　Adobe DevNetで連載開始 [hi-posi.jp]

第1回の内容としては、以前ご紹介したThinkITの記事「ざっくり解説FlashLiteの仕様」をベースに、加筆・修正したものとのことです。

とはいえ、図表も含めて多くの部分が変更されており、上記記事を読んだことのある方でも、もう一度見る価値のある内容となっています。

これを見れば、現在のFlashLiteがおかれた状況を理解することができ、例えばPC用のFlashしか触ったことがないけれど、ケータイのFlashLiteをやってみたい、という方なんかにはぴったりの内容となっています。

しかし、Adobeの公式サイトでこのような連載が始まるというのは嬉しいですね。
第2回以降の掲載が待ち遠しいです。

関連：

• モバイルサイトへのFlashLite導入事例を解説した記事「Flash Lite導入サイトまとめ読み」
• ケータイFlashの仕様が詳細にまとめられた記事「ざっくり解説 - Flash Liteの仕様」
• 次号のWeb Designing(2008年7月号)は、ケータイ特集になるようです

9konさんからのタレコミです。
（情報提供ありがとうございます）

ケータイ向けFlashの待ち受け画像展示ギャラリーと、action script情報がまとめられたサイト「ケータイFlash待受画像ギャラリー!」というサイトがあるとのことです。

→　ケータイFlash待受画像ギャラリー!　トップ [nsflash.com]

→　ケータイFlash待受画像ギャラリー!　携帯向けactionscript [nsflash.com]

ギャラリーには現時点で100枚以上の待ち受けFlashが展示されています。

対応機種はFlash Lite 1.1以降の機種で、多くのものが無料でダウンロード可能となっています。

また、「携帯向けactionscript」というコンテンツもあり、主にFlash Lite 1.1用のAction scriptが一覧で解説されています。

他にもブログや書籍紹介などのコンテンツも用意されています。

ケータイ用の待ち受けFlashの作成を行おうと思っている方は、ぜひ参考にしてみてはいかがでしょうか。

関連：

• モバイルサイトへのFlashLite導入事例を解説した記事「Flash Lite導入サイトまとめ読み」
• ケータイFlashの仕様が詳細にまとめられた記事「ざっくり解説 - Flash Liteの仕様」
• ケータイ向けに工夫されたUIが多数、KLabのFlashコンテスト受賞作品

以前にも何度かご紹介させていただいたことのあるKAYACさんのブログに、Flash Liteの軽量化についての記事が掲載されています。

→　_level0.KAYAC　携帯Flash　さらなる軽量化 [level0.kayac.com]

携帯Flashを利用する際に大きな障害となるのは、Flash自体のサイズ制限です。

この記事では、次の7つのテクニックが紹介されています。

1. 画像の容量を落とす
2. 複雑なベクターは使わない
3. キーフレームは極力なくして、無駄なフレームはなくす
4. 変数名はシンプルに短く
5. トゥイーンはできるだけ使わない
6. callを使う
7. ベクターにすべきか、ビットマップにするかはケースバイケース

変数名やラベルの文字数は意識したことすらありませんでした。
私はここまで本気でサイズ削減を行ったことがないのですが、やっぱり本職の人は大変ですね。

Flash Liteを利用しており、容量制限に悩んでいる方は、ぜひ参考にしてみてはいかがでしょうか。

関連：

• ケータイFlashについての5つのTIPSがまとめられた記事「これだけは知っておきたいFlashLite入門」
• ケータイ + Flash Liteでサウンドを再生させる際の罠について
• PHPでケータイのFlash対応・非対応を判定できる関数を作ってみました

なんと著者の岡田さん自ら情報提供いただきました。
岡田さんの名前はよく存じ上げていましたのでびっくりです。ありがとうございます。

先日も取り上げさせていただいた、ThinkITの特集「総まとめ、モバイルサイト動向」の第3回として、岡田さんがFlashLiteに関する記事を書かれたそうです。

→　ThinkIT　総まとめ、モバイルサイト動向　第3回：Flash Lite導入サイトまとめ読み

• Nike6.0 モバイルサイト　（http://nike6.jp/）
• H&Mモバイルサイト　（http://www.hm.com/mobile/）
• Lark Casino Club　（http://lark-web.jp/）
• Bascule Inc. helmets!コンテンツ　（http://www.bascule.co.jp/）
• Ke-tai Traveler ケートラ　（http://k-tra.jp/）

という5つのサイトへの導入事例を元に、どのようにFlash Liteを利用したかが解説されています。

一般にFlash Liteは、PC版のFlashに比べ、制限が多く機能もカットされているため、使いどころが難しいとされています。

この記事では、Flash Liteを単体として使うのではなく、他の何かと組み合わせることで、PCでは表現できないような携帯電話独自のコンテンツが制作できるのではないか、と述べられています。

ここではそれぞれ、「デザイン」、「CMS」、「GAME」、「MultiMediaServer」、「GPS」と組み合わせることによって、ケータイならではの面白いコンテンツが作成できた例が紹介されています。

実際に動くサイトを見ることができるため、Flash Liteの導入を検討している方には、とても参考になると思います。

興味のある方は、ぜひお手持ちのケータイからサイトを訪れてみてはいかがでしょうか。

関連：

• ThinkITにデコメールについて詳しく解説した記事「開封率の高いデコメールでメルマガ配信！」が掲載されています
• ケータイFlashについての5つのTIPSがまとめられた記事「これだけは知っておきたいFlashLite入門」
• ケータイFlashの仕様が詳細にまとめられた記事「ざっくり解説 - Flash Liteの仕様」

先日にも取り上げさせていただいたばかりのブログ「_level0.KAYAC」に、またまたFlash Liteに関するためになる記事がありましたのでご紹介します。

→　_level0.KAYAC　これだけは知っておきたい「FlashLite入門」 [kayac.com]

まったくの初心者の状態から1年間Flash Liteを使ってみてのおさらいという形で、5つのノウハウがまとめられています。

1. ムービークリップの参照方法
2. Flash Lite1.1でfunctionは使えない
3. SWFの容量は１００K以内
4. 画像が赤くなる
5. swfmillでケータイFlashを動的に生成する

どの情報も役に立つのですが、特に4の画像が赤くなるという現象は、au端末でまれに起こり、なぜだろうと悩まされていました。

• PNG画像を使用した
• SWFの容量が１００Ｋギリギリもしくはオーバーしている
• ワークメモリの上限をオーバーしている
• グラデーションのある透過PNG画像

が主な原因とのことです。

参考にすべき情報元のリンクなども記載されており、FlashLiteを学ぼうという方には、とてもためになるエントリーだと思います。

関連：

• ケータイ + Flash Liteでサウンドを再生させる際の罠について
• ThinkITでモバイルサイト制作特集が組まれています
• ケータイFlashの仕様が詳細にまとめられた記事「ざっくり解説 - Flash Liteの仕様」