2008-09-14

だからflashで作られた携帯CGMサイトは少ない（国内)

mobile

前回の続き

・NTT DoCoMo
Flash Lite1.0 最大100KB
Flash Lite1.1 最大100KB（外部ロード分を含む）
Flash Lite3.0 最大100KB（外部ロード分を含む）

・au
Flash Lite1.1 WIN 最大100KB/ 1X 最大48KB（1セッションにつき)
Flash Lite2.0 最大100KB（1セッションにつき)

・ソフトバンク
Flash Lite1.1 最大100KB
Flash Lite2.0 最大150KB（1セッションにつき)


上記を見るとauおよびソフトバンクのFlash Lite2.0対応端末は、
外部ファイルのロードを何度でも繰り返せる。
逆にDoCoMoは、トータルのサイズである。

http://d.hatena.ne.jp/kazukiz/20080913/1221317246

どういった場合に影響するのか？

例えば、以下のようなサイトを考えてみる。

携帯サイトで、検索、ランキング、新着記事表示機能を要するFlashページ
検索、ランキング、新着情報はリアルタイムとする。

SWF本体(30k)
メニューエリア

ランキング
新着
検索
おすすめ

メインエリア

(※メニュー押下で内容がメインエリアに表示される)

■パターン１　動的呼び出し　au, SoftBankの場合
１．SWF本体(30kb)
２．ランキングボタン押下
３．ローディング中メッセージをメインエリアに表示(ランキング情報取得中）
４．ランキング情報をメインエリアに表示(40kb)
５．新着ボタン押下
６．ローディング中メッセージをメインエリアに表示(新着情報取得中）
７．新着情報をメインエリアに表示(40kb)
以降２〜７を何度でも繰り返せる

■パターン１　動的呼び出し　DoCoMoの場合
１．SWF本体(30kb)
２．ランキングボタン押下
３．ローディング中メッセージをメインエリアに表示(ランキング情報取得中）
４．ランキング情報をメインエリアに表示(40kb)
５．新着ボタン押下
６．ローディング中メッセージをメインエリアに表示(新着情報取得中）

ここで、NG 容量オーバーとなってしまう

■パターン２　別ページ遷移
別のSWFを呼び出した場合
１．SWF本体(30kb)
２．新着ボタン押下
３．新着SWFに遷移(20kb)
４．新着情報取得ボタン押下
５．ローディング中メッセージをメインエリアに表示(新着情報取得中）
６．新着情報をメインエリアに表示(40kb)

※４でボタンを押させるのは、イベントを発生させないと、外部ファイルのロードができない国内キャリアの制限の為

これだと、なぜ２回もクリックしなきゃいけないのか？？
となる

■パターン３　別ページ遷移（サーバサイド生成SWF)
別のSWFを呼び出した場合
１．SWF本体(30kb)
２．新着ボタン押下
３．新着SWF（サーバサイドで自動生成)に遷移(新着情報含む50kb)

これでようやくスムーズになる。

ただし、サーバサイドで自動生成するには、
CS3では開発できないので、mingやswfmill（使ったことはない)や有料ツール等を使う必要があり、
学習コストは少なくないし、プログラミング力が要求されるので敷居は高い。

結論１(最も理想）
au, SoftBankの場合は、パターン１、
DoCoMoの場合にパターン３の方法をとる

結論２(２番目）
パターン３の方法を３キャリアで使う。

結論３(３番目）
au, SoftBankだけにパターン１のswfを作成する。

結論４(４番目）
Flashは使わない
この要件には向いてないと考える
DoCoMoが、au, SoftBankの仕様に統一されるまで待つ。

結論４が選ばれたとしても不思議ではない。
こうしてFlashは使われなくなる。。。

Flashで作られた携帯CGMサイトが少ないのはおそらくこの辺が原因ではないだろうか？

最近、flashサイト構築ASP等のニュースをよく耳にするが、
これは、キャリアが制限を設けてるからこその需要だろう。。。

それにしても、DoCoMoは、クッキーが使えなかったり独自路線だよな。。

パケ放題だったら制限をゆるくしてくれたりすればいいのに！

今後に期待したい。。

追記
adobeのサイト内で、Flash Lite入門講座が公開されました。
Flash Lite入門講座　第1回　日本のFlash Liteの仕様
http://www.adobe.com/jp/devnet/devices/articles/develop_in_japan.html

2008-09-13

FlashLiteの容量制限について整理する

mobile

1.AUよりDoCoMoの方が先に容量オーバーになる。
ボタンをクリックすると、
ランキング情報をロードして表示するswfを
AUとDoCoMoの端末で、操作すると、
何回かクリックすると、
AUよりDoCoMoの方が先に容量オーバーになる。

AUで、容量オーバにならないのを逆に不思議に思いつつも、
同一のswfとして、DoCoMoの仕様にあわせたため、そのときはそれ以上追求せず。

2.その後、AUサイトの説明を見て
http://www.au.kddi.com/ezfactory/mm/flash01.html

”ロードする元のFlashファイルとロードされるFlashファイルやテキストファイルの合計が100KBになるようにして下さい。”

”元のFlashファイル+loadMovie() /loadVariables() でロードされるFlashファイル < 100KB”

うーん
わかりづらいっす

これは、元のFlashファイルが、30kbだとすると、
loadMovie()できるのは、70kbまでで、
差し替えであれば、何度でも70kb分loadMovie()できるという意味だとあとで理解できたが、
DoCoMoと同じように全合計とも読み取ってしまって、混乱していた。

3.ニコニコ動画モバイル(AU)を見て、
外部ファイルのロードを際限なく（クリックした数だけ)繰り返しているが、
容量オーバーのエラーが出ない。
やはり、何度でも、ロードできそう？

4.Web Designing 7月号を見て
何度でも、ロードできると書いてある。

ただし、auでは、”一回の通信につき100kb”なので、
loadMovieを繰り返せば、大量のコンテンツを表示させることができる。

・NTT DoCoMo
Flash Lite1.0 最大100KB
Flash Lite1.1 最大100KB（外部ロード分を含む）
Flash Lite3.0 最大100KB（外部ロード分を含む）

・au
Flash Lite1.1 WIN 最大100KB/ 1X 最大48KB（1セッションにつき)
Flash Lite2.0 最大100KB（1セッションにつき)

・ソフトバンク
Flash Lite1.1 最大100KB
Flash Lite2.0 最大150KB（1セッションにつき)

上記を見るとauおよびソフトバンクのFlash Lite2.0対応端末は、
外部ファイルのロードを何度でも繰り返せる。
逆にDoCoMoは、トータルのサイズである。

ふむふむ

って、この違いってでかくないすか？！

この違いを強調しているサイトが少ないのがちと不思議だ。

以下に続く
だからflashで作られた携帯CGMサイトは少ない（国内)
http://d.hatena.ne.jp/kazukiz/20080914/1221325832

2008-08-23

awstatsで携帯端末情報を表示させる方法2

続いて、インプレスR&Dで、提供されているcsvデータから
browser_phone.pmを自動生成するパターン。phpです。

インプレスR&D　インターネット総合研究所
 http://imri.impressrd.jp/iil/k-taiprofile/?q=k-taiprofile/

データの公開は許可されていないので、上記サイトから取得してください。

<?php
$csv = fopen("UserAgent_2008-08-20.csv", "r");

//through 2 lines
fgetcsv($csv, 1000, ",");

$idOrderArea = "@BrowsersSearchIDOrder = (
'opera',\n";
$idLibArea = "%BrowsersHashIDLib = (
# Common web browsers text
'msie','MS Internet Explorer',
'netscape','Netscape',
'firefox','Firefox',
'svn', 'Subversion client',
'opera', 'Opera',
";

$ids = array();
$pattern = array("/'/", "/\s/", "/-/", "/\./", "/_/", "/\(/", "/\)/");
$rep = array("\'", "\\s", "\-", "\.", "\_", "\(", "\)");
while ($datas = fgetcsv($csv, 1000, ",")) {
    if ($datas[1] === "" || $datas[3] === "") {
        continue;
    }
    if (isset($ids[$datas[3]])) {
        echo $datas[3]. "is duplicate.  \n";
        continue;
        }
        else {
        $ids[$datas[3]] = $datas[0];
}
    $id = preg_replace($pattern, $rep, mb_convert_encoding(strtolower($datas[3]), "UTF-8",
 "Shift_JIS"));
    $name = preg_replace($pattern, $rep, mb_convert_encoding($datas[1], "UTF-8", "Shift_JI
S")). "(".$datas[0] .")";
    $idLibArea .= "'" . $id . "', '" . $name ."',\n";
    $idOrderArea .=  "'" . $id ."',\n";
}
fclose($csv);

$idOrderArea .= ");\n\n";
$idLibArea .= ");";

$filename = "browsers_phone.pm";
if (!$handle = fopen($filename, "w")) {
    echo "Cannot open $filename";
    exit;
}
if (!fwrite($handle, $idOrderArea.$idLibArea)) {
    echo "Cannot write to file ($filename)";
    exit;
}
fclose($handle);
?>

ユーザエージェントが重複する場合は、一つ目だけを有効としています。
バグってたらご指摘をお願いします。

表示されてる例

2008-08-21

awstatsで携帯端末情報を表示させる方法

awstatsには、もともと携帯端末情報を表示する機能が備わっており、
awstats.confでLevelForBrowsersDetection=allphonesと設定することで、
"lib/browser_phone.pm"に記載されている
ユーザエージェントと端末名のマッピング情報を読み込んで、
端末情報が表示されるようになる。

しかし、デフォルトでは、国内キャリアの端末に関する情報は記載されていない。

そこで、端末のプロファイルデータが、
以下のサイト等で無料で公開されていたりするので、
これらのデータを利用することにする。

すばらしい！

インターネット総合研究所
 http://imri.impressrd.jp/iil/k-taiprofile/?q=k-taiprofile/
ke-tai.org
http://ke-tai.org/index.php?%B7%C8%C2%D3%C3%BC%CB%F6%A5%B9%A5%DA%A5%C3%A5%AF%B0%EC%CD%F7

awstatsで、端末情報表示させたかったらみんな似たようなことしてるはず。。

そこで、ke-tai.orgで、提供されているcsvデータから
browser_phone.pmを自動生成するスクリプトをざっくり書いてみました。phpです。
perlで書けよ！＞俺
インプレスR&Dの方も似たような感じになるかと思います。

データ自体は、上記サイトから取得してください。

<?php
$csv = fopen("20080820_ke-tai_list.csv", "r");

//through 2 lines
fgetcsv($csv, 1000, ",");
fgetcsv($csv, 1000, ",");

$idOrderArea = "@BrowsersSearchIDOrder = (
'opera',\n";
$idLibArea = "%BrowsersHashIDLib = (
# Common web browsers text
'msie','MS Internet Explorer',
'netscape','Netscape',
'firefox','Firefox',
'svn', 'Subversion client',
'opera', 'Opera',
";

$ids = array();
$pattern = array("/([^\[^\(]+).*/", "/\s$/", "/'/", "/\s/", "/-/", "/\./", "/_/");
$rep = array("$1", "", "\'", "\\s", "\-", "\.", "\_");
while ($datas = fgetcsv($csv, 1000, ",")) {
    if ($datas[2] === "" || $datas[4] === "") {
        continue;
    }
    if (isset($ids[$datas[4]])) {
        echo $datas[4]. "is duplicate.  \n";
        continue;
        }
        else {
        $ids[$datas[4]] = $datas[2];
}
    $id = preg_replace($pattern, $rep, mb_convert_encoding(strtolower($datas[4]), "UTF-8",
 "Shift_JIS"));
    $name = preg_replace($pattern, $rep, mb_convert_encoding($datas[2], "UTF-8", "Shift_JI
S")). "(".$datas[1] .")";
    $idLibArea .= "'" . $id . "', '" . $name ."',\n";
    $idOrderArea .=  "'" . $id ."',\n";
}
fclose($csv);

$idOrderArea .= ");\n\n";
$idLibArea .= ");";

$filename = "browsers_phone.pm";
if (!$handle = fopen($filename, "w")) {
    echo "Cannot open $filename";
    exit;
}
if (!fwrite($handle, $idOrderArea.$idLibArea)) {
    echo "Cannot write to file ($filename)";
    exit;
}
fclose($handle);
?>

ユーザエージェントが重複する場合は、一つ目だけを有効としています。
バグってたらご指摘をお願いします。

以下追記　8/22

表示されてる例