SHOEISHA iD

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

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

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

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

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

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


フォント

 Wiiには次の2種類のフォントが搭載されています。いずれもアウトラインフォントであるため、文字サイズの変更や画面の拡大縮小に影響されずにきれいな表示が可能です。

Wii NTLG PGothic
Wii NTLG PGothic
Wii NTLG Gothic
Wii NTLG Gothic

 Wii NTLG PGothicはプロポーショナルフォント、Wii NTLG Gothicは等幅フォントです。デフォルトでは、Wii NTLG PGothicで表示されます。

 いずれのフォントも、italic/obliqueの表示はできません。ウェイトは、normalとboldの2種類に対応します。

処理速度

 上位回線や接続方法に関わらず、通信速度は速くありません(スピードテストサイトを利用しての計測の場合、通常1~5Mbps程度)。

 また、ハードウェアの処理能力の限界もあるため、大きなファイルサイズのデータの扱いには動作確認が肝要です。

NTT東日本 Bフレッツマンションタイプ回線にて、gooスピードテストを利用してMacPro(左)とWii(右)の速度を比較
NTT東日本 Bフレッツマンションタイプ回線にて、gooスピードテストを利用してMacPro(左)とWii(右)の速度を比較
大きなコンテンツを読み込んだ場合に、エラーが出る場合がある
大きなコンテンツを読み込んだ場合に、エラーが出る場合がある

 このように、いくらかの制限はあるものの、ほとんどのサイトは、PCで閲覧するのと同じように問題なく表示できます。

 しかし、PCのサイトをそのまま利用するには、やや使いにくいところがあるのも事実です。利用していてまず気付くのは、次のような点ではないでしょうか。

  • マウスほどには精緻なポインティングができないため、小さなクリックエリアがねらいにくい
  • 画面解像度がそれほど高くないため、小さい要素が見づらい
  • 対応しているファイルフォーマットが限られている
  • 最近のPCに比べると、マシンパワーが劣る
  • 文字入力に手間がかかる

 逆に考えれば、この特性にあわせたインターフェイスを用意すれば、「Wiiで使いやすいサイト」にすることができます。

 そこでまず、インターネットチャンネルでアクセスした場合に、専用のページ(専用の表示)へ振り分ける方法について考えてみたいと思います。

次のページ
インターネットチャンネル用ページを表示させる

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

この記事の著者

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

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

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

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

この記事をシェア

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

イベント

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

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

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

メールバックナンバー