SHOEISHA iD

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

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

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

Wii向けウェブサイトのつくり方 - HTML編

Wiiのウェブブラウザ「インターネットチャンネル」向け
ウェブページ制作の基本

Wii向けウェブサイトのつくり方 - HTML編 (1)


仕様の要点

ユーザーインターフェイス

 インターネットチャンネルのインターフェイスは、もちろん「Wiiリモコン」です。基本的に、文字入力を含む画面操作のすべてをWiiリモコンで行います。

 Wiiリモコンは同時に4つまで使用できます。直接ブラウザの操作ができるのはリモコン1だけですが、リモコンの動き(位置、ひねり、画面との距離など)は、すべてのユーザーのものをJavaScriptで取得可能です。任天堂のWebサイトには、Wiiリモコンの入力値を表示するサンプルページも用意されています。

 また、Wii本体にUSBキーボードを接続して、補助入力装置とし て使用することもできます。

ユーザーエージェント

 インターネットチャンネルのユーザーエージェントは、日本語バージョンの場合、

  • お試し版:Opera/9.10 (Nintendo Wii; U; ; 1621; ja)
  • 最新版:Opera/9.30 (Nintendo Wii; U; ; 2047-7; ja)

 となっています。

 その他言語のユーザーエージェントについては、任天堂のWebサイトをご覧ください。

画面解像度

 横方向の解像度は、画面の大きさに関わらず800pxで固定されています。

画面に対する表示幅は、設定項目の「画面範囲の設定」で11段階に変更できますが、横の解像度は800pxのままです。縦方向の解像度は、画面範囲に合わせて変更されます。ちょうど、画面全体がズームされるようなイメージです。

 そのため、ワイド設定16:9の画面いっぱいに横幅を広げた場合に、縦の解像度が最も狭くなります。

 縦の解像度は、ツールバーの表示/非表示の設定によっても変化します。4:3のときは100px、16:9のときは76pxが、ツールバーのエリアとして使用されます。

 実際の数値は、window.innerHeight で取得することができます。

ウインドウの縦幅(px/任天堂のWebページより引用、黄色は初期設定値)
ワイド設定 ツールバー設定 画面幅の設定
0 1 2 3 4 5 6 7 8 9 10
4:3 常に表示 560 556 548 544 536 528 524 520 512 508 500
自動/手動 660 656 648 644 636 628 624 620 612 608 600
16:9 常に表示 420 416 412 408 400 392 388 384 380 376 396
自動/手動 496 492 488 484 476 472 468 464 460 456 452

 初期設定では、画面幅の設定は「5」、ツールバーは「常に表示」になっています。

画面範囲を変更すると、左右の余白の調整ができる
画面範囲を変更すると、左右の余白の調整ができる

プラグイン

 インターネットチャンネルには、プラグインとしてFlash Player 7が搭載されています。

 しかし、新たにプラグインをインストールすることができないため、Flash Player 8以降が必要なコンテンツやWMVなどの動画、その他プラグインが必要なファイル、非対応のフォーマットのファイルについては、表示することができません。

非対応のファイルは表示もダウンロードもできない
非対応のファイルは表示もダウンロードもできない

次のページ
ローカルデータの使用

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

この記事の著者

角谷 和昭(カドヤ カズアキ)

三重県松阪市出身。大学卒業後、デザイン会社でウェブ制作を担当、2004年にフリーランスに。縁あって翌年上京。最近は、情報サービス系携帯サイトのデザインや、企業サイトの制作、ウェブ制作系講師などをさせていただいていております。ゲーム大好きですが、最近はあまりやる時間がありません。http://www.kadoyan.com/

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

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

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/3321 2009/01/20 17:31

イベント

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

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

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

メールバックナンバー