掲示板/総合質問板/過去ログ/一覧/ PC専用部分、携帯専用部分のタグってないですか？

0 名前：はな： 2006/09/23（土） 22:19 ID:fXnL3zQw: 無理だとは思うのですが、
PC専用部分、携帯専用部分のタグってないですよね。
もしないなら、CSSやJSでもかまいません。
今までPC専用サイトだったサイトで、新たに携帯向けのサイトを作っているのですが、
PCトップページに、携帯サイトへのリンクを貼りたいだけなので、CGIなどを使った
本格的なものでなくてもいいのですが。
実際に出来ている管理人さんに聞いてみても、HP作成サイトを使ったり、
サーバースクリプトが自動で挿入される作成ソフト（そこのサーバー専用らしい）
を使っていて、そのようなものがない場合、同一URLで別の表示が出来ている方は見たことありません。
一般サーバーで、CGIやサーバーなどの知識がない自分には、まったく別HTMLファイルを作り、
PCサイト側に携帯からお越しの方はこちら、携帯サイト側にPCからお越しの方はこちらと書くしかないのでしょうか。
自分でもそう思うのですが・・・。

1 名前： Z ◆XTzyosZXcL ： 2006/09/23（土） 22:19 ID:O1F9KAP/: >PC専用部分、携帯専用部分のタグってないですよね。
　ありません。そもそも「閲覧環境を問わない」のがHTML(XHTML)の”ウリ”です。
　ただ、現実には（特に日本の場合）携帯電話の機種によって様々な制約が生じています。下記などをご参考に。

携帯電話キャリアの違い）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/About.html

携帯電話向けHTMLの考え方）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/MobileHTML.html

実際の携帯電話向けコンテンツ作成）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/HowToMake.html

　一番簡単なのは「携帯電話向けコンテンツ（全機種共通で支障なく閲覧できるもの）」を作り、それをPCでも閲覧できる共通のものとしてしまうことです。これなら１つ作れば済みます。
　PC用、携帯電話用をそれぞれつくり、振り分ける場合については下記をご参考に。

実際の携帯電話向けコンテンツ作成）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/HowToMake.html

　なお、どの辺りで妥協するかと言う余談的な話については下記などもご参考に（とかく携帯電話への対応は作成者泣かせです）。

http://deztec.jp/lecture/cl/mobile.html
http://neta.ywcafe.net/000559.html

　最近聞いた話では、サーバーによってはPCでしか閲覧できないページ（つまり携帯電話での制約を無視した設計）を禁止しているところもあるようです。そのサーバーではまず携帯電話向け設計先にありき、になるでしょうね。

2 名前： カヅサツ ： 2006/09/23（土） 22:19 ［URL］ ID:O5hEMlpW: > PC専用部分、携帯専用部分のタグってないですよね。

PC専用、携帯専用と言いますか、特定の環境の独自拡張ならあります。
例えば blink要素は Netscape の独自拡張です。

> 一般サーバーで、CGIやサーバーなどの知識がない自分には、まったく別HTMLファイルを作り、
> PCサイト側に携帯からお越しの方はこちら、携帯サイト側にPCからお越しの方はこちらと書くしかないのでしょうか。

私もそれしかないと思いますが、例えば特別に(携帯端末向けに)作られいないページでも表示することが出来る携帯端末もありますし、PCや携帯でもない端末(例えばTVブラウザとか、カラオケボックスについているもの、一般電話についているもの)もあります。

HTMLさえまともで、見た目に関する部分を外部スタイルシートにしてしまえば、「ファイルサイズの問題さえなければ」どんな環境でも大丈夫なように HTML のルールはなっています。

ので、あえて選択肢を設けるとすれば「ファイルサイズに制限がない環境」と「ファイルサイズに制限がある環境」ということになるでしょうか。

はなさんは、Lynxを使ってみるとイロイロと世界が広がるような気がします。
http://lynx-win32-pata.sourceforge.jp/

3 名前： Z ◆XTzyosZXcL ： 2006/09/23（土） 22:19 ID:O1F9KAP/: >>1のコンテンツ振り分け資料が違ってました。訂正します。

コンテンツ振分け）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/Distribution.html

　また、仕様的にはHTMLは共通にして、環境ごとにCSS（カスケーティングスタイルシート）を使うことで見かけのコントロールを可能にさせることを理想としています。が、機種によってはCSS非対応のものもありますのでこれも完全ではなく、>>1で紹介した資料のように実に様々なことを考えて作らなければ「あちらをたてればこちらがたたず」なことになってしまうでしょう（CSSとしてはプリンタ専用とか、点字出力専用など実は幅広い環境を想定していますが、対応の方はいまひとつなようです）。

CSS2リファレンス・メディアタイプ）
http://hp.vector.co.jp/authors/VA022006/css/media.html

（>>1であげた資料の上位URI（http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/index.html ）からも関連資料が確認できます。ご参考に。）

4 名前：はな： 2006/09/23（土） 22:19 ID:fXnL3zQw: メタタグの方法と、JSを使った方法は、自動振り分け方法とは、
意識せずに使ってたことありますね。
URLが同じではないので、PCからしか使えないなあ～。ぐらいにしか思ってませんでした。
CSSが振り分けに使えるのは、初めて知りました。
あれは、サイトのデザイン指定専門だと思ってましたから。

5 名前： Z ◆XTzyosZXcL ： 2006/09/23（土） 22:19 ID:O1F9KAP/: >あれは、サイトのデザイン指定専門だと思ってましたから。
　見かけを指定するためのものですからその解釈は誤りではありません。
　メディアタイプ指定はCSSによるスタイルシートを「閲覧環境別にそれぞれ用意する」という話ですので、いわゆる「コンテンツ振り分け」テクニックとは目的が違います。
（その意味では>>3の「コンテンツ振り分け」は、純粋な意味では「振り分け」てはいないもの（携帯電話の制限を逆手にとったやり方、いわゆる「裏技」）も手法の一つとして紹介しています。）

6 名前：はな： 2006/09/23（土） 22:19 ID:fXnL3zQw: やはり、メタタグやJSやCSSでは、限界があるようですね。
せっかく紹介していただいたので、実際にどれを使うか検討してみますね。
ちなみにいまのPCサイトはかなり分量があり、画像も多く、JSやフラッシュも使っているので、携帯からは見えません。
おまけに携帯に対応してないHTML記述もありますし。(容量オーバーなどで完全な形で見えません)
携帯用にシンプルな別ページを作り、URLが徹底するまで、いちよう何らかのリンクをしておくことにします。
もうすでに徹底した、PCのURLを変更するわけにもいかないので。
やはり、HP作成サイトや特定サーバー限定のサーバースクリプト自動挿入機能付のHP作成ソフトの様なすごいこと(同じURLなのにPCと携帯で見え方が違うこと）は、出来ないのですね。
ホームページビルダーやドリームウェーバーには、特定のサーバースクリプトを自動挿入する、テンプレートなんかないですしね。

7 名前：木目 ◆a20iQ0Y76t ： 2006/09/23（土） 22:19 ID:gUtbOS/P: ＞（携帯電話の制限を逆手にとったやり方、いわゆる「裏技」）も手法の一つとして紹介しています。）

簡易な、、、？（問題点など検証していません）

<noscript>携帯で表示。ＰＣで非表示。</noscript>

＞メタタグの方法と、JSを使った方法は、自動振り分け方法とは、

.htaccess、mod_rewriteなどは検討されましたか？

8 名前：はな： 2006/09/23（土） 22:19 ID:/usM/g/9: メタタグとJSの利用でばっりり出来ました。
ありがとうございました。

9 名前： たけし ： 2006/09/23（土） 22:19 ID:m5QUDPaD: 参考になります。
ありがとうございました。