====== フィーチャーフォン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}}|