SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

そこが知りたい! Web標準サイトの活かし方

「携帯用ページ」の作り方

そこが知りたい!Web標準サイトの活かし方(6)


  • X ポスト
  • このエントリーをはてなブックマークに追加

 本連載では、Web標準のメリッ トを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介し ています。今回は、なるべくコストをかけずに3キャリアに対応した携帯サイトを制作・運用する方法を紹介します。

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 本連載では、Web標準のメリットを最大限に活かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口を紹介しています。

 多様なデバイス向けのページ制作として、前回は印刷用ページの作り方を紹介しました。連載第6回目となる今回は、携帯電話向けページの作り方を扱います。

 携帯電話の国内3大キャリアと言えば、NTTドコモ、au by KDDI、ソフトバンクモバイルですが、それぞれに仕様が異なり、すべてのキャリアに対応させるには工夫が必要です。キャリアごとにページを作成し、ユーザーエージェントで振り分ければ、精度の高いデザインを再現できますが、それなりの制作・運用コストがかかってしまいます。本稿では、なるべくコストをかけずに3キャリアに対応した携帯サイトを制作・運用する方法を紹介します。

対象読者

  • XHTMLとCSSの基本を理解している方。
  • Web標準サイトの実践的な作り方に興味のある方。
  • 普段はパソコンサイトを作っていて、これから携帯サイトを作ろうと思っている方。

必要な環境

 表示確認のため国内3大キャリア(NTTドコモ、au by KDDI、ソフトバンクモバイル)の携帯端末があれば望ましいですが、難しい場合には、各社の提供する携帯エミュレータ(携帯端末での見え方を確認できるPCソフトウェア)を活用すると良いでしょう。ただし、実機とまったく同じ見え方になるわけではありませんので注意してください。

図1 iモードHTMLシミュレータ
図1 iモードHTMLシミュレータ

ツールをダウンロードするには、Mobile Creation会員登録(無料)が必要です。

次のページ
携帯電話国内3大キャリアの特徴

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
そこが知りたい! Web標準サイトの活かし方連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるReact実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト 宮本麻矢(ミヤモト マヤ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/5066 2011/07/26 09:48

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング