Android 開発入門

開発初めてなの♡

今日やること1. Android 開発環境の構築2. Android プロジェクトを作成3. Hello World!!4. AndroidSDK を使ってみよう5. オブジェクト指向6. テキストスピーチアプリ作成

　 　 ∧＿∧　　／￣￣￣￣￣￣￣￣￣￣￣￣￣￣　　（　 ´∀ ｀）＜　　　またーり進めていくぞ　　（　　　　） 　＼ 質問・飲酒・談笑いつでも OK 　　｜ ｜　 | ＼ ＿＿＿＿＿＿＿＿＿＿＿＿　　（ _ ＿）＿）

1. Android 開発環境の構築ソフトウェアをインストール- JDK

Java で開発を行う際に必要なソフトウェア

- Android SDKAndroid 向けソフトウェアを開発するための開発環境

- Eclipse ソフトウェア開発環境 (IDE) の一つ。 Java の開発環境だと一番有名

- ADT Plugin　 Eclipse 上で Android 開発をするためのプラグイン

1. Android 開発環境の構築~ JDK をインストール ~

① インストールされているかを確認ターミナル、またはコマンドプロンプトを起動

して$ java –versionを実行。

こんな感じで出力されたら既にインストール済java version "1.6.0_33"Java(TM) SE Runtime Environment (build 1.6.0_33-b03-424-11M3720)Java HotSpot(TM) 64-Bit Server VM (build 20.8-b03-424, mixed mode)

1. Android 開発環境の構築~ JDK をインストール ~

JDK がインストールされていなければ・・・② JDK をダウンロードhttp://www.oracle.com/technetwork/java/javase/downloads/index.html

1. Android 開発環境の構築~ JDK をインストール ~

③JDK をインストールダウンロードしたファイルを実行してインストーラを起動する

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ひたすら、 [ 次へ ] を連打　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　∧ ,,∧　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 ( ； ` ・ ω ・）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 / 　 ｏ　 o　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　しー - Ｊ

　⇒ JDK のインストール完了♡　　　　　　　　　　　　　　　

1. Android 開発環境の構築~ AndroidSDK をインストール ~

① AndroidSDK をダウンロードhttp://developer.android.com/sdk/index.html

1. Android 開発環境の構築~ AndroidSDK をインストール ~

② AndroidSDK をインストール

ダウンロードした zip ファイルを、適当な場所に解凍

例 1) WindowsC:¥android¥android-sdk-windows 　　　　　　　　　　　　　

例 2) MacOS~/android/android-sdk-macos

⇒ インストール完了♡

1. Android 開発環境の構築~ Eclipse をインストール ~

① Eclipse をダウンロードhttp://www.eclipse.org/downloads/

1. Android 開発環境の構築~ Eclipse をインストール ~

② Eclipse をインストール

ダウンロードした zip ファイルを、適当な場所に解凍

例 1) WindowsC:¥eclipse 　　　　　　　　　　　　　

例 2) MacOS~/eclipse

⇒ インストール完了♡

1. Android 開発環境の構築~ ADT Plugin をインストール ~

① Eclipse を起動メニューから [Help] → [Install New Software] を選

択

[Install] ダイアログボックスが開いたら、 [Add] ボタン をクリック

1. Android 開発環境の構築~ ADT Plugin をインストール ~

② [Name] に「 Android Plugin 」、[Location] に「 https://dl-ssl.google.com/android/eclipse/ 」を指定して OK ボタンをクリック

1. Android 開発環境の構築~ ADT Plugin をインストール ~

③ダイアログボックス中央部分の [Name] 欄に、「 Developer Tool 」が表

示チェックボックスをチェックして、 [Next] ボタンをクリック

1. Android 開発環境の構築~ ADT Plugin をインストール ~

④インストールアイテムが表示されたら[Next] ボタンをクリック

1. Android 開発環境の構築~ ADT Plugin をインストール ~

⑤[I accept the terms of the license agreements] を選択して[Finish] ボタンをクリック

1. Android 開発環境の構築~ ADT Plugin の設定 ~

① 設定[Eclipse] → [ 環境設定 ] ( [Window] → [Preferences] ) を を選択左のツリーから「 Android 」を選択

1. Android 開発環境の構築~ ADT Plugin の設定 ~

② [SDK Location:] の右横にある [Browse...] ボタンをクリックAdroid SDK をインストールした場所を指定 ⇒ [OK] ボタンをクリック

1. Android 開発環境の構築~ Platform API をインストール ~

① Platform API をインストール [Windows] → [Android SDK Manager] を選択

1. Android 開発環境の構築~ Platform API をインストール ~

② 今回はインストール時間を考慮して、 [Tools] と [Android 4.1] のみに

チェック( Platform API※ はいつでもインストール可能 )[Install 〇〇 packages…] ボタンをクリック

1. Android 開発環境の構築~ Platform API をインストール ~

③ [Accepet All] を選択して、 [Install] ボタンをクリック

インストール中・・・ ( 長いよね )

雑談の時間だーー www.: : : : : : : ,’ 　　　　 ,’: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :,! 　　　　 !: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : ゜ : : : : : : : : : : : : : : : ＋　’　 . ‘! 　　 　 ‘ ! 　 　 　　 ∧ ,,∧ 　　　　 . 　　 o 　　’､　　　 .’ ､　　　　（ ` ・ ω ・）つ━☆ ･ * 。　 , 　　　　 , 　　　。　　　　　ﾟ . 　 , 　　 　 丶 . 　 　 丶　　　⊂　　ﾉ　　　　　　･　ﾟ +. 　　　　　　　　　　 , 　　　。 　　．。　　　ヽ、　 　 ヽ　　し’ ´ Ｊ　　ﾉ i 　　　 * 　･　 ° ｡　　　　　。 　 . 　　．。　　　｀’ - ､ , 　　｀ー－–‐’ " , ﾉ　　　ﾟ 　・ ☆　　ﾟ . 　　　　　 , 　　　　 , 。 　　　　　　　　　　　｀ﾞ”ｰ‐ - — ”’"‐ 　　　　　 * 　　・　　 * 　☆ 　　＋　　　　　ﾟ　　 . 　＋　　　　　　　 . 　 . 　．ﾟ . ﾟ。ﾟ　。　 , ﾟ．。ﾟ . 　ﾟ．。　 . 。 　　　　　ﾟ　　 . 　 o 　　　　ﾟ　　。　　 . 　　 , 　 . 　 .o 。　 * 　 . ﾟ　 + 　。☆　ﾟ。。．　

　 . 　　　　　　　　　　　　　　　。　　　 　｡　　 * 。 , 　 + 　。 . 　 o 　ﾟ , 　。 *, 　 o 　。 . 　　　　　　　。　　　　　　　　　　　　　　　　　ﾟ　　　 . 　　　。 　　。　　　　　　 , ﾊ ,,, ﾊ　 ( ヽ _/) 　∩ w∩ 　∧ ,,∧ 　 γ”"" ヽ　ﾍ⌒ヽﾌ 　　　　　　　　 ( :;;;;;:::) ( :;;;;: ) （ ,,;;;;;;;; ）（ .::;;;;;; ） U .,;;;;;;U （ .;;;;;;;; ） 　　　　　　　　 （ ::;;o;;:) (:;;;o;;:) （ ;;;;o;;;;; ）（ :;;O;;;: ） （ ,;;;O;;; ） （ :;;;ζ;;; ） 　　　　　‐” "´”’"""”" ｀” "" ｀ """”””"´”’"""”" ｀” """"”’"”””" ｀ """”” ｀ `’‐

インストール中・・・ ( 長いよね )

大学生の夏

インストール中・・・ ( 長いよね )

学生生活最後の思い出は・・・

インストール中・・・ ( 長いよね )

Android 開発で決まり

インストール中・・・ ( 長いよね )

大学生が作ったアプリを紹介するぜ！

インストール中・・・ ( 長いよね )

『 My365 』

自分が投稿した写真が「カレンダー」画面で一覧表示されるアプ

リ

日記の記録を写真で残すといった感じ

http://vimeo.com/27601904

インストール中・・・ ( 長いよね )

『時間割 for Android 』

シンプルな学生向け時間割アプリ

簡単な操作で時間割を作成各種設定がシンプル

http://flan99.blog.fc2.com/blog-entry-581.html

インストール中・・・ ( 長いよね )

東工大生よ、今こそ立ち上がれ！

インストール中・・・ ( 長いよね )

そろそろインストール終わったかな？

インストール中・・・ ( 長いよね )

. 　 * 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 ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒ ⌒☆. 　 * 　　　人　　　人　　　 .人　　　人　　　　人　　　 .人　　　人　　　人　　　 ﾉ　　　　☆

+ 　 . ＼／　 ＼ . ／　 ＼ . ／　 ＼／　 ＼ . ／　 ＼ . ／　 ＼／　 ＼ . ／　 ＼ . ／

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

1. Android 開発環境の構築~ AVD の作成 ~

① AVD の作成AVD (Android Virtual Device) を利用することで、作成したアプリケーションをエミュレータでチェックでき

る

[windows] → [AVD Manager] を選択　→ [New] ボタンをクリック

1. Android 開発環境の構築~ AVD の作成 ~

② AVD の作成[Name] ：

「 AVD4.1 」[Target] ：　 「 Android 4.1 – API Level 16 」[SD Card] の [Size] ：

64MB

→ [Create AVD] をクリック

Andoroid 開発環境の構築おしまい

次は、 Android プロジェクトの作成

2. Android プロジェクトの作成① Eclipse 上で Android プロジェクトを作成[File] → [New] → [Project] を選択

[New Project] ダイアログボックスで、[Android] の項目にある [Android Application Project]を選択して、 [Next] ボタンをクリック

2. Android プロジェクトの作成② Eclipse 上で Android プロジェクトを作成必要な項目を入力ここでは、[Application Name] :

01_Sample[Project Name] :

01_Sample[Package Name] :

ad.sampleとして、 [Finish] ボタンをクリック

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

2. Android プロジェクトの作成④ Android アプリケーションを実行する[Run] → [Run] を選択

[Run As] ダイアログボックスが開くので、「 Android Application 」 を選択する

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

3. Hello World!!

慣習にのっとって

いつもの、やります・・・

3. Hello World!!

　　　　　　 　　▂▄▂　　　　　　　◢████◣　　　　　　　█████▌　　　▂▂　　 ▀███◤▂　 ◢███▇◣◢██◤▌　 ▼◣　 █████◢██▌▍　　▄ ▂◣　　▀██■█　▂　▎ 　 █ ▊▍◢▆◣　　　　　 　 　▍ ◥◣　　　 ▀ ▀　　▼　　　　　　　◥◣ ◥█▅▂ 　　▂◢◤　　　　　 　▂▅█◣▼◢▀ ▅█▅▂　　　 　◢▇█▀　██▆▇█◣ ▀█▊　　　　██◥◣▂ ▓▓▓▓▓▀▼▂　　　 ▂◢▀ ◣◥◣◥▓▓▍ ▓▎ ▓　▐◣▎　 　 ◢〓◣　◥　 ◢▓▓▓▓▓▂◢◤　　 　◥◣▂▃◤▀▓▓▓▓▓▓▓▌　　▂▃▂　　 ◥█▅▓▀▀▓▓◤　◢〓◣ : : ░ ◣ 　 █▌ 　　█▋▐:: :: :░ ◥◣░ ◥◣█▊ 　▂◢█▋　▂▃▂　◥◣ :: :: : : .:: .:: :: ░ ◥◣ ░░ ▍◢◤ ▀ ░░░ ◣　　　◥◣ :: :: :: .:: ::░ ◥◣ ▍▍ ░░░░░ ◢◤▍　　　　　◥◣░▼　◥ ◣〓◢ ◤▀▬ ▬

Hello World やろうよ

3. Hello World!!MainActivity.java に以下を記述

// ① 画面を表すクラスを拡張してアプリケーションとするpublic class MainActivity extends Activity { @Override // ② 画面を起動したときに呼び出されるメソッドを記述する public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

// ③ レイアウトを作成する LinearLayout ll = new LinearLayout(this); ll.setOrientation(LinearLayout.VERTICAL); setContentView(ll); // ④ビューを作成 TextView tv = new TextView(this); tv.setText("Hello World!"); // ⑤ レイアウトにビューを追加する ll.addView(tv); }}

3. Hello World!!

ばっちしだぜ！！

Android アプリの基本〜 基本的な処理の流れ 〜

① 画面を表すアクティビティを拡張↓

②アクティビティクラスのメソッドを定義

↓③アクティビティにレイアウトを設定

↓④ビューを作成

↓⑤レイアウトにビューを追加

Eclipse でプロジェクトを作成すると、

① 、②は自動でコードに記述される

Android アプリの基本〜 基本的な処理のイメージ 〜

ビュー

　レイアウト

　アクティビティ

③アクティビティにレイアウトを設定

④ビューを作成

⑤レイアウトにビューを追加

① 画面を表すアクティビティを拡張②アクティビティクラスのメソッドを定義

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

// ① 画面を表すクラスを拡張してアプリケーションとするpublic class MainActivity extends Activity { @Override // ② 画面を起動したときに呼び出されるメソッドを記述する public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

// ③ レイアウトを作成する LinearLayout ll = new LinearLayout(this); ll.setOrientation(LinearLayout.VERTICAL); setContentView(ll); // ④ビューを作成 TextView tv = new TextView(this); tv.setText("Hello World!"); // ⑤ レイアウトにビューを追加する ll.addView(tv); }}

3. Hello World!!

先ほどのイメージの感覚を持って画面をみてみよう

3. Hello World!!今度はテキストじゃなくて、ボタンを追加してみようMainActivity.java に以下を記述

// ① 画面を表すクラスを拡張してアプリケーションとするpublic class MainActivity extends Activity { @Override // ② 画面を起動したときに呼び出されるメソッドを記述する public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

// ③ レイアウトを作成する LinearLayout ll = new LinearLayout(this); ll.setOrientation(LinearLayout.VERTICAL); setContentView(ll); // ④ビューを作成 Button bt = new Button(this); bt.setText("Hello World!!"); // ⑤ レイアウトにビューを追加する ll.addView(bt); }}

3. Hello World!!

やったね！！

4. Android SDK

AndroidSDK とは・・・

Android の基本機能を提供するクラスライブラリ

4. Android SDK

http://developer.android.com/reference/packages.html

4. Android SDK　　　　　　　　／ヽ　 / /⌒ ＼／ ／ヽヽ |/⌒ ＼ ii| ＼| ／ ／ヾゞ // ／＼＼ || ／　　 |;;;;;;| 　　　 ＼ |　　　　 |;;;;;;|　　　　 |;;;;;;| ﾍ⌒ヽﾌ　　　　 ／￣￣￣￣￣￣￣￣￣￣￣￣￣　　　　 |;;;;; （　・ ω ・）　　　　 | 　　　　　　　　　　　　　　　　　　　

　　

　　　　 |;;;;⊂ 　　　｝　　　＜　　　　既に使っているのだよ　　　　　

　　　　 |;;;; ,____,⊂ ノｅ　　 | 　　　　　　　　　　　　　　　　　　　　　 　　　　　　　

　　　　 |;;;;;;| 　　　　　　　　　＼＿＿＿＿＿＿＿＿＿＿＿＿＿　　　　 |;;;;;;|　　　　 |;;;;;;|

4. Android SDK

な、なんだってーー

4. Android SDK

TextView に注目してみよう

4. Android SDK

サイトから、ページを　　　　辿っていくと・・・

4. Android SDKいやー、親切にドキュメントが書かれてい

ます英語だけどね・・・英語だけどね・・・・

親切だなー　英語だけどね・・・

4. Android SDK

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

4. Android SDK

Android アプリはクラスライブラリを利用しながら

作成していくことになります

Android SDK に含まれるクラスを根気強く調べていくことが重要です

5. オブジェクト指向

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

5. オブジェクト指向

オブジェクト指向が生まれる前の話です

C, Pascal, BASIC などの手続き言語では実世界のモデルを作る機能が貧弱でした

5. オブジェクト指向

例えば、エアコンのリモコンを作るとします

( 解説省略 )

6. テキストスピーチアプリ作成

文字列を音声として読み上げるアプリを作成

6. テキストスピーチアプリ作成

テキストスピーチにはAndroid.speech.tts.TextToSpeech

クラスを利用する

http://developer.android.com/reference/android/speech/tts/TextToSpeech.html

6. テキストスピーチアプリ作成

サンプルコードhttps://github.com/s-taichan/android/blob/master/sample.java

( 解説省略 )

勉強会終わり

ありがとうござました