ホームページ作成/携帯・スマートフォンサイト作成入門

Androidスマートフォンエミュレータの使い方

PC上の仮想環境で、Androidスマートフォンやタブレットの表示確認ができる「Androidエミュレータ」を使ってみましょう。エミュレータ上でブラウザを起動すれば、様々なスマートフォンで自身のウェブサイトがどう見えるのかを簡単に確認できます。Androidエミュレータの設定方法や簡単な使い方をご紹介。

西村 文宏

執筆者:西村 文宏

ホームページ作成ガイド

スマートフォンでも表示確認がしたい

Androidエミュレータ上のブラウザで閲覧した、スマートフォン版All About

Androidエミュレータ上のブラウザで閲覧した、スマートフォン版All About

最近はスマートフォンを使ってウェブサイトを閲覧するユーザも増えてきました。自分の運営しているウェブサイトが、スマートフォンでもうまく表示されるのかどうかを確認したいと思う方々も多いことでしょう。しかし、個人でたくさんのスマートフォンを契約するのは現実的ではありません。

そこで便利なのが、PC上で仮想スマートフォンを表示できるAndroidエミュレータです。


 

スマートフォンの実機がなくても表示確認ができる

スマートフォン実機をエミュレート

スマートフォン実機をエミュレート

Android用アプリの開発に使うツール「Android SDK (Software Development Kit)」には、PC上でAndroidスマートフォン・タブレットの動作確認ができるエミュレータが含まれています。

このAndroid SDKは無料で公開されており、特に契約や登録などは不要で誰でも使えます。本記事ではWindows版の画面を掲載していますが、MacOSやLinuxなどでも動作します。


 
Android上ブラウザで表示確認

Android上ブラウザで表示確認

エミュレータで使えるAndroid OSにはブラウザも含まれているため、右図のようにAndroidスマートフォン上のブラウザをPC上で使ってみることができます。そのため、公開されているウェブサイトがスマートフォンでどう見えるのかを、簡単に確認できます。


 
様々なバージョンのAndroid OSを起動できる

様々なバージョンのAndroid OSを起動できる

エミュレートできるAndroidのバージョンはたくさん用意されており、本稿執筆時点の最新版では、Android 1.5~4.3の各バージョンが利用できました。


 
ブラウザ以外のアプリも動作

ブラウザ以外のアプリも動作

Android SDKは、Android用アプリを開発・テストするためのツールですから、サイズが大きく、準備に少々時間がかかります。

しかし、一度セットアップすれば、Androidスマートフォン上のブラウザでの見え方を手軽に確認できるようになります。ぜひ活用してみて下さい。


 
今回は、Androidスマートフォンエミュレータ上のブラウザで、自分のウェブサイトの表示を確認する方法をご紹介致します。

※本記事は、2011年6月20日に初版を公開し、2013年9月に一部を改訂したものです。記事中の一部の画像は、2011年時点のものです。

準備:Android SDK Toolsをインストールする

JDKとAndroid SDKのインストール・設定が必要

JDKとAndroid SDKのインストール・設定が必要

このAndroidスマートフォンのエミュレータを使うためには、Googleが配布している開発ツール「Android SDK Tools」をインストールする必要があります。その方法は、記事「Android SDKをインストールしてエミュレータを準備」で詳しく解説しています。「Android SDK Tools」をまだインストールしていない場合は、そちらの記事を先にご参照下さい。


 

Androidスマートフォンエミュレータの使い方

Android SDKのインストールと基本的な設定が完了したら、実際にエミュレータを使ってみましょう。エミュレータの具体的な使い方については、本記事で解説しています。以下の目次から順にご参照下さい。

【この記事の目次】
1.設定:Android スマートフォンのエミュレートを設定する(p.2)
2.起動:Android スマートフォンのエミュレータを起動する(p.3)
3.使用:スマートフォンエミュレータ上のブラウザで表示確認する(p.4)
  • 1
  • 2
  • 3
  • 4
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます