【携帯サイト制作】第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
現在の携帯サイト、3G限定で制作するとしても、DOCOMOとau、SoftBankでXHTMLとCSSの解釈が違うので、それぞれにファイルを用意したりと、かなり工数が膨らんでしまってキツイ感じです。
そんなこんなで、ソースグチャグチャでもとりあえず、「各キャリアでほぼ同じような表示してくれればいいやー」って作っている方も多いと思います。私ももちろんそうでした。
でも、そろそろ真面目(XHTML＆CSS)に作っていく頃かなぁと。漠然と思ってみました。
PCサイトも有識者が、志の高いクリエイターがW3Cに準拠したステキなソースを書き上げていって、それにしっかりと解釈をしてくれる素晴らしいブラウザーが登場して今がある。・・・という時代の流れがありました。
携帯サイトもそうなっていかないとねってことで、色々と情報を集めてみます。
以下のサイトあたりが面白いです。もっといっぱいあるのですがとりあえず・・・。
携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
HTMLタグボードの管理人が書くモバイルサイト構築支援ブログ。miniturbo.org
twitterMobileの方ですよ。ウノウラボ
ウノウ株式会社のデモ版サービスやTIPSなどの情報
で、とりあえず3Gは、
XHTML Basicで文字コードはUTF-8でいいんすね。
DOCOMOはしっかりDOCTYPE宣言してMIMEタイプの設定が必要なんすね。
じゃぁ、.htaccessに AddType application/xhtml+xml .html を。
早速試してみると・・・
DOCOMOでXHTML＆CSSでいけてるー！
やったーと思ってauで見たら文字化け・・・orz
あれれ？UTF-8大丈夫なんじゃぁ？？
手持ちの端末はW53T。UTF-8に対応していないなんて情報は見あたらないし、下位機種で対応が出来ているので恐らく大丈夫なハズ・・・(´・ｪ・｀)
色々と試行錯誤していたら・・・
.htaccessから AddType application/xhtml+xml .html
を削除したら大ジョブでした(・∀・)!
じゃぁDOCOMOはどうするの？
以下、随時追記してきますー。
第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
第二回 auでUTF-8で作成したページの絵文字が文字化け
第三回 3キャリア対応 絵文字変換スクリプトで文字化け解決
第四回 ケータイサイトXHTML&CSSでBLINKとかって。
第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
第六回 メール受信設定をしっかりと案内してますか？
第七回 auのソフトキーラベルについて
第八回 エラーが発生しました。レスポンスが不正です。WJ46386E
▼関連記事も是非ご覧くださいませー
