携帯サイト制作について調べてみた

最近ものすごく携帯サイトに興味がある、WEBデザイナー１年目の足立です。 高校の頃、よく携帯サイトを作成していました。当時はCSSとかよく分からずにレンタルCMSを使いながら、フォームにHTMLを流し込んで作っていました。

---

携帯サイトとPCサイトの違い

主に携帯の特徴を上げてみました

• 携帯は３キャリア（docomo、au、Softbank）とも対応しているHTMLやCSSが違う
• 画像の形式で対応していない機種がある
• 絵文字が使える
• ファイルのサイズが軽くないといけない

など、PCサイトにはない特徴がいくつかあります。 ただ３キャリアで対応させるにはキャリアごとにファイルを作成する必要があります。プログラムでキャリアにあった表示に切り替えたりする技術が必要です。当時、知らずに実機のdocomoだけで確認して作っていたので他の機種では表示されていなかったり、画像が見えなかったりしていたかもしれませんね。

a-blog cmsだと3キャリアに対応した携帯サイトを作成できる

a-blog cmsだとUA(ユーザーエージェント)でキャリアごとにあった表示に切り替えてくれます。なので、難しいプログラムの知識がなくても、３キャリア用のファイル（テンプレート）を作成すれば３キャリア対応したサイトが作成できます。

３キャリアが快適に閲覧できるサイトが作成できるなんて凄くうれしかったです。モジュールを使えば、管理画面から動的にサイトを更新もできるし、面白いと思いました。

---

携帯サイトをキャリアごとで閲覧したい

携帯を個人でdocomo,au,softbankのそれぞれの機種を持っている人は少ないと思います。サイトを作成した時に３キャリアごとで確認する場合、機種の違う色んな人に見てもらったり、様々な方法があると思います。 しかし、度々表示確認したい場合はFirefoxの「FireMobileSimulator 」がおすすめです。 絵文字や３キャリアごとに携帯サイトを閲覧できます。まずここで、組んでから実機で確認しています。

---

携帯サイト制作についてこれからも勉強していきたいです。

---

---