サイト制作

PC上でスマートフォン表示を確認できるツールの紹介

更新日:2015/04/13 公開日:2012/01/17

西村 文宏 (ニシムラ フミヒロ)

All About ホームページ作成ガイド

西村 文宏 (ニシムラ フミヒロ)

こんにちは。All About ホームページ作成ガイドの西村です。

自分で作ったウェブサイトが、スマートフォンでも問題なく表示できるのかどうかを確認したいと思ったことはありませんか?

しかし、個人でたくさんのスマートフォンを所有するのは、費用の面で現実的ではありません。

そこで今回は、パソコン上で仮想的なスマートフォンを動作させ表示確認できる便利なソフトウェア「Android スマートフォン・エミュレータ」をご紹介します。

  • ※Android用アプリ開発のために無償配布されている「Android SDK」というソフトウェアに含まれているエミュレータです。

このツールを利用すると、ウェブサイトがスマートフォンでどう見えるのかを、実機を用意することなく簡単に確認できます。

準備に少々手間がかかりますが、一度用意すれば、スマートフォンでの見え方を手軽にパソコン上で確認できるようになりますから、ぜひ活用してみてください。

それでは今回は、「Android スマートフォン・エミュレータ」の準備とインストール手順をご紹介してまいります。

「Android SDK」の動作には、「JDK(Java Development Kit)」と呼ばれるソフトウェアがインストールされている必要があります。

まずは、JDKをダウンロードしてインストールしましょう。JDKも無償配布されています。

配布元であるオラクル社の「Java SEダウンロード」ページを表示させ、「Java Platform, Standard Edition」と書かれた枠内にある「JDK」項目内の「Download」ボタンをクリックしダウンロードしてください。

※JREではなく、JDKの方が必要ですから間違えないよう注意してください。

ダウンロードしたファイルを起動すると、「Java SE Development Kit」のインストール画面が出てきます。特に何も変更せず「次へ」ボタンを押し続けインストールすれば問題ありません。

次に、「Android SDK」をダウンロードしてインストールしましょう。

配布元である「Android Developers」サイト内にある「Android SDK」ページからダウンロードできます(※英語サイトです)。

Windows版・MacOS版・Linux版がありますから、お使いのOSに合ったものをダウンロードしてください。

Windowsの場合は「(Recommended) 」と表記のある「インストーラ付き版」の方が、ウィザード形式でインストールできて便利です。

以下の手順は、主にWindows版での操作方法です。

ダウンロードしたファイルを起動すると「Android SDK Tools Setup」というインストール画面が出てきます。

特に何も変更せずに「Next>」ボタンをクリックし続けてインストールすれば問題ありません。

最後に、「Start SDK Manager」項目にチェックを入れた状態で「Finish」ボタンを押せば、セットアップが終了し、「Android SDK Manager」というソフトウェアが起動します。

  • ※チェックを入れ忘れてセットアップを終了させてしまった場合は、スタートメニューの「Android SDK Tools」項目内にある「SDK Manager」をクリックすることで起動できます。

「Android SDK Manager」を起動すると、追加ダウンロードできるパッケージの一覧が表示され、どれを使用するのかの選択が求められます。エミュレータで使いたいAndroidのバージョンなどを選択してください。

例えば、Android 3.0を搭載したスマートフォンを使って表示確認をしたい場合、「SDK Platform Android 3.0」をインストールするよう選択します。全項目を選択しても構いませんが、その場合の総ダウンロード量は1GBを超えますので注意してください。

必要なパッケージをすべて選択した上で「Install」ボタンをクリックすると、パッケージのダウンロードと
インストール作業が始まります。

よほど高速な回線でない限り、ダウンロードにはとても時間がかかりますので、時間に余裕があるときに作業すると良いでしょう。


「Androidスマートフォン・エミュレータ」を使う準備は完了です。

あとは、望みのスマートフォンをエミュレートする設定を作成し、実際にエミュレータを起動して使ってみてください。

続いて、その設定の具体的な作成方法や、エミュレータの使い方に関してご紹介いたします。

SHARE
西村 文宏 (ニシムラ フミヒロ)

All About ホームページ作成ガイド

西村 文宏 (ニシムラ フミヒロ)

2001年より、その道のプロ(専門家)が情報発信する生活総合情報サイトAll About内で、「ホームページ作成」ガイドサイトを担当。ウェブ製作に関して毎月数本の記事を連載。HTMLの記述方法から、スタイルシートやJavaScriptの活用方法、アクセス数向上テクニックなど、2011年現在までに300本近くの記事を公開している。

この著者の他の記事を読む

他の著者をもっと見る

ご注意ください

  • 本記事の内容は、2015/04/13更新時点の情報です。更新日より期間が経過している場合など、状況により現在の情報とは異なる可能性があります。
  • 一部、体験談などの執筆者の個人的な意見、株式会社インタースペース(アクセストレード)以外が提供するサービスの紹介が含まれる場合もあります。情報の内容には十分に注意しておりますが、万が一、損害やトラブルが生じた場合も責任を負いかねますので、内容をご確認の上ご自身の判断のもとでご利用ください。
  • 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載等を禁じます。

カテゴリーから探す

タグから探す

アフィリエイトをはじめよう!
無料新規パートナー登録
広告出稿を希望のかたはこちら
無料資料請求はこちら