====== フィーチャーフォン2011 ======
携帯ブラウザの注意点(2004年から技術の進歩がない)。
===== 注意点 =====
*docomoはインラインのみ対応で、外部css等は使えない
*doCoMoはContent-Typeをxmlにする
*容量は100KByte(HTMLは9KByte)まで
*文字コードはShift-JIS
*画像はgifかjpg(iモードブラウザ1.0はpngが表示できない)
*拡張子は.html(CGIならphpとか)
*マークアップはdiv, span, table, brだけ
*tableの入れ子はauで表示できない
*色指定は#xxxxxxで
*ページ内リンクはnameとidを両方指定
*文字サイズは2段階まで
*太文字はできない
*個別のリンク下線色はaにspanを入れ両方に指定(docomo不可)
*td内で文字サイズ、文字色の再設定が必要
*背景画像はbodyのみ有効
*margin、paddingは使用できない
*余白の調整はbrと透過色gifで
*回りこみはfloatとalignの両方指定
*JavaScriptは基本的に使えない
*動作チェックはiモードエミュ→docomo→au,softbankの順に行うと効率が良い
[[http://design.kayac.com/topics/2010/09/mobile-template.php|永久保存版!?携帯コーディング、これだけ読めばすぐできる!]]
===== docomo対策 =====
.htaccessの設置
AddType application/xhtml+xml .html
動的コンテンツの場合
header("Content-type: application/xhtml+xml;charset=Shift_JIS") ;
===== 携帯、スマホゲームの分類 =====
携帯向けゲームって言っても見た目は様々。各ゲームをざっくり分類。
^携帯ブラウザ^携帯の標準ブラウザで動作。簡単なHTMLしか動かない。^
|怪盗ロワイヤル|{{http://mbga.jp/pc/html/sg_kt/img/kt01_1.gif}}|
^HTML5^ブラウザでの動作。組み方次第で複雑なゲームも作成可能。^
|サンシャイン牧場|{{:web:html5game.jpg}}|
^ハイブリッド^WEBで足らない機能をSDKで補う(WEBとネイティブの中間)。^
|忍者ロワイヤル|{{http://a3.mzstatic.com/us/r1000/110/Purple/e8/28/33/mzl.notkiuxv.320x480-75.jpg?400}}|
^ネイティブ^OSのSDKでプログラム。最も高速で動作。^
|Real Racing 2|{{http://a3.mzstatic.com/us/r1000/063/Purple/9b/82/3c/mzl.yspfufuk.320x480-75.jpg?400}}|
|SHADOWGUN|{{http://a3.mzstatic.com/us/r1000/067/Purple/6a/ea/7f/mzl.twkhatpz.320x480-75.jpg?400}}|