モカモカ工房

　携帯サイトをつくる時、気になるのがページの容量です。
　キャリア毎に推奨サイズというのが決まっています。

1. DoCoMo
   　全機種対応→5KB
   　しかし、FOMAだとキャッシュサイズは100KBまで拡大します。
2. au
   　全機種対応→9KB
   　しかし経験的には50KB以下であれば、たいていのWAP2.0搭載機種では表示される（携帯サイト作成時の注意点〜ページ容量au編〜
3. softbank
   　最低　C2,C3,C4型 6KB
   　最高　3GC型 300KB
   　（ソフトバンク携帯電話向けのHTMLについて）

　結論→最新の3G携帯のみに限定すれば50KB〜100KB程度ならば大丈夫です。

続きを読む "携帯サイトのページ容量について"

　Mac OSX限定なのですが、iPhoneのエミュレータがありました。
　Safariのエンジンを使って、実際に近い解像度で表示してくれます。

続きを読む "Mac上でiPhoneをシミュレート「iPhony」"

携帯サイトでフォーム入力をする際、入力モードが自動的に変わるのはPCサイト以上に大切だと思っています。
input要素の属性で文字入力モードを指定する場合、htmlだと

1. i-modeとez-web
   • istyle=1 （全角かな）
   • istyle=2 （半角カナ）
   • istyle=3 （英字/半角文字）
   • istyle=4 （数字/半角文字）
2. softbank
• mode="hiragana" （全角かな）
• mode="katakana" （半角カナ）
• mode="alphabet" （英字/半角文字）
• mode="numeric" （数字/半角文字）

　で良かったのですが、xhtmlではこれが機能しません。
　そこで登場するのが-wap-input-formatです。

続きを読む "携帯サイトをxhtmlで作る時の文字入力モードの指定方法"

　Movable Typeを携帯でも見られるようにする「MT4i」を使ってみました。
　同じようなシステムには「MT-Mobile」などもありますが、「MT4i」の方が下記のような理由で使い勝手が良いようです。［nextglobaljungle］

1. 「MT-Mobile」はMovable Typeのプラグインなので、プラグインディレクトリーに本体のcgiプログラムをいれなければいけない。そのため、携帯サイトのURLが長くなってしまう。
   「MT4i」は任意のディレクトリにに本体のcgiプログラムをいれることが出来るため、
   
   http://mocamoca.com/m/
   
   といった短いURLに出来る
2. ページのカスタマイズがかなり自由に出来る
   設定画面でかなり細かい設定が出来る。
   さらに、テンプレートを改造することによって表示もカスタマイズ出来る
   

続きを読む "Movable Typeを携帯でも見られるように、「MT4i」の導入"

1. 最近の携帯検索の動向
   急速にトップ画面への検索窓の設置が進んでおり、今後はPC同様に検索経由のサイトへのアクセスの増加が見込まれる
   
   
1. DoCoMo
   2008年春をめどに、「iMenu」のトップ画面にGoogle検索窓を設置→公式サイト（goo）と一般サイト（Google）の両方の検索結果を表示［ドコモとGoogleがモバイルインターネットサービスに関する業務提携に合意］
2. au
   2006年5月のKDDIとGoogleとの提携によりGoogleがauのEZweb検索エンジンとして公式に採用
3. softbank
   ［Y!］ボタンが付き、ケータイ端末から容易に検索サービスが利用できるようになった

続きを読む "携帯サイトのSEO対策"

　携帯サイト制作においてネックになるのは、各キャリア端末での見え方のテストです。
　各キャリアでは独自にPC用のエミュレータを出していたのですが、今度決定版とも言うべきものが出ました。

P1 Emulatorの操作画面