SHOEISHA iD

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

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

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

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

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

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

プレイステーション・ポータブル用ページの作り方

 携帯ゲーム機としては、ニンテンドーDSシリーズのほか、プレイステーション・ポータブル(PlayStation Portable、以下「PSP」)も専用のブラウザでWebページを閲覧することができます。

 PSPブラウザも、CSSに対応していますが、メディアタイプは「screen」が適用されるため、これまでのように、CSSのメディアタイプでデバイスごとに表示を振り分けるという手法は通用しません。しかし、PSPの場合には、制作者側が表示をコントロールしなくても、ユーザーが好みの表示方法を選べる仕組みが提供されているのが特徴です。

PSPブラウザの仕様

 PSPに搭載されているブラウザは、ACCESS社の「NetFront」というもので、携帯電話やPDAなどのモバイル機器に採用されているブラウザです。DSシリーズと異なり、Flashやmp3、WAV、WMA、ACCなどのマルチメディアにも対応しています。

PSPブラウザの主な仕様
ブラウザ NetFront
HTML HTML4.01、XHTML1.1、XML Basicの一部
CSS CSS1、CSS2の一部
DOM DOM level1、DOM level2 の一部
JavaScript JavaScript1.5の一部
画像 GIF、PNG、JPEG
Flash Flash Player 6(6.0.72.27)

画面サイズ

 PSPの画面サイズは、480×272pxとなっており、表示画面全体を使ってWebページを表示します。表示画面サイズを超えるページはユーザー操作によってスクロールしたり、後述する表示モードによって、画面幅に合わせて表示したりすることができます。横スクロールする場合でも、マウスで操作するのとは異なり十字キーで操作することができるのが特徴です。

 また、上下のURLとタイトルバー、メニューバーなどの表示・非表示もユーザーが選択することができます。

図3 PSPの画面サイズ
図3 PSPの画面サイズ

3つの表示モード

 DSシリーズと異なり、縮小・拡大表示は行えませんが、「標準モード」「ジャストフィットモード」「スマートフィットモード」の3つの表示モードがあり、ユーザーは、いつでも表示モードを変更できます。

PSPブラウザの3つの表示モード
モード 説明
標準モード 元のページサイズ、レイアウトのまま表示する。
ジャストフィットモード 元のレイアウトを保ったまま、画面の横幅に合わせて表示する。文字サイズは「標準」と比べて小さくなる場合がある。また、自動的に折り返される場合がある。
スマートフィットモード 元のレイアウトを構成し直し、画面の横幅に合わせて表示を行う。文字サイズは「標準」と比べて小さくなる場合がある。また、自動的に折り返しがされる場合がある。

次のページ
まとめ

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

そこが知りたい! 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本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

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

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

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

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

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

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/5223 2010/06/29 14:00

イベント

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

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

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

メールバックナンバー