CodeZine(コードジン)

特集ページ一覧

「携帯ゲーム機用Webページ」の作り方

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

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2010/06/29 14:00

目次

文字のサイズ

 表示モードとは別に、ユーザーは、フォントサイズも「大・標準・小」の3段階で選ぶことができます。XHTMLやCSSでのフォントサイズは、以下のルールに従い、5種類のフォントサイズにマッピングされるため、細かく調整することはできません。

ポイント指定

 コンテンツでのポイント指定で、文字サイズが「大」の場合は1、「標準」の場合は3/4、「小」の場合は1/2、を乗じたポイントでマッピングされます。

ポイント指定
ポイント フォントサイズ
16pt以上 Size 4(最大)
12pt~15pt Size 3
10pt~11pt Size 2
8pt~9pt Size 1
7pt 以下 Size 0(最小)

サイズ指定

 文字サイズ「大・標準・小」のそれぞれの設定において、次のとおりにマッピングします。

キーワード指定
サイズ指定 標準
xx-large Size 4 Size 3 Size 2
x-large Size 3 Size 2 Size 0
large Size 3 Size 1 Size 0
medium Size 2 Size 1 Size 0
small Size 1 Size 0 Size 0
x-small Size 0 Size 0 Size 0
xx-small Size 0 Size 0 Size 0

ユーザーエージェント

 PSPブラウザの場合、CSSのメディアタイプは「screen」が適用されるため、DS/DSiブラウザのように、メディアタイプによって表示を制御することはできません。しかし、ここまで紹介したように、PSPブラウザの場合は、制作者側が制御しなくても、ユーザー側が表示を好みにコントロールできる仕組みが提供されているのが特徴です。

 それでもPSP用の表示を提供した方が良い場合には、専用のXHTMLを用意し、JavaScriptなどを利用してユーザーエージェントで振り分けると良いでしょう。ユーザーエージェントは次のとおりです。

PSPブラウザのユーザーエージェント
Mozilla/4.0 (PSP (PlayStation Portable); 2.00)

 PSPブラウザの仕様については、「インターネット向けコンテンツ作成ガイドライン」というPDFデータの中で詳しく公開されています。これは制作者にとってありがたい情報ですので、制作の際には、ぜひそちらで確認してみてください。

 最新版は、PSPシステムソフトウェアアップデートのページの「各種ガイドライン」の欄に掲載されています。

まとめ

 DSシリーズの場合は、画面も小さく、Flashや音声、動画などにも未対応であるため、CSSのメディアタイプを「handheld」として振り分け、「縦長/タテ長モード」に最適化したデザインを提供するのは有効だと思います。

 一方のPSPの場合は、特に意識しなくとも、ユーザー側で表示を制御する仕組みが提供されているのが特徴です。例えば横幅が画面サイズを超えても、十字キーの右を押したり、ジャストフィットモードを選択したりすれば良いわけです。このように、同じ携帯ゲーム機であっても、仕様が異なれば制作側の対応も異なってきます。サイトの方向性やターゲットの属性に合わせて柔軟に対応するようにしましょう。



  • LINEで送る
  • このエントリーをはてなブックマークに追加

バックナンバー

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

もっと読む

著者プロフィール

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

    静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「入門シリーズ(サーバサイドAjax/XM...

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

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

あなたにオススメ

All contents copyright © 2005-2021 Shoeisha Co., Ltd. All rights reserved. ver.1.5