1. Android開発入門
開発初めてなの♡

2. 今日やること
1. Android開発環境の構築
2. Androidプロジェクトを作成
3. Hello World!!
4. AndroidSDKを使ってみよう
5. オブジェクト指向
6. テキストスピーチアプリ作成
∧＿∧ ／￣￣￣￣￣￣￣￣￣￣￣￣￣￣
（ ´∀｀）＜ またーり進めていくぞ
（ ） ＼質問・飲酒・談笑いつでもOK
｜｜ | ＼＿＿＿＿＿＿＿＿＿＿＿＿
（_＿）＿）

3. 1. Android開発環境の構築
ソフトウェアをインストール
- JDK
Javaで開発を行う際に必要なソフトウェア
- Android SDK
Android向けソフトウェアを開発するための開発環境
- Eclipse
ソフトウェア開発環境(IDE)の一つ。Javaの開発環境だと一番有名
- ADT Plugin
Eclipse上でAndroid開発をするためのプラグイン

4. 1. Android開発環境の構築
~ JDKをインストール ~
①インストールされているかを確認
ターミナル、またはコマンドプロンプトを
起動して
$ java –version
を実行。
こんな感じで出力されたら既にインストー
ル済
java version "1.6.0_33"
Java(TM) SE Runtime Environment (build 1.6.0_33-b03-424-11M3720)

5. 1. Android開発環境の構築
~ JDKをインストール ~
JDKがインストールされていなければ・・・
②JDKをダウンロード
http://www.oracle.com/technetwork/java/javase/downloads/index.html

6. 1. Android開発環境の構築
~ JDKをインストール ~
③JDKをインストール
ダウンロードしたファイルを実行して
インストーラを起動する
ひたすら、[次へ] を連打
∧,,∧
(；`・ω・）
/ ｏ o
しー-Ｊ
⇒ JDKのインストール完了♡

7. 1. Android開発環境の構築
~ AndroidSDKをインストール ~
① AndroidSDKをダウンロード
http://developer.android.com/sdk/index.html

8. 1. Android開発環境の構築
~ AndroidSDKをインストール ~
② AndroidSDKをインストール
ダウンロードした zipファイルを、適当な場所に解
凍
例1) Windows
C:¥android¥android-sdk-windows
例2) MacOS
~/android/android-sdk-macos
⇒ インストール完了♡

9. 1. Android開発環境の構築
~ Eclipseをインストール ~
① Eclipse をダウンロード
http://www.eclipse.org/downloads/

10. 1. Android開発環境の構築
~ Eclipseをインストール ~
② Eclipse をインストール
ダウンロードした zipファイルを、適当な場所に解
凍
例1) Windows
C:¥eclipse
例2) MacOS
~/eclipse
⇒ インストール完了♡

11. 1. Android開発環境の構築
~ ADT Pluginをインストール ~
① Eclipse を起動
メニューから *Help+ → *Install New Software+ を選択
[Install]ダイアログボックス
が開いたら、[Add]ボタン
をクリック

12. 1. Android開発環境の構築
~ ADT Pluginをインストール ~
②
[Name]に「Android Plugin」、
[Location]に「https://dl-ssl.google.com/android/eclipse/」
を指定してOKボタンをクリック

13. 1. Android開発環境の構築
~ ADT Pluginをインストール ~
③
ダイアログボックス中央部分の[Name]欄に、「Developer Tool」が表示
チェックボックスをチェックして、[Next]ボタンをクリック

14. 1. Android開発環境の構築
~ ADT Pluginをインストール ~
④
インストールアイテムが表示されたら
[Next]ボタンをクリック

15. 1. Android開発環境の構築
~ ADT Pluginをインストール ~
⑤
[I accept the terms of the license agreements] を選択して
[Finish] ボタンをクリック

16. 1. Android開発環境の構築
~ ADT Pluginの設定 ~
① 設定
*Eclipse+ → *環境設定+ ( *Window+ → *Preferences+ ) をを選択
左のツリーから「Android」を選択

17. 1. Android開発環境の構築
~ ADT Pluginの設定 ~
②
[SDK Location:]の右横にある[Browse...]ボタンをクリック
Adroid SDKをインストールした場所を指定 ⇒ [OK] ボタンをクリック

18. 1. Android開発環境の構築
~ Platform API をインストール ~
① Platform APIをインストール
*Windows+ → *Android SDK Manager+ を選択

19. 1. Android開発環境の構築
~ Platform API をインストール ~
②
今回はインストール時間を考慮して、[Tools]と[Android 4.1] のみに
チェック
(※ Platform APIはいつでもインストール可能)
[Install 〇〇 packages…+ボタンをクリック

20. 1. Android開発環境の構築
~ Platform API をインストール ~
③
[Accepet All] を選択して、[Install]ボタンをクリック

21. インストール中・・・ (長いよね)
雑談の時間だーー www
.: : : : : : : ,’ ,’: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :
: : : : : : :,! !: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : ゜: : : : : : : : : : : : : : :
＋ ’ . ‘! ‘! ∧,,∧
. o ’､ .’､ （`・ω・）つ━☆ ･ * 。 , , 。 ﾟ
. , 丶. 丶 ⊂ ﾉ ･ ﾟ +. , 。
．。 ヽ、 ヽ し’´Ｊ ﾉi * ･ °｡ 。
. ．。 ｀’-､, ｀ー－–‐’" ,ﾉ ﾟ ・☆ ﾟ. , ,。
｀ﾞ”ｰ‐- —‐”’" * ・ * ☆
＋ ﾟ . ＋ . . ．ﾟ .ﾟ。ﾟ 。 ,ﾟ．。ﾟ. ﾟ．。 .。
ﾟ . o ﾟ 。 . , . .o。 * .ﾟ + 。
☆ ﾟ。。． .
。 ｡ *。, + 。. o ﾟ, 。*, o 。.
。 ﾟ . 。
。 ,ﾊ,,,ﾊ (ヽ_/) ∩w∩ ∧,,∧ γ”""ヽ ﾍ⌒ヽﾌ
( :;;;;;:::) ( :;;;;: ) （ ,,;;;;;;;;）（ .::;;;;;; ） U .,;;;;;;U （ .;;;;;;;;）
（::;;o;;:) (:;;;o;;:) （;;;;o;;;;;）（ :;;O;;;:） （,;;;O;;;） （:;;;ζ;;;）
‐”"´”’"""”"｀”""｀"""”””"´”’"""”"｀”""""”’"”””"｀"""””｀`’‐

22. インストール中・・・ (長いよね)
大学生の夏

23. インストール中・・・ (長いよね)
学生生活
最後の思い出は・・・

24. インストール中・・・ (長いよね)
Android開発で決まり

25. インストール中・・・ (長いよね)
大学生が作ったアプリ
を紹介するぜ！

26. インストール中・・・ (長いよね)
『My365』
自分が投稿した写真が
「カレンダー」画面で一覧表示されるアプ
リ
日記の記録を写真で残すといった感じ
http://vimeo.com/27601904

27. インストール中・・・ (長いよね)
『時間割 for Android』
シンプルな学生向け時間割アプリ
簡単な操作で時間割を作成
各種設定がシンプル
http://flan99.blog.fc2.com/blog-entry-581.html

28. インストール中・・・ (長いよね)
東工大生よ、
今こそ立ち上がれ！

29. インストール中・・・ (長いよね)
そろそろインストール
終わったかな？

30. インストール中・・・ (長いよね)
. *⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒☆ +
☆ 人 人 .人 人 人 .人 人
人 ﾉ ☆
+ .＼／ ＼.／ ＼.／ ＼／ ＼.／ ＼.／ ＼／ ＼.／ ＼.／ ☆ *
☆ ┏┓ ┏━━┓ﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧ . ┏━┓
┏━┛┗━┓┃┏┓┃(*´д｀)(*´д｀)(*´д｀)(*´д｀)(*´д｀) ┃ ┃
┗━┓┏━┛┃┗┛┃┏━━━━━━━━━━━━━━┓ ☆┃ ┃ +
┏━┛┗━┓┃┏┓┃┃ ┃ ┃
┃ ☆
┗━┓┏━┛┗┛┃┃┗━━━━━━━━━━━━━━┛ ┗━┛*
. * ┃┃ ☆ ┃┃(´д｀*)(´д｀*)(´д｀*)(´д｀*)(´д｀*) ┏━┓
┗┛ ┗┛ﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧﾊｧ .┗━┛ *
☆⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒☆
. * 人 人 .人 人 人 .人 人
人 ﾉ ☆
+ .＼／ ＼.／ ＼.／ ＼／ ＼.／ ＼.／ ＼／ ＼.／ ＼.／

31. 1. Android開発環境の構築
~ 実行パスを通す ~

32. 1. Android開発環境の構築
~ AVDの作成 ~
① AVDの作成
AVD (Android Virtual Device) を利用することで、
作成したアプリケーションをエミュレータでチェックでき
る
*windows+ → *AVD Manager+ を選択 → *New+ボタンをク
リック

33. 1. Android開発環境の構築
~ AVDの作成 ~
② AVDの作成
[Name] ：
「AVD4.1」
[Target] ：
「Android 4.1 – API Level 16」
[SD Card] の [Size] ：
64MB
→ *Create AVD+ をクリック

34. Andoroid開発環境の構築
おしまい
次は、Androidプロジェクトの作
成

35. 2. Androidプロジェクトの作成
① Eclipse上でAndroidプロジェクトを作成
*File+ → *New+ → *Project+ を選択
[New Project] ダイアログボックスで、
[Android] の項目にある [Android Application Project]
を選択して、[Next]ボタンをクリック

36. 2. Androidプロジェクトの作成
② Eclipse上でAndroidプロジェクトを作成
必要な項目を入力
ここでは、
[Application Name] :
01_Sample
[Project Name] :
01_Sample
[Package Name] :
ad.sample
として、[Finish]ボタンをクリック

37. 2. Androidプロジェクトの作成
③ Eclipse上でAndroidプロジェクトを作成

38. 2. Androidプロジェクトの作成
④ Androidアプリケーションを実行する
*Run+ → *Run+ を選択
[Run As]ダイアログボックスが
開くので、「Android Application」
を選択する

39. 2. Androidプロジェクトの作成
⑤ Androidアプリケーションを実行する
エミュレータが起動して、
Androidアプリケーションを実行される

40. 3. Hello World!!
慣習にのっとって
いつもの、やります・・・

41. 3. Hello World!!
▂▄▂
◢████◣
█████▌
▂▂ ▀███◤▂
◢███▇◣◢██◤▌ ▼◣
█████◢██▌▍
▀██■█ ▂ ▎ █ ▊▍◢▆◣
▄ ▂◣
Hello Worldやろうよ
▍ ◥◣ ▀▀ ▼
◥◣ ◥█▅▂ ▂◢◤
▂▅█◣▼◢▀ ▅█▅▂
◢▇█▀ ██▆▇█◣ ▀█▊
██◥◣▂  ▓▓▓▓▓ ▀▼▂
▂◢▀ ◣◥◣◥▓▓▍ ▓▎ ▓ ▐◣▎
◢〓◣ ◥ ◢▓▓ ▓▓ ▓▂◢◤
◥◣▂▃◤▀▓▓▓▓▓▓▓▌
▂▃▂ ◥█▅▓▀▀▓▓◤
◢〓◣:░:◣ █▌ █▋
▐::░::◥◣░:◥◣█▊ ▂◢█▋ ▂▃▂
◥◣::░::◥◣:░░:▍◢◤.::▀ .::░░░:: ◣
◥◣::░::◥◣::▍▍.::░░░░░::◢◤▍
◥◣░▼ ◥▬◣〓◢▬◤▀

42. 3. Hello World!!
MainActivity.javaに以下を記述
// ①画面を表すクラスを拡張してアプリケーションとする
publicclassMainActivityextendsActivity {
@Override// ②画面を起動したときに呼び出されるメソッドを記述する
publicvoidonCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
// ③レイアウトを作成する
LinearLayoutll = newLinearLayout(this);
ll.setOrientation(LinearLayout.VERTICAL);
setContentView(ll);
// ④ビューを作成
TextViewtv = newTextView(this);
tv.setText("Hello World!");
// ⑤レイアウトにビューを追加する
ll.addView(tv);
}
}

43. 3. Hello World!!
ばっちしだぜ！！

44. Androidアプリの基本
〜 基本的な処理の流れ 〜
① 画面を表すアクティビティを拡張
↓
②アクティビティクラスのメソッドを定義
Eclipse でプロジェクトを作成する
と、
①、②は自動でコードに記述され
↓ る
③アクティビティにレイアウトを設定
↓
④ビューを作成
↓
⑤レイアウトにビューを追加

45. Androidアプリの基本
〜 基本的な処理のイメージ 〜
④ビューを作成 ビュー
レイアウト
⑤レイアウトにビューを追加
③アクティビティにレイアウトを設定
① 画面を表すアクティビティを拡張 アクティビティ
②アクティビティクラスのメソッドを定義

46. 3. Hello World!!
先ほどのイメージの感覚を持ってコードをみてみ
よう
// ①画面を表すクラスを拡張してアプリケーションとする
publicclassMainActivityextendsActivity {
@Override// ②画面を起動したときに呼び出されるメソッドを記述する
publicvoidonCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
// ③レイアウトを作成する
LinearLayoutll = newLinearLayout(this);
ll.setOrientation(LinearLayout.VERTICAL);
setContentView(ll);
// ④ビューを作成
TextViewtv = newTextView(this);
tv.setText("Hello World!");
// ⑤レイアウトにビューを追加する
ll.addView(tv);

47. 3. Hello World!!
先ほどのイメージの感覚を持って画面をみてみよ
う

48. 3. Hello World!!
今度はテキストじゃなくて、ボタンを追加してみよう
MainActivity.javaに以下を記述
// ①画面を表すクラスを拡張してアプリケーションとする
publicclassMainActivityextendsActivity {
@Override// ②画面を起動したときに呼び出されるメソッドを記述する
publicvoidonCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
// ③レイアウトを作成する
LinearLayoutll = newLinearLayout(this);
ll.setOrientation(LinearLayout.VERTICAL);
setContentView(ll);
// ④ビューを作成
Button bt = newButton(this);
bt.setText("Hello World!!");
// ⑤レイアウトにビューを追加する
ll.addView(bt);
}
}

49. 3. Hello World!!
やったね！！

50. 4. Android SDK
AndroidSDKとは・・・
Androidの基本機能を提供する
クラスライブラリ

51. 4. Android SDK
http://developer.android.com/reference/packages.html

52. 4. Android SDK
／ヽ / /⌒＼
／ ／ヽヽ|/⌒＼ii|＼
|／ ／ヾゞ//／＼＼|
|／ |;;;;;;| ＼|
|;;;;;;|
|;;;;;;|ﾍ⌒ヽﾌ ／￣￣￣￣￣￣￣￣￣￣￣￣￣
|;;;;;（ ・ω・） |
|;;;;⊂ ｝ ＜ 既に使っているのだ
よ
|;;;;⊂,____,ノｅ |
|;;;;;;| ＼＿＿＿＿＿＿＿＿＿＿＿＿＿
|;;;;;;|
|;;;;;;|

53. 4. Android SDK
な、なんだってーー

54. 4. Android SDK
TextViewに注目してみよう

55. 4. Android SDK
サイトから、ページ
を
辿っていく
と・・・

56. 4. Android SDK
いやー、親切にドキュメントが書かれてい
ます
英語だけどね・・・英語だけどね・・・・
親切だなー 英語だけどね・・・

57. 4. Android SDK
TextViewクラスのsetText()メソッドも
ばっちり記述されています

58. 4. Android SDK
Androidアプリは
クラスライブラリを利用しながら
作成していくことになります
Android SDKに含まれるクラスを
根気強く調べていくことが重要です

59. 5. オブジェクト指向
オブジェクト指向について触れておく
(時間があればね)

60. 5. オブジェクト指向
オブジェクト指向が生まれる前の話です
C, Pascal, BASICなどの手続き言語では
実世界のモデルを作る機能が貧弱でした

61. 5. オブジェクト指向
例えば、エアコンのリモコンを作るとしま
す
(解説省略)

62. 6. テキストスピーチアプリ作成
文字列を音声として
読み上げるアプリを作成

63. 6. テキストスピーチアプリ作成
テキストスピーチには
Android.speech.tts.TextToSpeech
クラスを利用する
http://developer.android.com/reference/android/speech/tts/TextToSpeech.ht
ml

64. 6. テキストスピーチアプリ作成
サンプルコード
https://github.com/s-taichan/android/blob/master/sample.java
(解説省略)

65. 勉強会終わり
ありがとうござました