PowerPoint プレゼンテーション

Transcription

1 Android ~Googleマップアプリ 開 発 ~ 佐 野 尚 之 1

2 本 ドキュメントのライセンスについて この 作 品 は クリエイティブ コモンズのAttribution 3.0 Unportedライセンスの 下 でライ センスされています この 使 用 許 諾 条 件 を 見 るには するか クリエイティブ コモンズに 郵 便 にてお 問 い 合 わせください 住 所 は:171 Second Street, Suite 300, San Francisco, California 94105, USA です 原 作 者 のクレジット( 氏 名 作 品 タイトルとURL)を 表 示 することを 守 れば 改 変 はもちろん 営 利 目 的 での 二 次 利 用 も 許 可 される 最 も 自 由 度 の 高 いCCライセンス 2

3 第 1 版 変 更 履 歴 2011/8/6 (2011/5/29 頃 から 作 成 開 始 ) オープンソースの LibreOffice を 使 用 して 作 成 Webブラウザは Firefox 5 を 使 用 圧 縮 ファイルの 解 凍 はフリーソフトの Lhaplus を 使 用 一 部 の 操 作 でフリーソフトの サクラエディタ を 使 用 3

4 目 次 OS 開 発 環 境 Androidなどの 対 象 バージョン 5 作 業 フォルダについて 6 Googleマップアプリケーションの 開 発 準 備 7 Googleマップ 画 面 の 作 成 16 参 考 情 報 29 4

5 OS 開 発 環 境 Android Androidなどの 対 象 バージョン OS Windows 7 Home Premium(64bit 版 ) AndroidはWindows XP, Windows Vista, Linux, Mac OS Xでも 動 作 します 動 作 確 認 環 境 Acer Aspire 1410 Intel Celeron processor SU2300(1.2GHz, 800MHz FSB) 8GBメモリに 変 更 HDD250GB 開 発 環 境 Eclipse Indigo Pleiades All in One Android Development Toolkit(ADT) Androidの の 対 象 バージョン Android SDK Java SE Development Kit (JDK)の の 対 象 バージョン JDK 6 update23 以 降 5

6 作 業 フォルダについて 本 ドキュメントの 指 定 通 りの 場 所 ではなくても 問 題 はありません 別 のドライブやフォルダを 指 定 した 場 合 は ドライブ 名 やフォルダ 名 を 読 み 替 えてくだ さい 6

7 Googleマップアプリケーションの 開 発 準 備 (1/9) MD5とGoogle API Keyの 取 得 1 コマンドプロンプトを 起 動 します 7

8 Googleマップアプリケーションの 開 発 準 備 (2/9) 2 cd.android を 入 力 後 にEnterキーを 押 下 して.androidフォルダに 移 動 します 3 C:\pleiades-e3.7-java-jre_ \jre1.6\bin\keytool -list -keystore "%USERPROFILE%\.android\debug.keystore" を 入 力 後 にEnterキーを 押 下 します パスワードは 入 力 せずにEnterキーを 押 下 します (MD5): の 後 ろに 実 行 したPCの 固 有 値 が 表 示 されます このMD5の 値 はGoogle Maps API Keyに 取 得 に 必 要 なのでテキストエディタなどにコピーします 8

9 Googleマップアプリケーションの 開 発 準 備 (3/9) 4 Googleアカウントへのサインアップを 求 められます Googleアカウントが 無 い 場 合 は にアクセスしてGoogleアカウントを 作 成 します 日 本 語 のページで 簡 単 に 登 録 できるので 説 明 は 省 略 します 5 ブラウザを 起 動 して に アクセスします チェックボックスへのチェックとMD5のキーを 入 力 後 に Generate API Key ボタンをクリックします 9

10 Googleマップアプリケーションの 開 発 準 備 (4/9) 6 Googleアカウントとパスワードを 入 力 してログインします 10

11 Googleマップアプリケーションの 開 発 準 備 (5/9) 7 作 成 されたキー(1) MD5のキー(2)が 画 面 に 表 示 されます 作 成 されたキー(1)を テキストエディタなどで 保 存 しておいてください

12 Googleマップアプリケーションの 開 発 準 備 (6/9) Eclipse 起 動 デスクトップに 配 置 したEclipseのショートカットをダブルクリックします (ワークスペースの 選 択 は C:\workspace を 選 択 ) 12

13 Googleマップアプリケーションの 開 発 準 備 (7/9) Google AVD 作 成 1 ウインドウ ー Android SDK および AVD マネージャー を 選 択 します 13

14 Googleマップアプリケーションの 開 発 準 備 (8/9) 2 新 規 ボタンをクリックします 14

15 Googleマップアプリケーションの 開 発 準 備 (9/9) 3 名 前 GoogleAVD_Level10 の 入 力 とターゲットを 選 択 後 に Create AVD ボタン をクリックします 15

16 Googleマップ 画 面 の 作 成 (1/13) 1 プロジェクト 作 成 (1) ファイル - 新 規 - Androidプロジェクト を 選 択 します 16

17 Googleマップ 画 面 の 作 成 (2/13) (2) プロジェクト 名 に GoogleMaps を 入 力 ビルドターゲットの Google APIs をチェック アプリケーション 名 に GoogleMaps を 入 力 パッケージ 名 に jp.ne.sakura.rururu.googlemaps を 入 力 アクティビティーの 作 成 のチェックをはずしてから 完 了 ボタンをクリック します 17

18 Googleマップ 画 面 の 作 成 (3/13) 2 main.xmlの 編 集 (1) GoogleMapsプロジェクトの res - layout ー main.xml を 選 択 右 クリックメニューの main.xml を 選 択 し 右 クリックメニューの テキスト エディター を 選 択 します 18

19 Googleマップ 画 面 の 作 成 (4/13) (2) 以 下 のコードを 削 除 します 19

20 Googleマップ 画 面 の 作 成 (5/13) (3) 以 下 のコードを 追 加 して 保 存 します Android Maps キーを 入 力 20

21 Googleマップ 画 面 の 作 成 (6/13) 3 AndroidManifest.xmlの 編 集 (1) GoogleMapsプロジェクトの AndroidManifest.xml を 選 択 右 クリックメニューの main.xml を 選 択 し 右 クリックメニューの テキスト エディター を 選 択 します 21

22 Googleマップ 画 面 の 作 成 (7/13) (2) 以 下 のコードを 追 加 して 保 存 します 追 加 22

23 Googleマップ 画 面 の 作 成 (8/13) 4 クラス 作 成 (1) GoogleMapsプロジェクトの src - jp.ne.sakura.rururu.googlemaps を 選 択 右 クリックメニュー の 新 規 - クラス を 選 択 します 23

24 Googleマップ 画 面 の 作 成 (9/13) (2) 名 前 に GoogleMapsActivity を 入 力 スーパークラスに com.google.android.maps.mapactivity を 入 力 後 に 完 了 ボタンをクリックします 以 下 のコードが 生 成 されます 24

25 Googleマップ 画 面 の 作 成 (10/13) (3) ソースコードを 編 集 します 追 加 25

26 Googleマップ 画 面 の 作 成 (11/13) 5 実 行 (1) 実 行 - 実 行 を 選 択 します (2) 以 下 の 画 面 が 表 示 された 場 合 は Android アプリケーション を 選 択 して OK ボタンをクリックします 26

27 Googleマップ 画 面 の 作 成 (12/13) (3) MENU をクリックします 27

28 Googleマップ 画 面 の 作 成 (13/13) (4) 以 下 の 画 面 が 表 示 されれば 成 功 です ログの 一 部 28

29 参 考 情 報 Googleマップを 使 用 するAndroidアプリを 作 成 する AndroidでのGoogle APIを 使 った 地 図 表 示 AndroidでGoogle Mapsを 使 う 最 も 簡 単 なサンプル 地 図 / 位 置 情 報 /GPSを 使 うAndroidアプリを 作 るには Android 入 門 - Googleマップを 使 用 する - Google APIs Add-OnでGoogleマップを 使 う 29