blog home
- エントリーの表示を切り替える
- 「くままり」で使用したBox2D AS3テクニックLink
- WordPressとFlashの連携Link
- エントリーメニュー
- この記事のコメント一覧へScroll
mixiアプリモバイル作成前に見ておくべき10のまとめ
2009.10.22 - 携帯/Mobile
（1）画面遷移図を始めにしっかり作れ！
Flashページ、PHPページ双方を入れないとアプリが作りにくいので始めに画面遷移図をしっかり作っておかないと後々大変になる。
（2）FlashLite2.0で開発がオススメ！
プログラミングのしやすさからFlashLite2.0で開発した方がいい。
→PC、モバイル双方で配信予定の場合はAS2で書くと移行が楽！
→mixiのユーザー層を考えるとFlashLite1.1の機種を持っているユーザーは少ない。
→FlashLite1.1だと配列使えない！
（3）画面サイズは240×266[pixel]か240×320[pixel]！
推奨サイズは240×240[pixel]だが、FlashLite2.0の場合は240×266[pixel]か240×320[pixel]でＯＫ！
- ちなみに今出てる携帯の最大解像度は480×1000[pixel]
- 480×640[pixel]の携帯で240×240[pixel]を直接swfで見た場合、240×240[pixel]は自動的に480×480[pixel]になる（※html内でサイズ指定してしまったらその指定したサイズになる）
（4）フォントサイズは12[pixel]か24[pixel]！
機種によって表示できる大きさが違うので悩ましいが、基本的な大きさの12[pixel]か24[pixel]で作るとよい。8[pixel]に設定しても8[pixel]で表示できない機種で見ると12[pixel]で表示されるということがあるので注意！
（5）外部データの読み込みには注意！
外部データの読み込みをするためには一度ユーザーがボタンを押すことが必要となる。複数個ある場合はその回数押さないといけなくなるので注意が必要。
- 回避手段
画像の場合、画像をひとつにまとめてFlashに読み込んだ後はマスクで処理する
複数回押すことが楽しいと思わせる設計にする
（6）swfの容量は基本100[K]以内で！
アプリを複数個のswfに分けて遷移させるというやり方ももちろんできるが、遷移が複雑になるのでミニゲームではオススメできない。
- ちなみに各キャリアの容量はこうなってる
ドコモ2009年夏モデル以前 100[K]
ドコモ2009年夏モデル以降 500[K]
au 100[K]
softbank 150[K]
（7）容量制限には気をつけろ！
メインswf＋外部読み込みの合計が100[K]超えてはならない。メインswfが100[K]超えてないからＯＫということにはならない。
（8）読み込みできる画像は数の限りがある！
ワークメモリーの上限があるのでそれを超えないように画像の大きさ、容量、数には気をつける。120×160[pixel]だと24個ぐらいが限度。
ワークメモリーの上限を超えると画像が赤で塗りつぶされたオブジェクトになる。
（9）動作確認はAbode Device Centralでやるとかなり便利！
リリース後に「この機種でこういうバグがあります」っていう対応に威力を発揮します。
→発売されている携帯はほぼ網羅されている。
→docomoのiモードHTMLシミュレータIIと併用すると便利度アップ！！
GETで送っているので送れるデータの上限があるのでそこは気をつける。バージョンで場合分けをしているのはドコモのFlash lite 3.1機種で不具合がでるため(※09/11/06修正)
PHP Code
<a href=“test.swf?data1&data2&data3″>Flash</a>
Flash（test.swf）[AS2.0]
// 文字化けを防ぐ
System.useCodepage = true;
// Flash lite バージョン抽出
var varsionName:String = “” + $version;
var versions:Array = varsionName.split(” “);
var version:String = versions[0];
// URL分解
var _loc1 = this._url.split(“/”);
var _loc2 = String(_loc1.pop());
var _loc3 = unescape(_loc2);
var _loc4 = unescape(_loc3).split(“swf?”);
if(version == “AFL”){
var _loc5:Array = _loc4[1].split(“&”);
}else{
var _loc5:Array = _loc4[1].split(“%26″);
}
// データ抽出
point = unescape(_loc5[0]);
hpoint = unescape(_loc5[1]);
if(version == “AFL”){
myname = _loc5[4];
}else{
myname = unescape(_loc5[4]);
}
//// 出力テスト
// trace(point + ” ” + hpoint + ” ” + myname);
//// 出力結果
// data1 data2 data3
link: http://www.thedesignium.com/blog/mobile/1922
TrackBack: http://www.thedesignium.com/blog/mobile/1922/trackback
autor: ミズタニキリン comment: 3件
tags: Flash, mixiアプリ
この記事へのコメント一覧
3件のコメントがありますRSS
ミズタニキリンからのコメント： Link
2009.11.26 - 1:03PM
下記(A)、(B)より80～90%の機種はFlash lite 2.0に対応しているという結果になり「mixiのユーザー層にFlash lite 1.1の携帯を使っている人は少ない」と結論付けますした。
(A) ケータイ白書2009「Flashバージョン別アクセスシェア」データ＋mixiモバイル年齢層からの予測
ケータイ白書2009の「Flashバージョン別アクセスシェア」データによると
2008年9月でFlash lite 2.0以上に対応してる機種は約65%になっています。2007年9月のデータでは約26%です。
大幅に比率が伸びたのはdocomoが2年前に最新機種にFlash lite 3.0を搭載したからです。
その伸び率から予想すると2009年9月では80%はFlash lite 2.0以上になっているものと予測しました。
さらにmixiモバイルの利用者は20代以下が75%をしめています。ケータイ白書2009での回答者で20代は全体の20%になります。若い人は携帯の機種変をする人が多い傾向にありますのでそれを上記の予測に考慮するとさらに数値は高くなると思われます。
(B) ケータイ白書2009、弊社サイト「wevy.jp」、他のデータ分析から普及率を現在の普及率を予測
(1) webアクセスしている携帯はほぼ100%が3G携帯である。
(※wevy.jpアクセスデータ、携帯制作関連本より )
(2) Flash lite 2.0以上の機種が発売された時期は以下である。
au 2006年夏ごろ
docomo 2007年冬ごろ
softbank 2007年冬ごろ
したがって以下のようになる
au 約3年前～現在
docomo 約2年前～現在
softbank 約2年前～現在
(3) ここでケータイ白書2009「現在の機種の利用暦」のデータと(2)を照らし合わせると所有している携帯でFlash lite 2.0以上の機種は以下のような比率になる。
au 92%
docomo 79%
softbank 79%
※「現在の機種の利用暦」データは2008年だが毎年数パーセントの違いしかないので2009年もほぼ同じようなデータとなると予測する
(4) またケータイ白書2009「キャリア別アクセスシェア」を見ると以下になる
au 52.8%
docomo 37%
softbank 79%
(5) (3)(4)より
au 52.8×0.92=48.6%
docomo 37×0.79=29.2%
softbank 79×0.79=7.9%
48.6%+29.2%+7.9%=85.7%
よって約86%
以上(1)から(5)によりwebアクセスしている携帯でFlash lite 2.0以上の機種は全体の86%となる
さらにmixiモバイルの利用者は20代以下が75%をしめています。ケータイ白書2009での回答者で20代は全体の20%になります。若い人は携帯の機種変をする人が多い傾向にありますのでそれを上記の予測に考慮するとさらに数値は高くなると思われます。
したがって(A)、(B)より80～90%の機種はFlash lite 2.0に対応しているという結果になり「mixiのユーザー層にFlash lite 1.1の携帯を使っている人は少ない」と結論付けますした。
suzukimilanpaakからのコメント： Link
2010.01.20 - 10:46AM
お返事が遅くなってしまい大変申し訳ございません。ご丁寧な回答有難うございました。なるほど、時間的な経過を考えると(2)(3)確かにFlash lite 2.0以上の機種の普及率は上がってきていそうですね。2.0の導入を見当してみようという気持ちになれました。有難うございました
-
01:
-
02:
-
03:
-
04:
-
05:
-
06:
-
07:
-
08:
-
09:
-
tg:wevy(38) wevyムービー(22) イベント(21) 待ち受けFlash(16) Flash(15) 地域(12) Tips(11) ミズタニキリンのクレイジーセンサー(7) SNS(6) javascript(6) 会津大学(5) wevy待ち受け特集(5) mixiアプリ(5) WordPress(5) wevy週間ランキング(5) Webデザイン(5) アート(4) 社内教育(4) phidgets(4) センサー講座(4) 会津しこん(4) HTML/CSS(3) actionscript(3) レイアウト(3) webアプリ(3) WEBユーザビリティ(3) 地域、会津(3) GAINER(2) CSR(2) wiimote(2) mootools(2) DSN(F)シリーズ(2) Wii(2) 会津漆器(2) マルチタッチディスプレイ(2) 取材(2) 福島県(1) OpenSocial(1) ハッカソン(1) 音楽(1) 会津若松(1) Movable Type(1) UI(1) AR(1) Processing(1) Joomla(1) Google App Engine(1) ドット絵(1) GAE(1) 会津 データ(1) DROP BURGER(1) 地域性(1) ワークライフバランス(1) 夢(1) API(1) concept(1) AIR(1) 映画(1) 新人研修(1) DSN Player(1)
- 2010.1.20:
- 2009.11.26:mixiアプリモバイル作成前に見ておくべき10のまとめLink
ミズタニキリン：
下記(A)、(B)より80～90%の機種はFlash lite 2.0に対応しているという結果になり「mixiのユーザー層にFlash lite... - 2009.11.24:
- 2009.10.10:
- 2009.10.6:
- 2009.12.10:センサー講座 Spe.001 Wiimote WhiteboardLink
お金と知識のない学生が努力と根性で作ったもの
from アナリハ
この前の１０月・１１月に定期的にプレゼンをする事になった。... - 2009.10.27:
- 2009.9.4:越後妻有アートトリエンナーレ 大地の芸術祭2009（前編）Link
ブログ | The Designium - デザイニウム
from 越後妻有アートトリエンナーレ 大地の芸術祭2009（後編）
越後妻有アートトリエンナーレ... - 2009.9.4:越後妻有アートトリエンナーレ 大地の芸術祭2009（後編）Link
ブログ | The Designium - デザイニウム
from 越後妻有アートトリエンナーレ 大地の芸術祭2009（前編）
越後妻有アートトリエンナーレ... - 2009.6.25:若手向けの勉強会企画してみました。Link
[勉強会]みちのくIT会議ってのが福島であったようだ。
from 笑う角でずっこける。
まぁ、タイトルでまとまってしまったけど…。 初めて聞く名前だったので情報を集めてみた。...
suzukimilanpaakからのコメント： Link
2009.11.24 - 10:42PM
(2)FlashLite2.0での開発がオススメについて質問させてください。mixiのユーザ層にFlashLite1.1の携帯を使っている人は少ないとありますが、もしよろしければどのような理由からか教えていただけないでしょうか？ よろしくお願いいたします