About
コンテンツ
人気の記事 Top5＋α
最近の記事
- 2013/6/1に第四回札幌MySQL勉強会開催を行います
- 2013/1/26に札幌で「LOCAL DEVELOPER DAY ’13 / Infra & Security」が開催されます
- 2012年11月にEZwebのIPアドレス帯域の一部削除がありました
- Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点
- 2012年11月にEZwebのIPアドレス帯域の一部が削除されるようです
- 2012年10月13日に「第3回札幌MySQL勉強会」を行います
- EZwebとSoftBankのIPアドレス帯域が削除されています
- オープンソースカンファレンス2012北海道の発表で使用したスライド資料を公開しました
- 2012年6月16日(土)のオープンソースカンファレンス2012Hokkaido内で、PHP+MySQLに関するセミナー発表を行います
- 2012年6月15日(金)に「第2回札幌MySQL勉強会」を開催します
- ドコモがスマホ全機種の動作検証を遠隔で行える「リモートテストサービス」を提供するようです
- ソフトバンクのIPアドレス帯域が2012年5月中旬以降に追加予定となっています
- Android端末のブラウザ仕様やバッドノウハウをまとめたスライド資料「スマートフォンブラウザ不具合特集」
- EZwebのIPアドレス帯域の一部が2012年4月で廃止になっています
- PHPカンファレンス北海道のLTで「PHP検定」に関する発表を行ってきました
- 昨日行われたイベント「Lord of Knights の裏側見せます！～Unity + PHP + MySQL で作るスマートフォンゲーム開発～」の資料を公開しました
- 2012年3月31日でmovaが停波となりました
- Unityを使ったiPhoneアプリ開発の実状がわかるスライド資料「Unity×HTMLで作るiPhone オンラインゲーム開発事例」
- Googleがガラケーの「かんたんログイン」による認証を停止するようです
- Vim力がぐんぐん上昇してvimrcも長くなる革新的なアプリ「Vim検定」 Android版も本日リリース！！
カテゴリー
アーカイブ
- 2013年5月 (1)
- 2013年1月 (1)
- 2012年12月 (1)
- 2012年9月 (4)
- 2012年6月 (3)
- 2012年5月 (4)
- 2012年4月 (3)
- 2012年3月 (8)
- 2012年2月 (7)
- 2012年1月 (8)
- 2011年12月 (9)
- 2011年11月 (14)
- 2011年10月 (11)
- 2011年9月 (12)
- 2011年8月 (14)
- 2011年7月 (13)
- 2011年6月 (18)
- 2011年5月 (17)
- 2011年4月 (20)
- 2011年3月 (15)
- 2011年2月 (18)
- 2011年1月 (10)
- 2010年12月 (18)
- 2010年11月 (20)
- 2010年10月 (20)
- 2010年9月 (20)
- 2010年8月 (17)
- 2010年7月 (20)
- 2010年6月 (22)
- 2010年5月 (16)
- 2010年4月 (21)
- 2010年3月 (22)
- 2010年2月 (19)
- 2010年1月 (16)
- 2009年12月 (19)
- 2009年11月 (19)
- 2009年10月 (20)
- 2009年9月 (19)
- 2009年8月 (14)
- 2009年7月 (22)
- 2009年6月 (22)
- 2009年5月 (15)
- 2009年4月 (20)
- 2009年3月 (21)
- 2009年2月 (19)
- 2009年1月 (19)
- 2008年12月 (20)
- 2008年11月 (18)
- 2008年10月 (22)
- 2008年9月 (20)
- 2008年8月 (20)
- 2008年7月 (22)
- 2008年6月 (21)
- 2008年5月 (20)
- 2008年4月 (21)
- 2008年3月 (20)
- 2008年2月 (20)
- 2008年1月 (19)
- 2007年12月 (20)
- 2007年11月 (33)
- 2007年10月 (13)
Rank
お知らせ
Forum 最近のコメント
オススメ書籍 ＆ グッズ
リンク
Flash プロの現場の仕事術 CS5/CS4/CS3対応
体系的に学ぶ 安全なWebアプリケーションの作り方
ケータイHTML ポケットリファレンス
携帯サイト年鑑2010
PHP×携帯サイト デベロッパーズバイブル
携帯サイト コーディング&デザイン
携帯Flashスクリプト入門
札幌のソーシャルゲーム開発なら
ケータイ3キャリアに対応するためのDOCTYPE宣言について
Tweet
2009/10/14 水曜日 matsui Posted in全キャリア対応,記事紹介・リンク |11 Comments »
XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。
先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。
下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。
→ ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法[ma-san.org]
→ ある人のぼやき 携帯サイトのDOCTYPE分岐方法[d.hatena.ne.jp]
DOCTYPE宣言とは
DOCTYPE宣言とは以下に続くHTMLが、どのようなバージョンで記述されているかを宣言するものです。
ブラウザ側はこの宣言を解釈して、記述内容に合わせた細かい表示方法を調整したりしています。
各キャリア公式サイトからDOCTYPE宣言の書き方をおさらいしてみましょう。
【docomo】
→ NTTdocomo 作ろうiモードコンテンツ iモード対応XHTMLのバージョン[nttdocomo.co.jp]
iモード対応XHTMLのバージョンに合わせて記述します
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/[iモードXHTMLバージョン]) 1.0//EN" "i-xhtml_4ja_10.dtd">例： iモード対応XHTML 1.0用のDOCTYPE
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
【au】
→ KDDI au: コンテンツの制作 > XHTML Basicの基本[au.kddi.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
【softbank】
→ ソフトバンク Mobile Creation XHTMLとCSSによる携帯サイト制作[creation.mb.softbank.jp]
<!DOCTYPE html PUBLIC "-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN" "xhtml-basic10-plus.dtd">
出し分けする場合にはどうするか
各キャリアや、iモードバージョンなどで宣言が異なっているため、ユーザエージェントで判定し、出し分ける方法が一般的です。
上記のサイトのようにif文でユーザエージェントを判定する方法もありますが、PHPであればPEARの「Net_UserAgent_Mobile」などのライブラリを使う方法がおススメです。
キャリアや機種が簡単に取得できます。
他の言語を使った場合でも、大抵の言語には同様のライブラリがあるでしょう。
→ PEAR Package :: Net_UserAgent_Mobile[pear.php.net]
そもそも本当に出し分けが必要なのか？
しかしながら、本当にDOCTYPEの出しわけが必要なのでしょうか？
以前軽くテストをしてみたところ、DOCTYPEの変更によって表示に違いがあることは確認できず、疑問に思ってフォーラムで聞いてみました。
→ ke-tai.org Forum – XHTMLのDOCTYPEについて[ke-tai.org]
すると皆さん、出し分けは特に行っていないという返答が帰ってきました。
結論
ケータイブラウザが高度化するにつれ、DOCTYPEによる表示調整を行わなければならなくなるでしょう。
しかしながら今のところ特に苦労して出し分けを行う必要は無いと思っているのですがいかがでしょうか？
もちろんXTHMLを使用する以上、なんらかのDOCTYPE宣言が必要になります。
私はモバイル用の標準的な例として、「XHTML Mobile Profile 1.0」のDOCTYPE宣言を使うことが多いです。
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">参考：
→ w3c XHTML Basic[www.w3.org]
ドコモはDOCTYPE宣言がないとXHTML表記が使えなかったりしますが、上記の宣言で大丈夫なようです。
3キャリア共通ページのサンプルHTMLは次の通りです。
<?xml version="1.0" encoding="Shift_JIS"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /></head><body>3キャリア共通ページのサンプル<br /></body></html>
みなさんはどのような対応を取っているのか知りたいところです。
よろしければフォーラムやコメント欄からご投稿お願いします。
関連：
- ドコモ端末でCSSを利用するには
- 3キャリア対応HTMLの作成について実例をあげて解説している記事「モバゲーのような携帯サイトを作るための12のTips」
- ケータイフォームでの入力モードの仕様について詳細にまとめられた「携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて」
最近の記事
11 Responses to “ケータイ3キャリアに対応するためのDOCTYPE宣言について”
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org 10月.15, 2009 in iPhone, ガジェット ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について こちらは携帯サイト作成に参考になりますね。 […]
[…] Posted by admin on 10/16/09 • Categorized as hatena ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org (tags: development mobile) […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai.org […]
[…] ke-tai.orgの人 参考：http://ke-tai.org/blog/2009/10/14/doctype/ <?xml version=”1.0″ encoding=”Shift_JIS”?> <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/ […]
[…] ケータイ3キャリアに対応するためのDOCTYPE宣言について | ke-tai….de group (ja)//dtd xhtml i-xhtml(locale/ver.=ja/[iモードxhtmlバージョン]) 1.0//en" "i-xhtml_4ja_10.dtd"> 例: iモード対応xhtml 1 […]