ニンテンドーDSiに最適化されたWebサイトはどのように作ればよいのでしょうか?

2画面あるとはいえ、PC用に作られたWebサイトは非常に見えずらいと思っています。
参考となる情報があれば、教えてください。よろしくおねがいします。

具体的にいうと、以下のようなものを作りたいなと思っています。
1.「ニンテンドーDSiブラウザ」のデフォルトでブックマークされている「ニンテンドーDSiリンク集」のようなウェブサイト
2.「Nintendo DSiショップ」のような操作性をもったウェブサイト

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/11/01 08:56:05
  • 終了:2009/11/08 07:55:15

回答(3件)

id:HiroKi No.1

HIRO回答回数21ベストアンサー獲得回数02009/11/01 15:16:30

ポイント25pt

参考になるかどうかは分かりませんが…

このサイトをみればわかるきがします^^;

http://cgi42.plala.or.jp/bruin/minipo/

このサイトはDSiでもつかいやすいwebサイトです!

知っていたらごめんなさい(-_-;)

id:konakonan

ありがとうございます!

2009/11/08 07:53:56
id:liberuvia No.2

リベルヴィア回答回数1ベストアンサー獲得回数02009/11/02 19:41:27

ポイント29pt

http://www.nintendo.co.jp/ds/dsiware/hngj/q_and_a.html

のDSiブラウザーヘルプによりますと、『<meta name="viewport" content="width=240" />を HTML の <head>...</head> 内に指定することで、幅240px高さ352pxで、横スクロール縮小表示無く、2画面が縦につながった状態でHTMLを表示させることができます。ページレイアウトをpx(ピクセル)単位ではなくて、%(パーセンテージ)を基準として行われている場合は、<meta name="viewport" content="width=device-width" /> を指定してください。』

と言うことが参考にできます。

また、携帯ページのようななるべく小さな感じで作ればいいのができると思います。

http://www.dsicade.com/main.jsp

http://dsipaint.com/

http://cgi42.plala.or.jp/bruin/minipo/

上記のHPも参考にしてみてください。

id:konakonan

ありがとうございます!リンク先が参考になりました。

2009/11/08 07:53:58
id:shambles No.3

shambles回答回数51ベストアンサー獲得回数42009/11/06 14:25:20

ポイント26pt

公式サイトのQ&Aにこんなことが書いてありますが、参考になるのではないでしょうか。

http://www.nintendo.co.jp/ds/dsiware/hngj/q_and_a.html

Q.19 ニンテンドーDSiブラウザーでうまく表示できるホームページを作りたいのですが・・・

A.19 <meta name="viewport" content="width=240" /> を HTML の <head>...</head> 内に指定することで、幅240px高さ352pxで、横スクロール縮小表示無く、2画面が縦につながった状態でHTMLを表示させることができます。

ページレイアウトをpx(ピクセル)単位ではなくて、%(パーセンテージ)を基準として行われている場合は、<meta name="viewport" content="width=device-width" /> を指定してください。

id:konakonan

ありがとうございます!ヘルプに情報があったのですね。

2009/11/08 07:54:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません