勉強会 資料 Google Developer Group 京都

第２回 Android Hackathon in Kyoto

事前勉強会

2011_年5月21日

白山 文彦（京都GTUG）

自己紹介

•

•

•

•

•

•

•

2011_{年5月21日土曜日}

京都GTUGとは

•

•

•

Hackathon _とは

2011_{年5月21日土曜日}

Hack + Marathon

•

•

•

•

KRP

2011_{年5月21日土曜日}

K yoto Research Park

京都リサーチパーク

•

•

•

•

2011_{年5月21日土曜日}

アジェンダ

13:00∼13:30 ご挨拶、Androidとは何か 13:30∼13:50 開発環境の構築

14:00∼14:50 Android開発∼Hello World∼ 15:00∼15:50 Android開発∼基礎編∼

アジェンダ

16:30∼16:40 KRP寺戸様ご挨拶 16:40∼16:50 チーム分け

16:50∼17:30 Ideathon

17:30∼18:00 発表、解散

長丁場ですが頑張りましょう！ 長丁場ですが頑張りましょう！

2011_{年5月21日土曜日}

時間が限られているので

それほど高度な内容は出来ません！ ご容赦ください。

Android _{とは何だろうか}

2011_{年5月21日土曜日}

一般ユーザにとって

Android _{は世界一使われている}

スマートフォンである

2011_{年5月21日土曜日}

スマートフォン世界シェアトップ

Google ^{NOKIA Apple RIM Microsoft}

出荷台数

(100_万台)

シェア

(%)

33.3 31.0 16.2 14.6 3.1

32.9 30.6 16.0 14.4 3.1

国内でもiPhoneを逆転

57.4% 37.8%

3.2%^1.6%

Android iOS Windows Mobile BlackBerry

2011_{年5月21日土曜日}

タブレット業界にも風穴

タブレット業界にも風穴

•

_2000%

2011_{年5月21日土曜日}

タブレット業界にも風穴

•

_2000%

•

タブレット業界にも風穴

•

_2000%

•

_22%

2011_{年5月21日土曜日}

タブレット業界にも風穴

•

_2000%

•

ちなみに… iPad 95.5%

22%

タブレット業界にも風穴

•

_2000%

•

ちなみに… iPad 95.5%

22%

75%

2011_{年5月21日土曜日}

•

•

•

「圧倒的じゃないか、我が軍は！」

2011_{年5月21日土曜日}

Android _{は多様性に富んでおり}

異なった市場への適応にも寛容である

Flash ^ワンセグ

豊富な マーケット おサイフ

ケータイ

2011_{年5月21日土曜日}

結論

•

ニーズに合わせて好きな端末を選ぶこと ができる。

Android _{最高！！！}

開発者にとって

Android_って なに？

2011_{年5月21日土曜日}

•

•

•

2011_{年5月21日土曜日}

•

•

汎用性があり、特定のハードウェアに依存しに くい開発が可能に！

2011_{年5月21日土曜日}

•

汎用性があり、特定のハードウェアに依存しに くい開発が可能に！

•

•

汎用性があり、特定のハードウェアに依存しに くい開発が可能に！

•

世界中の優秀なデベロッパの知恵の塊をタダ で！

2011_{年5月21日土曜日}

まさに宝の山！

開発者を後押しする要素

•

•

•

•

2011_{年5月21日土曜日}

制約の多いiPhone開発

Android Market _の将来性

•

•

•

2011_{年5月21日土曜日}

未来は明るい！

Android _{の構成要素}

2011_{年5月21日土曜日}

Android _{の構成要素}

•

•

•

•

•

2011_{年5月21日土曜日}

Linux _カーネル

•

•

•

ライブラリ

•

•

•

•

•

2011_{年5月21日土曜日}

Android _{ランタイム}

•

•

•

アプリケーションフレームワーク

•

•

•

ティアプリもすべて同じAPIにアクセス 可能

2011_{年5月21日土曜日}

アプリケーション

•

•

•

開発環境の構築

2011_{年5月21日土曜日}

開発環境の構築

•

•

•

•

Windows XP 32bit

2011_{年5月21日土曜日}

JDK

http://java.sun.com/javase/ja/6/download.html

JDK

2011_{年5月21日土曜日}

JDK

JDK

2011_{年5月21日土曜日}

JDK

SDK

http://developer.android.com/intl/ja/sdk/index.html

2011_{年5月21日土曜日}

SDK

“C:¥android-sdk-windows” _に展開

SDK

初期選択を そのまま全部

2011_{年5月21日土曜日}

SDK

AVD

2011_{年5月21日土曜日}

AVD

開発したい 対象に合わせて

手頃な 解像度に

AVD

2011_{年5月21日土曜日}

AVD

Eclipse

http://eclipse.org

2011_{年5月21日土曜日}

Eclipse

Eclipse

任意の 場所に展開

2011_{年5月21日土曜日}

Eclipse

Welcome_画面 閉じる

Eclipse

2011_{年5月21日土曜日}

Eclipse

SDK_{をインストールした} C:¥android-sdk-windows

Eclipse

2011_{年5月21日土曜日}

ADT Plugin

ADT Plugin

2011_{年5月21日土曜日}

ADT Plugin

https://dl-ssl.google.com/android/eclipse

ADT Plugin

2011_{年5月21日土曜日}

ADT Plugin

Eclipse _{を再起動して完了}

2011_{年5月21日土曜日}

Hello from Android

Hello from Android

2011_{年5月21日土曜日}

フィールド名 値 意味

Project Name HelloAndroid ^{Eclipse上の} プロジェクト名 Build Target Android 1.6 ^{動作させる対象の}

Android_{バージョン} Application Name HelloAndroid ^{ホームスクリーンに}

表示されるアプリ名 Package Name us.shiroyama.google.androi

d.test ソースコードの名前空間

Create Activity HelloAndroid アプリの初期ウィンドウ となるクラス名

Min SDK Version 4 最低限必要なAPI Level

Target_に対応

2011_{年5月21日土曜日}

はじめてのAndroidプロジェクト

まずは実行！

2011_{年5月21日土曜日}

2011_{年5月21日土曜日}

はじめてのAndroidアプリです！ おめでとう！！！

2011_{年5月21日土曜日}

それではひとつひとつ確認していきましょう！

HelloAndroid.java

メイン画面のアクティビティファイル

2011_{年5月21日土曜日}

Activity

Activity

•

•

•

2011_{年5月21日土曜日}

package us.shiroyama.google.android.test;

import android.app.Activity; import android.os.Bundle;

public class HelloAndroid extends Activity {

/** Called when the activity is first created. */ @Override

public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.main); }

HelloAndroid.java

main.xml

メイン画面のレイアウトリソース

2011_{年5月21日土曜日}

レイアウトリソース

レイアウトリソース

•

ソースコードに書かず、XMLファイルに 分離する

•

パーツが配置される

2011_{年5月21日土曜日}

グラフィカルにレイアウトを変更できる

切り替え

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/ res/android"

android:orientation="vertical"

android:layout_width="fill_parent" android:layout_height="fill_parent" >

<TextView

android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello"

/>

</LinearLayout>

main.xml

TextView_というwidget_を発見

「Hello, World, HelloAndroid!」 はまだ見つからない…

2011_{年5月21日土曜日}

strings.xml

パッケージの文字リソース

切り替え

2011_{年5月21日土曜日}

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="hello">Hello World, HelloAndroid!</string> <string name="app_name">HelloAndroid</string>

</resources>

main.xml

ようやく発見！

の とは

どうしてこんなにまどろっこしいことを？

2011_{年5月21日土曜日}

どうしてこんなにまどろっこしいことを？

全ては多言語化のために！

多言語対応

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="hello">Hello World, HelloAndroid!</string> <string name="app_name">HelloAndroid</string>

</resources>

res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="hello">こんにちは、Android！</string> <string name="app_name">_{ハローアンドロイド}</string>

</resources>

res/values-ja/strings.xml

2011_{年5月21日土曜日}

2011_{年5月21日土曜日}

あら簡単！

もういちどHelloAndroid.javaへ

2011_{年5月21日土曜日}

package us.shiroyama.google.android.test;

import android.app.Activity; import android.os.Bundle;

public class HelloAndroid extends Activity {

/** Called when the activity is first created. */ @Override

public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.main); }

HelloAndroid.java

R.layout.main _{って何だ？}

2011_{年5月21日土曜日}

R.java

リソース定義を参照するためのクラス

R.java

•

•

•

2011_{年5月21日土曜日}

文字列参照の流れ

R.java

main.xml

HelloAndroid.java

プログラムから直接文字列を書き換えてみる

2011_{年5月21日土曜日}

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/ res/android"

android:orientation="vertical"

android:layout_width="fill_parent" android:layout_height="fill_parent" >

<TextView

android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello"

android:id="@+id/hello" />

main.xml

package us.shiroyama.google.android.test;

import android.app.Activity; import android.os.Bundle;

import android.widget.TextView;

public class HelloAndroid extends Activity { TextView text;

/** Called when the activity is first created. */ @Override

public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.main);

text = (TextView) findViewById(R.id.hello); text.setText("直接テキストを書き換え"^);

} }

HelloAndroid.java

main.xml_{にidを追加すると} R.javaは自動的に再生成される

Ctrl + Shift + o

(MacはCommand + Shift + o) でインポート追加

2011_{年5月21日土曜日}

これじゃあまりにもさみしい

ボタンを追加してみよう！

2011_{年5月21日土曜日}

… の前に、ボタンのテキストを

リソースファイルに追加

追加された

strings.xml

2011_{年5月21日土曜日}

ドラッグ ドロップ

右クリック

main.xml

main.xml

2011_{年5月21日土曜日}

<?xml version="1.0" encoding="utf-8"?>

<resources>

<string name="hello">Hello World, HelloAndroid!</string> <string name="app_name">HelloAndroid</string>

<string name="button01">THIS IS BUTTON</string>

</resources>

res/values/strings.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"

android:layout_width="fill_parent" android:layout_height="fill_parent" >

<TextView

android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello"

android:id="@+id/hello"/>

<Button

android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button01"

android:id="@+id/button01"/>

</LinearLayout>

res/layout/main.xml

widget_{をたてに配置}

2011_{年5月21日土曜日}

ボタンをクリックしたら

テキストが変わるように修正！

package us.shiroyama.google.android.test;

import android.app.Activity; import android.os.Bundle; import android.view.View;

import android.view.View.OnClickListener; import android.widget.Button;

import android.widget.TextView;

public class HelloAndroid extends Activity {

TextView text; Button button;

/** Called when the activity is first created. */ @Override

public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

setContentView(R.layout.main);

text = (TextView) findViewById(R.id.hello); button = (Button) findViewById(R.id.button01); button.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

text.setText("クリックされました。"^); }

}); }

}

HelloAndroid.java

ClickListener_の登録

2011_{年5月21日土曜日}

Android _{∼基礎講座∼}

2011_{年5月21日土曜日}

Activity

Activity

•

•

•

•

2011_{年5月21日土曜日}

•

•

•

AndroidManifest.xml

アイコンやActivity情報などが記載

2011_{年5月21日土曜日}

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="us.shiroyama.google.android.test"

android:versionCode="1" android:versionName="1.0">

<uses-sdk android:minSdkVersion="4" />

<application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".HelloAndroid"

android:label="@string/app_name"> <intent-filter>

<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" /> </intent-filter>

</activity>

AndroidManifest.xml

Activity _{のライフサイクル}

2011_{年5月21日土曜日}

Activity _{のライフサイクル}

•

•

•

•

•

•

•

•

•

•

2011_{年5月21日土曜日}

•

•

•

onCreate()

•

onStart()

2011_{年5月21日土曜日}

•

•

•

onResume()

•

•

•

onPause()

2011_{年5月21日土曜日}

•

•

onStop()

•

Activityが終わるなどして再びActivityが 表示される際に呼び出される

onRestart()

2011_{年5月21日土曜日}

•

•

onDestroy()

まとめ

•

•

2011_{年5月21日土曜日}

レイアウト

レイアウト

•

• 一直線レイアウト（横・縦）

•

• テーブルタグのようなレイアウト

•

• ウィジェット同士の相対位置レイアウト

•

• 本来１つのウィジェットを配置するためのレイアウト

2011_{年5月21日土曜日}

インテント

インテント

•

•

•

2011_{年5月21日土曜日}