さっき携帯サイトで太文字を使って欲しいという修正依頼があった。携帯サイトなんてあんまり作らないけど、とりあえずやってみました。
bタグやstrongタグを使ってみても反応しない。ちょこちょこ調べてみると、どうやら太文字が使える機種と使えない機種があるそうで、みょーめんどくせー！自分は個人サイト作成に PHP の include 使いまくってるけど、会社のサイトは共通部分でもコピー＆ペーストでやってるみたいで、修正するのに手動でやらなければいけない。
以下で docomo で使える HTML がわかります。
作ろうiモード：XHTML | サービス・機能 | NTTドコモ
結構大変な気がしますが、とても便利なサービス「Mobile IP htaccess Maker」を使うことによって一瞬で解決します。
携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 – HTMLタグボード
これだけではPCからのアクセスを拒否するだけなので、さらに.htaccessに以下のように記述することでPCからのアクセスをPC用サイトに振り分けることができます。
1 | ErrorDocument 403 PCサイトのURL |
モバイルサイトの制作にあたって以下のサイトを参考にしたりしていたのですが、よく調べてみると書いている人一緒なんですね……。しかも結構長い間これらについて経験を積んでいて年齢もそこそこいってると思っていたけど意外と若いようで、びっくり仰天。
HTMLタグボード – HTMLタグ一覧、CSSリファレンスなど
携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
[Think IT] 第1回：開封率の高いデコメールでメルマガ配信！ （1/3）
自分も中学生の頃からマークアップしてるから、少しは将来Webの世界で役に立つ人間になりたいけど、世の中どうせそんなにうまくいかないのは分かってますです。でもでもまだまだ19歳、もしかしたらの可能性を楽しみにしてます。
普段PCサイトをJavascriptとCSSでもっさり作ってる私にとって携帯サイトなんて無理だと思っていました。CSSも満足に使えず、Javascriptも使えない。もう何もできないと思ってました。
でも最近よく使うようになったサーバーサイドなPHPやMySQLのおかげでなんとか何もできない携帯サイトに光を見出しました。そして、今日3時間くらいでいろいろなサイトで勉強しながらチョロチョロっと作ってみました。でも手持ちの端末でしか表示確認できていないので、すべての携帯で正しく表示されるわけないです。きっとどっかおかしいかもです。