人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ニンテンドーDSiに最適化されたWebサイトはどのように作ればよいのでしょうか?
2画面あるとはいえ、PC用に作られたWebサイトは非常に見えずらいと思っています。
参考となる情報があれば、教えてください。よろしくおねがいします。

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

●質問者: konakonan
●カテゴリ:インターネット ウェブ制作
✍キーワード:Nintendo DSi pc webサイト ウェブサイト ショップ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● HIRO
●25ポイント

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

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

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

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

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

◎質問者からの返答

ありがとうございます!


2 ● リベルヴィア
●29ポイント

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も参考にしてみてください。

◎質問者からの返答

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


3 ● shambles
●26ポイント

公式サイトの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" /> を指定してください。

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ