携帯サイトの作り方 -自分編-

2005-07-12 13:21:53 written by hikarutsukasa

自分で自由に携帯サイトを作りたい場合は、多少HTMLの知識が必要になります。ただ本当に基本的なことさえ勉強すれば、比較的簡単に誰でも作れると思います。

自分で携帯サイトを制作する

自分で制作する場合、3キャリアに対応するのは少し難易度が上がってしまいます（＾＾；

ですが、iモードとボーダフォンは、ほぼ同じHTMLで作ることが可能です。また、EZWebはサーバーを介してiモードサイトを自動的に変換して閲覧することができるので、iモードの仕様に合わせて制作することである程度の機種はカバーすることができると思います。

各キャリアのサイトでコンテンツ制作に関するガイドが掲載されているので参考にしてください。使用できるHTMLリファレンスも掲載されています。

作ろうiモードコンテンツ
iモード対応HTMLリファレンスはもちろん、iアプリやFLASHなどのコンテンツ制作ガイドから技術情報までトータル的な情報が揃っています。
»iモードHTMLの説明
»絵文字一覧
»絵文字入力ソフト
｜iモード｜コンテンツ制作｜公式サイト｜

EZweb ホームページを作ろう！
XHTMLやHDMLなどのリファレンスやマルチメディアコンテンツ制作ガイド、技術情報の基本情報から、サイトを制作するにあたってのツールのダウンロードまで、分かりやすく解説されています。EZwebに関してはこちらのページを閲覧すれば事足りると思います。
｜EZweb｜コンテンツ制作｜公式サイト｜

ボーダフォンライブ！ デベロッパーズ サポートサイト
ボーダフォンライブ！ウェブやVアプリなどコンテンツの開発に必要な各種技術情報やツール、コンテンツ提供に必要な情報を提供するオフィシャルサイト。
»ボーダフォンライブ！HTMLの説明（PDF）
»絵文字一覧
｜ボーダフォンライブ！｜コンテンツ制作｜公式サイト｜

携帯の仕様の確認

携帯も機種によって画面サイズやカラー、一画面で表示できる文字数など様々です。こちらも各キャリアサイトに情報が掲載されていますので、一度確認してみましょう。待ち受け画像を制作する場合にも役立つと思います。

各キャリアの機種別表示一覧

ドコモ
au
ボーダフォン

携帯サイトの作成講座

また、オフィシャルサイト以外にも携帯サイトに関する情報を確認することができます。こちらのサイトには、さらに分かりやすく、また各キャリアの特徴や注意点などの記述もあるので大変参考になります。

imodeサイト作成講座あっぷっぷ
iモードの講座サイト。初級から上級までの情報が載っています。
｜iモード｜講座｜

i-mode専用HTMLリファレンス
iモードに特化したリファレンスガイド。その他、制作時における注意やコツ、テクニックなどの紹介も掲載されています。
｜iモード｜講座｜

My First HDML
Ezwebを制作するときに必要なHDMLやXHTMLの解説。テンプレートファイルも用意されています。
｜EZweb｜講座｜

WebPage工房
iモードとボーダフォンの携帯サイト制作のコツが分かりやすく掲載されています。
｜iモード｜ボーダフォン｜講座｜

HIROSHI room
Dreamweaverでの携帯サイトの制作ガイド。ウインドウ画面を確認しながら解説しているので大変分かりやすいです。
｜iモード｜ボーダフォン｜講座｜

iモード・J-SkyWeb対応HTML対照表
多少情報が古いですが、iモードとボーダフォンのHTMLタグの対応表を掲載しています。古い＝新しい機種にも対応済み、ということになりますので、各キャリア対応を考える人には都合の良い対応表になると思います。
｜iモード｜ボーダフォン｜講座｜

エミュレータでサイトを確認

携帯サイトを制作したらリンク切れや誤字・脱字などのサイトコンテンツの確認をします。PCでもある程度確認できますが、やっぱり実機での確認が一番です。

でも、実機といっても、あなたが持っている携帯の機種では確認することが出来るけど、持っていない機種や異なるキャリアでの確認は難しいですよね。

そこで、エミュレータの登場です。各キャリアから仮想的に携帯で閲覧できるブラウザが用意されています。最後の仕上げとして、こちらでサイトを確認してみましょう。

iモードHTMLシミュレータ
900iシリーズ以前のiモード対応HTML及びFlashで構成されたiモード対応ページを参照、表示することができます。ページはローカルディスクにあるファイル、もしくはWEB上のページも閲覧できます。
｜iモード｜エミュレータ｜

iモードHTMLシミュレータII
900iシリーズ以降のiモード対応HTML及びFlashで構成されたiモード対応ページを参照、表示することができます。ページはローカルディスクにあるファイル、もしくはWEB上のページも閲覧できます。
｜iモード｜エミュレータ｜

ウェブコンテンツヴューア
携帯電話端末ブラウザにおけるHTML文章をエミュレート、ドキュメントタブの編集、HTMLのエラーチェックなどを行うソフトウェアです。新機種のパラメータを自由に追加することも可能。
｜ボーダフォンライブ！｜エミュレータ｜

｜サイト運営術｜/アフィリエイト導入ガイド｜コメント（0）｜トラックバック（0）｜