現在では、ホームページへのアクセスは6割〜7割がスマホサイトからというほどスマートフォンへの対応が必須になっており、サイト作成者としては、自分のホームページをスマートフォンからチェックすることは必須作業となっております。普段、サイトの作成にはパソコンを使用している事が多く、スマートフォンから自分のホームページをチェックする方法を知りたいということは多々あると思います。そこで今回は、パソコンからスマートフォンでどのように見えるのかをチェックする方法をご紹介しますレスポンシブデザインとは弊社のTCDテーマではスマホサイトに対応するために、レスポンシブデザインを採用しています。レスポンシブデザインとは、ユーザーのデバイス(パソコン、タブレット、モバイル、非視覚的ブラウザ)に関係なく、同じURLで、画面サイズに応じて表示を変えるデザインとgoogleで定義されています。レスポンシブデザインを採用する理由は、運営上の管理のしやすさや、デバイスによる表示エラーがしにくい事、SEO効果が高い事などがあります。それではパソコンからスマホサイトを確認する方法を紹介いたします。Firefoxを使用する場合スマホサイトを確認する方法は、ブラウザによって変わってきます。FireFoxではアドオンを導入する必要があります。様々なアドオンがありますが、弊社では、user-agent-switcherを使用しています。Firefoxでアドオンを追加すれば使用することができます。user-agent-switcher下記のような表示がされ、「インストール」をクリックすると、完了です。Agent」から変更したいUAを選択し、サイトを更新してください。Switcher」→「Options」でOptionを開きImportからXMLをアップロードしてください。user-agent-switcher追加UAGoogleChromeを使用する場合Chromeではアドオンの追加が無くスマホサイトを確認できます。「デベロッパーツール」をクリックしてください。下記のような画面が表示されますので、スマホのアイコンを選択し、表示したい画面を確認ください。その後、「更新」をする事でスマホサイトに変更されます。Screenflyスマホサイトの表示はブラウザでの確認だけでなく、オンラインサービスも多くあります。おすすめは、「Screenfly」です。操作も簡単で、様々な機種毎に見え方を確認する事ができます。上記リンクより、Screenflyにアクセスし、フォームの入力欄に表示したいページのURLを入力し、「GO」ボタンをクリックします。下記の画像のように、タブレットやスマホのアイコンをクリックし、確認したい機種を選択すると表示が切り替わります。server」のチェックをオンにして利用してください。第三者に確認してもらいたい時には、シェアを押し、表示されるリンクを送ると、スマホサイトでの表示をみせることができます。Testing」がおすすめです。Testingの使い方Screenflyと同じように、フォームの入力欄に表示したいページのURLを入力し「enter」押すと、下記のように、各デバイスにおける表示の仕方を一画面で確認することができます。まとめ以上でパソコンよりスマホサイトを確認する方法の紹介を終了します。TCDのテーマではほとんどのテーマがレスポンシブ対応されており、スマホからのアクセスにも対応しております。今回紹介しました方法を参考に、スマホでの表示の仕方等も工夫くださいませ。実機での確認が一番確実です。iphoneやipadなどは使用されている方も多くいらっしゃいますので、できれば一度は実機での確認をおすすめします。...2020.02.11ワードやエクセルの表をテーブルタグに変換する便利なツール・ジェネレータ集2020.02.10上質な癒しを感覚レベルで訴えかける。Macでzip圧縮する時に注意しておきたいこと。2019.12.28【初心者向け】Gitとは何なのか。基本用語やその仕組みをまとめています。2019.12.27WEBマーケティングより広義のデジタルマーケティングについて基本から考える2019.09.18今更聞けない?Webサイトのアクセス解析やマーケティングにおいて知っておくべき基本用語2019.09.17読み手の心を動かすコピーライターの仕事とは?ライティングやコピーの基本要素を知ろう2019.07.21国内有力ウェブメディア17サイトの記事更新頻度を調査してみた。No.1】人はコンテンツのどこをどう評価するのか。コンテンツマーケティングに関する重要な話2019.07.01スクリーンショットの撮り方でここまで変わる!かっこいい記事にする為の10のテクニック2019.04.07強烈なインパクトでユーザーの視線を鷲掴みにするWordPressテーマ【MAXX】のトップページについて2017.01.26ファーストビューで動画を使うと見る側にどう伝わっているかという考察記事2019.12.15プロ級の会員制サイト運営をあなたの手に。No.1】人はコンテンツのどこをどう評価するのか。