• ベストアンサー

スマホでも閲覧を考慮したサイトにしたい

パソコンで閲覧するようにサイトを作っていましたが スマホでも閲覧を考慮したサイトにしたいと思っています。 その場合の方法として、 新しくスマホ用のページを作成しユーザーエイジェントで分ける方法と 現在のサイトをPCでもスマホでも見やすくする方法があることを知ったのですが どちらの方が良いのでしょうか? 労力に関しては問いません。 時間はたっぷりあるので、効率の良い方法を教えてください。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • tkmojo
  • ベストアンサー率50% (105/207)
回答No.2

Webサイトのモバイル対応は、スマホ用のサイトを作成してユーザーエージェントで振り分ける方法と レスポンシブWebデザインで作成するという2種類が主流です。 レスポンシブデザインは、「ブラウザの幅」によって適用するcssを変更するという手法で構築を行います。 メリットとデメリットはこちらを参考に。 http://www.coprosystem.co.jp/tipsblog/2013/06/28.html 「効率の良い方法」というのがどういう意味かにもよりますが、 構築の効率で言うとスマホサイト、今後の管理の効率で言うとレスポンシブに軍配が上がるかと思います。 レスポンシブは一般的にPCサイト・スマホサイトを二つ作るよりも作業量が多くなる事が多いですが、1コードで済むため更新時の効率は良いです。 ただ、レスポンシブは慣れてない場合は結構難しい上に、「既存のサイトをレスポンシブ化する」というのは無茶な場合が多いので、PCサイトごとリニューアルする事になるかと思います。 「現在のサイトをPCでもスマホでも見やすくする方法」というものではありません。

ihottyzfg
質問者

お礼

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

その他の回答 (1)

  • celtis
  • ベストアンサー率70% (2271/3210)
回答No.1

モバイルファーストやシングルページという言葉が出てきています。 これならPCでもスマホでも見やすいのでお薦めです。 http://www.atmarkit.co.jp/ait/articles/1305/09/news009.html http://ascii.jp/elem/000/000/921/921580/ この4月からGoogleも検索結果にモバイル対応を反映させるようになりましたし。 http://www.aiship.jp/knowhow/archives/21913

ihottyzfg
質問者

お礼

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

関連するQ&A

  • PCにある写真をスマホでも閲覧できるようにしたい

    パソコンに保存している写真データを、スマホでも閲覧できるようにしたいのですが、 SDカードやマイクロUSBを介して直接スマホのストレージに保存するのでは、 スマホの容量をあっという間にオーバーしてしまう量です。 そこで、写真データをクラウドなど、ネットにアップロードして、それをスマホからも確認できるようにしたいと考えています。 まずWhithPHOTOという写真SNSへアップロードしました。 PCサイトから写真をアップロードし、スマホ用アプリでもそれらの写真を閲覧できることは確認しました。 ところがスマホからだと写真が小さく、表示されるのもとても時間がかかってしまいます。 次にgoogle+を試してみましたが、 PCからアップロードして作成したアルバムが、スマホ用アプリから閲覧できませんでした。 (スマホからアップロードした写真しか閲覧できない?) 上記2つ以外で、PCから写真をアップロードでき、 スマホで閲覧することのできるサービスやアプリ等がありましたらぜひ教えてください。 使用しているスマホはauのGALAXYSIIです。

    • 締切済み
    • au
  • スマホではPDFは閲覧できる?

    スマホユーザーに PDFファイルをパソコンのメールではなく、 携帯の個人アドレスに送って 閲覧させる事は可能ですか? 教えて下さい。お願いします。

  • htmlで機種特定スマホなど

    スマホやPCのブラウザにてgoogleのアカウントに初めてログインすると、メール等で「こういう機種にログインした?」と確認の通知が来ますが、どうやってスマホ端末の機種を特定しているのでしょうか? ユーザーエージェントだけで判定可能なのでしょうか? 方法等解説しているページがあればご紹介願います。

  • スマホサイトでWEBサイトへのショートカット

    スマホサイトを作成しています。 パソコンサイトでは、「お気に入りに追加」ボタン(リンク)を設置して、それをクリックするとお気に入りに追加されるといったことができますが、スマホサイトで、ページにあるボタン(リンク)をクリックすると、WEBサイトへのショートカットがホーム画面に作成されるといったことは可能なのでしょうか? 方法が分かる方がおられましたら、ご教授いただけませんか。 よろしくお願い致します。

    • 締切済み
    • CSS
  • PC用サイトをスマホに最適化するためには?

    こんにちは。 私は400ページくらいのサイトを運営しております。内容は映画関係。 どうやらHTML4.01にさえ準拠していないので、HTML5にするには相当時間がかかると存じます。それからCSSなどでスマホ用にも作れたらと思っています。 そのためにまずは既存の準拠していないページをスマートフォンで見られればいいかな!って思った次第です。でも見に来た人がスマホなのかパソコンなのか判断するのにCSSやJavaScriptが必要なんではないのかな!?と考えています。 で、CSSやJSでスマホと判断したらスマホ用のページに飛ばすという。ただ、これは1つのページにつきPC用とスマホ用の2つのページを用意しなければならないのではと困惑しています。 どなたか、道を照らして頂けませんでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スマホのハングアウトのパソコンでの閲覧

    スマホアンドロイドのハングアウトのパソコンでの閲覧についてです。 スマホの機種変更するにあたって、現在各種履歴の移行で頭を悩ませています。 (他スレにもお返事頂ければ幸いです。) (1)スマホのアンドロイドのハングアウトはサーバー側で履歴が保存管理されてるのでしょうか? (2)それであれば、スマホの機種変更の際に履歴の移行をしなくても、機種変更後のスマホで機種変更前の履歴が閲覧できますよね? (3)それどころか、スマホのアンドロイドと同一IDのグーグルIDならば、パソコンからもハングアウトの内容が確認できるようですね? (4)しかし、僕のはそのような利用方法で履歴が見れないのですが、なぜでしょうか? 現在、(3)のようなパソコンからの閲覧ができていません。 (5)ハングアウト閲覧においては、同一グーグルIDの複数端末からの履歴閲覧の設定とかあるのでしょうか? あれば教えて下さい。閲覧してる場所が間違ってるのでしょうか?お手数ですが、PCから見られる方法を教えてくださいませんか?

  • PHPを使ってスマホサイトとの振り分け

    アクセスしてきたユーザーがスマホかPCかによってページの表示を切り替えるPHPが作りたいです。 切り替えの基準は、画面の横幅で、スマホ用のOSでもタブレットならPC表示にしたり、スマホを横に使っているならPC表示でもいいような使用にしたいのですが、可能でしょうか? 自分の構想の中では <?php if (画面の横幅>480dpi{ パソコンページのHTMLを吐く } 画面の横幅<480dpi{ スマホページのHTMLを吐く } ?> といった形にしたらいいと思ったのですが、現実的に作る方法がわかりません。画面の横幅をとってくる方法(無理ならば画面サイズ)を教えてください。

    • ベストアンサー
    • PHP
  • スマートフォンサイトとPCサイトのURLを振り分け

    PCと、携帯、スマートフォンで違うページを閲覧させたい場合は、どのようにしたらいいのでしょうか? さらにスマートフォンに関してはandoroidとiphoneでも振り分けたいです 検索していたらPHPやJavaScriptや.htaccessなど様々な方法があるようなのですが どれが一般的なのか今ひとつわかりません ユーザーエージェントを判別するには、 PHPやJavaScriptや.htaccessなど様々な方法があるようなのですが できるだけ簡単な記述もしくは方法で PCと携帯、スマートフォン(スマートフォンならandroidとiphoneも振り分けたい)で 違うページを閲覧させる方法がありましたら 教えてください。お願いします。

  • 携帯サイトでのユーザエージェントの振り分けについて

    現在ドコモの携帯サイトを作成中です。 そこで以下の様に機種によってページを振り分ける予定です。 1.FOMAとmovaでまず振り分ける 2.movaの中でも505以上とそれ以下で振り分ける これらの処理をする際、ユーザエージェントを取って分岐する方法しか考えられないのですが、機種はどんどん新しいのが出ますし、その都度ソースを書き換えるのも…と思ってしまいます。 プログラミング自体自身がないので、どういう方法で振り分けるのかが最善なのか分かりません。 皆さんはどのように効率よく振り分けされているのでしょうか? よろしくお願い致します。

    • ベストアンサー
    • Perl
  • スマホとPCで表示画面を切り替えられますか?

    現在、Webサイトを作成しておりますが、気になることがでてきました。 それは、スマホユーザーとPCユーザーで表示する画面を切り替えることはできるのか?ということです。 私としては、スマホ用とPC用のHTMLファイルをそれぞれ作成し、スマホユーザーにはスマホ用のHTMLファイルを呼び出し、PCユーザーにはPC用のHTMLファイルを呼び出すことができればと思っております。 これは、もしかしてPHPを使えばできるのでしょうか? その場合、切り替え方を簡単にで良いので教えて頂けないでしょうか? 詳しく教えて頂ければ、何より幸いですが、どうぞ宜しくお願い致します。 ちなみに、PHPを使い、メールフォームは作成したことがあります。

    • ベストアンサー
    • PHP

専門家に質問してみよう