最近、やっぱりというか案の定というか、仕事の方でスマートフォン対応の話題が出て、まぁ着々と進行中。
今までほうっておいたので、ここにもまとめておこうと思います。

開発環境として、Mobile Safari用とAndroid用、
2つシミュレータ（エミュレータ）を選んでインストールしました。


【Mobile Safari用】はこちらを。

Android SDK

  • 本格開発用。
  • インストールは結構手間。
  • でも起動すると感動するよ！特にiPhoneしか触ったことのないデザイナーは要チェックだ。
  • Developer向けのツールなのでブラウザ以外も使えるんだと思います。たぶん。

Let’s Install

インストールはこちらのサイトを参照にさせていただいたので、こちらの方が詳しいです。
  • Android SDKより、Zipファイルをダウンロードする。Recomendedされてるexeファイルはあまり便利じゃないっぽいです。
  • 入ってない人は必要なのでJavaもダウンロードしてインストール。
  • Javaのパスを設定。
    マイコンピュータ＞プロパティ＞システム環境設定＞詳細設定タブ＞環境変数　の中の、
    PATHへ「C:\Program Files\Java\jdk1.7.0_01\bin;」を追記。（無い人は変数を新規作成）
  • Android SDKの解凍と設置をする。解凍されたフォルダをCドライブ以下へ置く。
  • SDK manager.exeを使って必要ファイルをインストール(とりあえず最新版Androidとtoolsをインストール)
  • Android SDKのパスの設定をする。
    Javaの時と同じく、
    マイコンピュータ＞プロパティ＞システム環境設定＞詳細設定タブ＞環境変数　の中の、
    PATHへ「C:\android-sdk-windows\platform-tools;C:\android-sdk-windows\tools;」を追記。

  • エミュレータ（C:\android-sdk-windows\AVD Manager.exe）を起動する。わかんない人はこちらの参照サイトも役に立つかも也。

  • 画面が立ちあがるので、ここでちょっと感動しておく。
  • Setting＞Languageで日本語と日本語IMEを選択。私の時は中国語IMEがエラーを起こしていたので切りました。
  • HOME画面へ戻り、Webブラウザを起動する。

Comments

localhostにはAndroid ADK自体を参照してしまうようで、
ローカルPCには別にIPが振られているそうです。
なので、エミュレータ上のブラウザから制作データをプレビューする際には、「”’10.0.2.2”’」を使用しましょう。


以上で準備完了です！