PCでも携帯でも見られるサイトの作り方

質問

よくあるPCでも携帯でも見られるサイトを作りたいと思っています。
PCではperl,php,mysqlが多少使えるレベルです。
携帯サイトを作る本を読んで、3キャリア対応の携帯サイトを作るには
１、アップするファイルは5キロバイト以内に収める
２、画像はjpgで
３、シンプルなHTMLで作る

などが必要だとわかりました。
ただ、PCでも携帯でも同じドメインなのに、表示されるものが全く違うというサイトをよく目にします。
PCで見ると明らかに５キロバイト以上の内容なのに、携帯で見ると画像などがなくなり、表示できているというものです。
これはどのように作っているのでしょうか？
よろしければ教えてください。
また、参考になる書籍・サイト等がありましたらそれも教えていただけると嬉しいです。
よろしくお願いします。

回答No.2

la_pure · ベストアンサー

http://labs.unoh.net/2007/06/post_92.html

最近ウノウの技術者の方が携帯サイト構築TIPSをまとめていたので是非とも一読を。

>ただ、PCでも携帯でも同じドメインなのに、表示されるものが全く違うというサイトをよく目にします。
>PCで見ると明らかに５キロバイト以上の内容なのに、携帯で見ると画像などがなくなり、表示できているというものです。
PCで見るブラウザ、携帯で見るブラウザなどにはそれぞれUserAgentというものが割り振られています。
プログラム側でそれを見て処理を変えるというのはモバイルで(多分)一般的な感じになってきました。
例えば、絵文字であったり、PCかモバイルかの判断であったりですね。

UserAgentの振り分けには
http://q.hatena.ne.jp/1143916706
このあたりが参考になるかな？

お礼

ありがとうございます！
携帯に関してはあまり本が出ていなくて困っていました。
UserAgentというのですね。PHPでちょっとやってみます。
助かりました！

回答No.4

widoww

私も携帯用サイト作ってるので参考までに＾＾
IPの範囲や機種名からではないのでアバウトにしか分けてないです。

$agent=$_SERVER["HTTP_USER_AGENT"];

if (strstr($agent,"DoCoMo")) {
//ユーザーエージェントにDoCoMoを含むなら
$career="DOCOMO";
}
else if (strstr($agent,"UP.Browser")) {
//もしユーザーエージェントにUP.Browserを含むなら
$career="AU";
}
else if (strstr($agent,"SoftBank") or strstr($agent,"Vodafone") or strstr($agent,"J-PHONE") ) {
//ユーザーエージェントにSoftBankを含むなら
$career="SOFTBANK";
}
else
{
$career="PC";
}

if($career=="PC")
{
echo ( file_get_contents("./index.html"));
}
else
{
require_once("./mobile/index.php");
}
?>

こんな感じにしてます＾＾
参考までにどーぞ。

お礼

ご丁寧にありがとうございます！
参考にさせていただきます。
やはり携帯用とPC用で分けるメリットのほうが大きいのでしょうか？
両方やってみればいい話ですが。。。

回答No.3

donne-moi

UserAgent（相手方のブラウザの種類）によって、
PC用の画面を見せたり、携帯用の画面を見せるという手法もひとつです。

その他には、Webサーバの設定として、
UserAgentによって、見えるページ自体を変更するという手法もあります。
たとえば、
http://www.test.com/ を見に行ったとしても、
PCでは、
http://www.test.com/index.html
携帯では、
http://www.test.com/mobile/index.html
を見せるようにするなど。

お礼

ありがとうございます！
なるほど。
そういう方法もあるのですね。
PC用と携帯用を別に作ったほうが後々の管理がしやすいような気がします。
とにかくやってみます！
ありがとうございました。

回答No.1

PED02744

http://www.ichiro.to/note/mobilehybrid

このサイトの話が役に立つでしょうか。
ただ、ちょっと古い気がするので、ユーザエージェント比較の名前はちょっと違うかもしれませんが。

お礼

ありがとうございます。
プログラミングに関しては、本で学ぶよりもサイトで学ぶことが多いようですね。
教えていただいた情報を参考にして少し頑張ってみます。