仕事で一度だけケータイFlashのコンテンツを作ったことがあるのだけど、特定端末でビデオメモリ不足で画像が出なかったりと色々苦戦しました。そこでこの勉強会が開催されるとのことで上級編（Flash作ってる人向け）に参加しました。

パブリッシュについて

Flash4はFlashLite1.1とほぼ同等。ただし、FlashLiteは携帯特有のASが付随していると考えればよい。
CS3があるならデバイスなんちゃら（携帯の端末でテストできるあれ）を使うのがいいが、持ってない人はFlash4で作って行くのが良いよ。

フレームレート7~12fpsで制作するのがいい。12fpsで問題ないが一部端末でつらい場合があるのでセーフティは7fps。
画面解像度は240＊240。ただしこれはセーフティーなサイズなので、コンテンツによって変えるといい。

FlashLite1.xならではのスプリクトの書き方

携帯端末はreleaseのアクションはとれないので全てpressにする。
携帯端末は押す動作しかなく、マウスのように離すことは無いためpressを使うこと。
ただし一部端末ではreleaseでも取れることがある。

FlashLiteは配列が使えない。オブジェクトも使えない。

変数制限について

変数宣言のvarは認識できないので使わない。
読みづらくなるので変数名をわかりやすくしないと...

ドットシンタックスは使えない

AS2.0では基本的なドットシンタックスによる指定ができない。

image.gotoAndPlay(1);

上記の指定だとシンタックスエラーが出るので下記の方法でやる。

tellTarget("image"){
gotoAndPlay(1);
}

テキストフィールドについて

AS2.0だとテキストフィールドでもインスタンス名を入れるが、FlashLiteだとインスタンス名を入れるとエラーが出るので、変数名で指定する。

文字列の連結

AS2.0だと＋で文字列の連携ができるが、FlashLiteだと連結することが出来ない。

tellTarget("image" + 1){
gotoAndPlay(1);
}

上記の記述だとエラーが出るので下記のようなaddを使って文字列の連結を行う。

tellTarget("image" add 1){
gotoAndPlay(1);
}

MC名にforで回した変数を追加して”mc01”、”mc02”といった指定をする場合はこれで行う

さらに「==」は「eq」に置き換わる。これも注意。

FlashLite1.xだとfunctionが使えない

functionは無理だがcallでそれっぽいことができる
call(2);

これで2フレームに書いてあるasを呼び出すことができる！（フレーム名じゃなくてラベルでも呼び出せる）
asのみの動作であって、2フレーム目に書いてある画像などは呼び出されない。

ただし、引数は持っていけないので引数っぽいことがやりたければcallを呼び出す前にグローバル変数に引数（戻り値）も入れてしまうといい。さらに呼び出した先のフレームの最後でグルーバル値に値を入れると戻り値っぽいことができる（若干トリッキーだが。

#include はFlash4でも使える

なのでcallをたくさん使うならincludeを使ったほうが管理しやすいよ。
ただし！呼び出されるたびにコードが展開され容量を喰うので何度も同じコードを呼び出す場合はキツイ...
携帯で容量を喰うのは痛い。程度によってはcallを使うか、そもそも関数を使わないように組むのがいいかな。

携帯案件で折れ線グラフを作ってみた結果、気がついたことを

AS2.0であれば、ポイントからポイントまでLineToで線を引けばいいが、FlashLiteではLineToが無いので線をあらかじめ書いたMCを移動、回転、伸縮させて表示している。

Tips

_width,_heightは機能しない機種（一部）がある
解決方法はサンプルデータが公開されてから追記します。

参加者からの質問

テキストフィールドの位置を動的に動かしたい場合は？
テキストフィールドにインスタンス名を書く事ができないからそのままだと動かせない。
MCの中に入れればMCごと移動できるかな？

自動的なローディングはできない？
何かをさせつつ裏でロードするということができないので、ロードするにもユーザーにクリックを強いてしまう。
クリックを感じさせない設計ならいいんじゃね？

容量を押さえる、スムーズに動かすには。

ビデオメモリは1M〜2Mの間が多い、この間で画像が出なかったりする。
フォントは明朝体よりもゴシック体、さらにデバイスフォントのほうが軽い。
デバイスフォントは汚いが、PCと端末で入ってるフォントが違うのでPCよりは読みやすいものがでるよ。（端末のメニューとかで使ってるし）
フォント選びは慎重にすること。
また、パスの場合も多くなってくる重くなる。が、落ちることも無い（画像の場合は落ちる）ただし、極端な場合は表示すらされないこともある。

音の差異

mmf,midiファイルを与えないと音が鳴らせない。（PCでは確認できない
音を鳴らすためのルールが3キャリアで違うので、別途でやらないとダメ。
ピアノの音源であれば、端末の差があまりでない（ピアノはピアノの音色になる）
その他の音源（シンセ）とかだと端末によってドラムになったりするらしい。
正直、音の入ったコンテンツは音の専門家が居ないと作れないと思われる。

フォントの差異

容量の関係で_ゴシックを使う機会も多くなるので注意したほうがいいよ。
フォントは12pxで１２文字（７、８文字）で作るのが一般的。
８、１６、は12pxと同じサイズで表示されたり危ない。Softbankだと8pxが米粒に。
最悪はアウトライン化して出力。

ベンチマーク

DoCoMoの端末は早い！また遅い機種も無い！
AUの端末は基本的に遅い。一番早い機種でDoCoMoの中で真ん中ぐらい。遅い端末はDoCoMoの２倍以上かかることも。
表示速度をしっかり得るには、早い端末、遅い端末の間をとって制作するのがいいね。
このベンチマーク結果はあとでもらえるとのこと。太っ腹すぎる。
FlashLiteに対応していない端末は30%ぐらい。

ボタンのフォーカス

基本的にY軸上、上から下へフォーカスがかかっていく。
同じ軸上にある場合は左からフォーカスがかかる。

データの保存

クエリをつけてGETで送る。これには特に注意点は無い。

再生中に電話やメールといったことがおきると

基本的にはブラウザの操作なので注意点はとくになし。ブラウザごと一時停止する。
待受けの場合は携帯を閉じるときにデータを保存することができる端末もある（すべてじゃない）

結論

セーフティな書き方でFLashを作ることはできるが、やっぱり実機での動作環境は必須

フジ産経ビジネスアイの報道によると、DoCoMoとSoftBankのどちらかで出ると言われてたiPhoneがドコモの方が選ばれる可能性が高いということらしいです。

米紙ウォールストリート・ジャーナル（ＷＳＪ、電子版）は１８日、米アップルが携帯電話端末「ｉＰｈｏｎｅ（アイフォン）」を日本市場で売り出すため、ＮＴＴドコモ、ソフトバンクと交渉していると報じた。

両社の幹部チームが複数にわたり米カリフォルニア州のアップル本社を訪れて交渉しており、ＮＴＴドコモの中村維夫（まさお）社長もアップルのスティーブ・ジョブス最高経営責任者（ＣＥＯ）と面会したという。ＷＳＪは関係者の話として、ＮＴＴドコモが提携先に選ばれる可能性が高い、と報じている。

FujiSankei Business i.　総合／ｉＰｈｏｎｅはドコモ　アップル、米紙報道

お願い！SoftBankで出してええええええぇぇぇぇぇ！（SoftBankユーザーの心の叫び

関連リンク

スラッシュドット ジャパン | iPhone はドコモで決まり?

一昨日の夜、それまで使っていたSoftBank 707SCのメーラーが立ち上がらなくなりました(；´Д｀)
それでもって、昨日のお昼にビックカメラに持ち込んでみたところ修理になるとのことなので機種変更。

というのも、2ヶ月ぐらい前にもメーラーがフリーズする現象が起きたので一度修理してたのです。
それでまた問題が起きたので嫌になってたんですねー。

707SCのデザインと薄さは気に入っていたので、残念です(´・ω・｀)

で、機種変更したのは912SH。なんとワンセグ付きですよ奥さん！
707SCはGPSも付いてないわ、QRコードも読めないわ、赤外線通信もできないわ・・・とかなり機能が制限されていた機種なのでなんでもできるっぽい912SHに惹かれました。

まだ使い始めたばかりの912SHですが、液晶が綺麗すぎてビビる。
携帯使いこなせない人だけど、多機能なコイツを頑張って使いこなしてやりますよー。

6月16日（土）、Twitterの@miniturboのこの一言から始まったモバイル勉強会に参加してきました。
前日はTwitterのオフ会で終電で帰ったので、寝坊しないか心配だったんだけど何とかセーフ。

会場は株式会社ノッキングオンさんに無料で貸していただきました。ありがとうございます。

俺はWebデザイナーでプログラムはちょっと分かる程度のひよこなので実際どこまで理解してるのか危ういです。
なので、勘違いしてる箇所がいっぱいあると思いますので、発見したら指摘してくだしあ＞＜
そのうちどこかで動画が上がるとの事なので、詳しい部分はそちらを待ってもらったほうがいいかもしれません。

そろそろiアプリについて一言言っておくか - yoshioriさん

• 前日のTwitterオフからほぼ徹夜で勉強会に参加！お疲れ様です！
• iアプリはダウンロードしたドメインと同一ドメインでしか通信できないらしい。
  • でもまぁゴニョゴニョできるよね
• 電話帳などにも制限付きでアクセスできる。
  • ただし、変更はもちろん検索ですら不可能。制限厳しいのね・・・
• iアプリからカメラからバーコードリーダーやらGPSやら基本的には何でもいじれる。
  • カメラも起動させることは出来るが、自動で撮影などは不可能。撮影自体はユーザーが行う。
• 携帯はいろんな機能があって、APIもいろんなものがあるよ！
  • 使うえる物から、何考えて作ったか不明な物まで
• 昔ボツったネタ公開。
  • 都内オリエンテーリング、ヴァーチャル便所の落書き（これは面白い！）
  • ボツった理由は金と企業的に責任が取れないから・・・なるほど・・・でも面白い企画！
• 開発環境はWindowsばかりらしい。Macだと大変。

MovaTwitterと実世界指向プログラミングについて - f-shinさん

• 実はマッシュアップいろいろやってる！
  • 住所変換サービス - 緯度経度から住所が拾えるやつ。個人サービス？
  • はてなAPI、ブックマーク、フォト
  • Googleのモバイル変換
• 開発環境は当日持ってきていたMacBookとEclipse。
  • EclipseにMac版があるの知らなかった。
• 実世界指向プログラミング
  • プログラムを意識することなく透明な存在として使うようにしようぜ！って考え方。初耳でした！
  • モバイルは誰でも持ってるし、透明な存在としてもっと活用できるよね！

キャリア/機種判別のお話 - yosukeさん

• 機種判別はUAで判別を基準にしている
  • でもそれだとFirefoxなんかで偽装できるよね？
  • UAだけだとセキュリティ的に甘いのでIPでのチェックも併用してる。
  • そのIP情報は公開されていないので、各社独自で判別してるらしい。
    • IP情報は各社公開してるけど更新のお知らせとか来ないし（RSSも無い）、そもそもすぐ更新されるとは限らないため、勝手サイトだと大変だよね。（訂正しました。cipherさんありがとうございます！）
  • 公式サイトになればキャリアから送られてくるよ。
• Softbankの場合、X-Jphoneでさらに細かい情報が取れるよ！
  • でもSSLかましてると上手く吐いてくれない事があるから信用できない。
• Softbankな変な挙動をする機種があるよ
  • GETしか使えない機種（アリエネー）だとか、リンクされてない画像にフォーカスしたり・・・
• UAから取得できる情報は、キャリア、機種以外にもあるけど実際どうしてるの？
  • UAが吐く機種以外の情報（画面の幅とか）は取得しないで、自社のDBを利用してる。
• 1ページあたりのキャッシュは非QVGAは5k、QVGAは9kだと間違いは無い。（セーフティな容量）
• パターンとルールを決めよう。
  • nikuってファイル名の画像だったら、gif、pngなど名前は一緒でキャリアごとの拡張子で表示できるようにするとか。
• 名言：「No●iaは変態っすね。」　「でもDoCoMoのNo●iaは素直だよ」

ケータイの絵文字の話 - Arakiさん

• 各キャリアで絵文字数が違うし、時計のアイコンでも複数があるので注意。
• 1対複数でやるのがいいよね。
• SoftBankは絵文字が並べると勝手にまとめてくれるよ！（余計なことを・・・）

FLASH Lite2.0動的生成 - sp1rytusさん

• 経歴見てビビった・・・何このエリート・・・(　ﾟдﾟ)
• Smartyのテンプレートエンジンを使って、キャリア（機種）ごとにページを生成してるらすぃ。
• セッションをFlashでも維持させるためにFlash内部の変数を書き換えて動的生成するみたい。
• Flashの動的生成にSwftoolsというのを使ってるらすぃ。

モバイルでのXHTML/CSSのお話 - kzさん

• Web（PC）業界の@pruto、@woopsdezと「CSSのプロパティとか見ると安心するね」と会話。
• XHTMLは、W3Cの「XHTML Basic」とOMAの「XHTML Mobile Profile」の2つがあるよ。
• CSSは、W3Cの「CSS Mobile Profile」とOMAの「WCSS（Wireless CSS）」の2つがあるよ。
• プロパティは色々削られてるけど、実用には十分使えるレベルだと思う。
• WCSSでdisplay: -wap-marquee;っていうのがあるらしい・・・ﾅﾆｿﾚ。
• WCSSで-wap-accesskeyで、アクセスキーに指定できるらしい。なんでCSSでやんの？
• DoCoMoではWAP2.0互換とうたってるのに、link要素をサポートしてない。ﾅﾆｿﾚ
• auとSoftbankはそれなりに実装されてるから、現状では「DoCoMo」と「AU＆Softbank」の2種作る必要あるよね。

初心者向け3キャリア共通モバイルサイト作成講座 - yuzuhoさん

• 全国の女子中高生を囲ってるyuzuhoさん、ギャル語が読めるぜ！スゲーそれだけで尊敬＞＜
• 話題のケータイ小説の宣伝サイトを作ってみよう！
  • ケータイ小説って、読者の反応で内容が変わることがあるらしい（作者による）。知らなかった＞＜
  • そういや、韓国のドラマも読者の反応で変わるらしい（関係なし
• 3キャリア共通ということで、絵文字は無し。画像と顔文字。
• ヘッダーだけPHPで分けてインクルードして、コンテンツ以下は共通で作ろう。
• i-Mode用：XML宣言の前にapplication/xhtml+xmlを送信しないと、実機でCSSが表示されない。
• 共通BODYでstyle要素だけじゃなく、古い機種用にHTMLにも直接記述。
• PCで見られても困らないようにコンテナを1つ作る。
• ページ内リンクは、古い機種でも使えるようにidとnameを入れよう。
• PC用サイトとは違うので、携帯用サイトは整理よりカオスがいいよ！

Opera モバイルブラウザの紹介＆Opera用Webサイトの作り方 - kaoritterさん

• Web標準でちゃんと作ればモバイルだってちゃんと見れるんだよ！
• OperaはwiiやDSを初め、auのPCサイトビューワーなどなど名前を変えて色んな所にいるよ。
• スモールスクリーンモードは、上から強制的にCSSをあててるイメージなので、XHTMLの順番に気をつけて記述しよう！

Twitterオフに続いて「紫色の何か」

勉強会終了〜！呑みいくべ！

一次会。
聞いちゃいけない話がいっぱい・・・((((；ﾟДﾟ))))
携帯業界ドロドロですか！？

二次会。
yosukeさんとの話がスゲー熱かった！
名言：「みんなコンピューター持ち歩いてるんだぜ！こんな楽しい事は無いよ！」

三次会、始発までカラオケ。

ココからAmachangが合流！

@yoshioriさんのライトセイバーで遊ぶAmachang。うれしそうｗ

モバイルは普段使ってるのに、知らない事が一杯ですごい勉強になりました。
また、以前のようなWeb（PC）のおまけ的な扱いでは無くて、携帯でしか出来ないこと、携帯ならもっと面白いことができるっていうのが知れて面白かったです。
あと、いろんな人が「これからは携帯だよな」的なことを発言してたのが印象的でしたｗ

他の方のレポート

モバイル勉強会に行ってきた(070616) - yosukeさん

モバイル勉強会が開催されました！ - miniturboさん

モバイル勉強会メモ -ELFさん

6/16（土）モバイル勉強会をレポートします - Arakiさん

第1回 モバイル勉強会 - yuzuhoさん