PC用サイトと携帯用サイトの運営には？

質問

こんにちは。

私は以前から音楽に関することのホームページを、手打ちにて作成していました。この頃、iPhone、androidなどのスマートフォンからのアクセスが全体の1/3くらいになってきました。これは大変嬉しいことなのですが、『PC用』サイトであるために、スマホからだと若干見づらくなっております。

そこで私は現在考えたのは、『PC用サイト』と『スマホ用サイト』の2つに分割できないかな！？と…。管理としましては1つの方が楽だと思いますが、みなさんはどのように思われますか？もしくは1つのHTMLページを、『PC用』『スマホ用』と見る側がかってに判断して下されば楽かな？と。

また少し検索をしてみて感じたのは「Dreamweaver」を用いての『jQuery…』というようなものがあるのかと。管理が楽になるのでしたら「Dreamweaver」の購入もやぶさかではないと考えております。

以上、よろしくお願い申し上げます。

回答No.3

noname#158634 · ベストアンサー

長々とかたっくるしいこと言われてもいきなりは理解できないと思うのでごくごく簡単に。

ブラウザごとに見え方が変わってしまうのはもう諦めてください。
静的なHTMLファイルで作成しているのであれば、表示のされ方が多少違っても問題ないように書くことのほうが大事です。

お礼

tk-is-pg_1206さん、

ご回答ありがとうございました。

回答No.4

kamikami30

No1です。

>プロバイダ＝Niftyで”http://homepage3.nifty.com/xxxxx/” を使用しております。
とのことですが、
http://homepage.nifty.com/outline/
によると、
LaCoocan　スタンダード以上でPHPを含むCGIスクリプトが利用可能です。

お礼

kamikami30さん、

ご回答ありがとうございました。

回答No.2

ORUKA1951

そもそも、HTMLは【長い引用ですが重要】
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。
　・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［2.2.1 HTMLの略歴( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

　だとすると、『『PC用サイト』と『スマホ用サイト』の2つに分割できないかな！？』という質問を聞くと、「えっ、この人何を作ろうとしているのかな？」と思ってしまいます。

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　こうしたテクニックによって、Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。
・・・【中略】・・・
HTML 4 は、次のスタイルシート機能を提供する。
・・・【中略】・・・
【出力メディア別設定】
HTMLでは、著者は出力メディアの別を問わない文書作成ができる。これによりユーザは、非常に多様な装置やメディアによってWebページにアクセスできる。多様な環境とは、例えば、Windows、Mac OS、X11などのシステムが走っているコンピュータのグラフィックディスプレイや、インターネットテレビ、携帯電話組込み機器やPDAベースのモバイル機器、音声ブラウザ、点字出力環境、などである。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［14.1 スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より

　引用ばかりになってしまいましたが、テキストエディタで作成されているなら、オーサリングツール( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )を使うより、はるかに簡単に、この様なページを作るのは容易でしょう。ツールを使うと反って難しくなる。

　基本的には、HTMLを文書構造に従って正しくマークアップし、スタイルシートでユーザーエージェントごとに指定する形になります。
　携帯端末は、携帯電話、スマートホンの種類も、それに搭載されているブラウザも膨大な種類になります。いちいち、作成していたら大変な労力です。

　『ただ1種類の文書しか作る必要がなくなるから』HTMLで、ウェブページを作成しているのです。

　私もhomepage1.nifty.comやLacoocanを使ってますが・・・・

お礼

ORUKA1951さん、

ご回答ありがとうございました。

回答No.1

kamikami30

PC用とスマートフォン用にCSSを用意して、
ｐｈｐなどでUserAgentの判定をして、読み替えてはいかがでしょうか？

それなら１ページで双方のデザインが可能ですし、手間が少ないので楽ではないかと思います。

お礼

kamikami30さん、

ご回答ありがとうございました。

補足

kamikami30さん、
ご回答ありがとうございます。少し調べたのですが、対応していないように思えますがいかがでしょうか？（プロバイダ＝Niftyで”http://homepage3.nifty.com/xxxxx/” を使用しております。）