Android開発環境構築

1,679 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,679
On SlideShare
0
From Embeds
0
Number of Embeds
314
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Android開発環境構築

  1. 1. Android開発入門 開発初めてなの♡
  2. 2. 今日やること1. Android開発環境の構築2. Androidプロジェクトを作成3. Hello World!!4. AndroidSDKを使ってみよう5. オブジェクト指向6. テキストスピーチアプリ作成 ∧_∧ / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ( ´∀`)< またーり進めていくぞ ( ) \質問・飲酒・談笑いつでもOK || | \____________ (__)_)
  3. 3. 1. Android開発環境の構築ソフトウェアをインストール- JDK Javaで開発を行う際に必要なソフトウェア- Android SDK Android向けソフトウェアを開発するための開発環境- Eclipse ソフトウェア開発環境(IDE)の一つ。Javaの開発環境だと一番有名- ADT Plugin Eclipse上でAndroid開発をするためのプラグイン
  4. 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. 5. 1. Android開発環境の構築 ~ JDKをインストール ~JDKがインストールされていなければ・・・②JDKをダウンロードhttp://www.oracle.com/technetwork/java/javase/downloads/index.html
  6. 6. 1. Android開発環境の構築 ~ JDKをインストール ~③JDKをインストールダウンロードしたファイルを実行してインストーラを起動する ひたすら、[次へ] を連打 ∧,,∧ (;`・ω・) / o o しー-J ⇒ JDKのインストール完了♡
  7. 7. 1. Android開発環境の構築 ~ AndroidSDKをインストール ~① AndroidSDKをダウンロードhttp://developer.android.com/sdk/index.html
  8. 8. 1. Android開発環境の構築 ~ AndroidSDKをインストール ~② AndroidSDKをインストールダウンロードした zipファイルを、適当な場所に解 凍例1) WindowsC:¥android¥android-sdk-windows例2) MacOS~/android/android-sdk-macos⇒ インストール完了♡
  9. 9. 1. Android開発環境の構築 ~ Eclipseをインストール ~① Eclipse をダウンロードhttp://www.eclipse.org/downloads/
  10. 10. 1. Android開発環境の構築 ~ Eclipseをインストール ~② Eclipse をインストールダウンロードした zipファイルを、適当な場所に解 凍例1) WindowsC:¥eclipse例2) MacOS~/eclipse⇒ インストール完了♡
  11. 11. 1. Android開発環境の構築 ~ ADT Pluginをインストール ~① Eclipse を起動メニューから *Help+ → *Install New Software+ を選択[Install]ダイアログボックスが開いたら、[Add]ボタンをクリック
  12. 12. 1. Android開発環境の構築 ~ ADT Pluginをインストール ~②[Name]に「Android Plugin」、[Location]に「https://dl-ssl.google.com/android/eclipse/」を指定してOKボタンをクリック
  13. 13. 1. Android開発環境の構築 ~ ADT Pluginをインストール ~③ダイアログボックス中央部分の[Name]欄に、「Developer Tool」が表示チェックボックスをチェックして、[Next]ボタンをクリック
  14. 14. 1. Android開発環境の構築 ~ ADT Pluginをインストール ~④インストールアイテムが表示されたら[Next]ボタンをクリック
  15. 15. 1. Android開発環境の構築 ~ ADT Pluginをインストール ~⑤[I accept the terms of the license agreements] を選択して[Finish] ボタンをクリック
  16. 16. 1. Android開発環境の構築 ~ ADT Pluginの設定 ~① 設定*Eclipse+ → *環境設定+ ( *Window+ → *Preferences+ ) をを選択左のツリーから「Android」を選択
  17. 17. 1. Android開発環境の構築 ~ ADT Pluginの設定 ~②[SDK Location:]の右横にある[Browse...]ボタンをクリックAdroid SDKをインストールした場所を指定 ⇒ [OK] ボタンをクリック
  18. 18. 1. Android開発環境の構築 ~ Platform API をインストール ~① Platform APIをインストール*Windows+ → *Android SDK Manager+ を選択
  19. 19. 1. Android開発環境の構築 ~ Platform API をインストール ~②今回はインストール時間を考慮して、[Tools]と[Android 4.1] のみに チェック(※ Platform APIはいつでもインストール可能)[Install 〇〇 packages…+ボタンをクリック
  20. 20. 1. Android開発環境の構築 ~ Platform API をインストール ~③[Accepet All] を選択して、[Install]ボタンをクリック
  21. 21. インストール中・・・ (長いよね)雑談の時間だーー www.: : : : : : : ,’ ,’: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : :: : : : : : :,! !: : : : : : : : : : : : : : : : : : : : : : : : : : : : : : : ゜: : : : : : : : : : : : : : :+ ’ . ‘! ‘! ∧,,∧. o ’、 .’、 (`・ω・)つ━☆ ・ * 。 , , 。 ゚. , 丶. 丶 ⊂ ノ ・ ゚ +. , 。 .。 ヽ、 ヽ し’´J ノi * ・ °。 。 . .。 `’-、, `ー-–‐’" ,ノ ゚ ・☆ ゚. , ,。 `゙”ー‐- —‐”’" * ・ * ☆ + ゚ . + . . .゚ .゚。゚ 。 ,゚.。゚. ゚.。 .。 ゚ . o ゚ 。 . , . .o。 * .゚ + 。 ☆ ゚。。. . 。 。 *。, + 。. o ゚, 。*, o 。. 。 ゚ . 。 。 ,ハ,,,ハ (ヽ_/) ∩w∩ ∧,,∧ γ”""ヽ ヘ⌒ヽフ ( :;;;;;:::) ( :;;;;: ) ( ,,;;;;;;;;)( .::;;;;;; ) U .,;;;;;;U ( .;;;;;;;;) (::;;o;;:) (:;;;o;;:) (;;;;o;;;;;)( :;;O;;;:) (,;;;O;;;) (:;;;ζ;;;) ‐”"´”’"""”"`”""`"""”””"´”’"""”"`”""""”’"”””"`"""””``’‐
  22. 22. インストール中・・・ (長いよね) 大学生の夏
  23. 23. インストール中・・・ (長いよね) 学生生活 最後の思い出は・・・
  24. 24. インストール中・・・ (長いよね) Android開発で決まり
  25. 25. インストール中・・・ (長いよね) 大学生が作ったアプリ を紹介するぜ!
  26. 26. インストール中・・・ (長いよね) 『My365』 自分が投稿した写真が「カレンダー」画面で一覧表示されるアプ リ 日記の記録を写真で残すといった感じ http://vimeo.com/27601904
  27. 27. インストール中・・・ (長いよね) 『時間割 for Android』 シンプルな学生向け時間割アプリ 簡単な操作で時間割を作成 各種設定がシンプル http://flan99.blog.fc2.com/blog-entry-581.html
  28. 28. インストール中・・・ (長いよね) 東工大生よ、 今こそ立ち上がれ!
  29. 29. インストール中・・・ (長いよね) そろそろインストール 終わったかな?
  30. 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. 31. 1. Android開発環境の構築 ~ 実行パスを通す ~
  32. 32. 1. Android開発環境の構築 ~ AVDの作成 ~① AVDの作成AVD (Android Virtual Device) を利用することで、作成したアプリケーションをエミュレータでチェックでき る*windows+ → *AVD Manager+ を選択 → *New+ボタンをク リック
  33. 33. 1. Android開発環境の構築 ~ AVDの作成 ~② AVDの作成[Name] :「AVD4.1」[Target] : 「Android 4.1 – API Level 16」[SD Card] の [Size] : 64MB→ *Create AVD+ をクリック
  34. 34. Andoroid開発環境の構築 おしまい次は、Androidプロジェクトの作 成
  35. 35. 2. Androidプロジェクトの作成① Eclipse上でAndroidプロジェクトを作成*File+ → *New+ → *Project+ を選択[New Project] ダイアログボックスで、[Android] の項目にある [Android Application Project]を選択して、[Next]ボタンをクリック
  36. 36. 2. Androidプロジェクトの作成② Eclipse上でAndroidプロジェクトを作成必要な項目を入力ここでは、[Application Name] : 01_Sample[Project Name] : 01_Sample[Package Name] :ad.sampleとして、[Finish]ボタンをクリック
  37. 37. 2. Androidプロジェクトの作成③ Eclipse上でAndroidプロジェクトを作成
  38. 38. 2. Androidプロジェクトの作成④ Androidアプリケーションを実行する*Run+ → *Run+ を選択[Run As]ダイアログボックスが開くので、「Android Application」を選択する
  39. 39. 2. Androidプロジェクトの作成⑤ Androidアプリケーションを実行するエミュレータが起動して、Androidアプリケーションを実行される
  40. 40. 3. Hello World!! 慣習にのっとっていつもの、やります・・・
  41. 41. 3. Hello World!! ▂▄▂ ◢████◣ █████▌ ▂▂ ▀███◤▂ ◢███▇◣◢██◤▌ ▼◣ █████◢██▌▍ ▀██■█ ▂ ▎ █ ▊▍◢▆◣ ▄ ▂◣ Hello Worldやろうよ ▍ ◥◣ ▀▀ ▼ ◥◣ ◥█▅▂ ▂◢◤ ▂▅█◣▼◢▀ ▅█▅▂ ◢▇█▀ ██▆▇█◣ ▀█▊ ██◥◣▂  ▓▓▓▓▓ ▀▼▂ ▂◢▀ ◣◥◣◥▓▓▍ ▓▎ ▓ ▐◣▎ ◢〓◣ ◥ ◢▓▓ ▓▓ ▓▂◢◤ ◥◣▂▃◤▀▓▓▓▓▓▓▓▌ ▂▃▂ ◥█▅▓▀▀▓▓◤ ◢〓◣:░:◣ █▌ █▋▐::░::◥◣░:◥◣█▊ ▂◢█▋ ▂▃▂ ◥◣::░::◥◣:░░:▍◢◤.::▀ .::░░░:: ◣ ◥◣::░::◥◣::▍▍.::░░░░░::◢◤▍ ◥◣░▼ ◥▬◣〓◢▬◤▀
  42. 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. 43. 3. Hello World!!ばっちしだぜ!!
  44. 44. Androidアプリの基本 〜 基本的な処理の流れ 〜① 画面を表すアクティビティを拡張 ↓②アクティビティクラスのメソッドを定義 Eclipse でプロジェクトを作成する と、 ①、②は自動でコードに記述され ↓ る③アクティビティにレイアウトを設定 ↓④ビューを作成 ↓⑤レイアウトにビューを追加
  45. 45. Androidアプリの基本 〜 基本的な処理のイメージ 〜 ④ビューを作成 ビュー レイアウト ⑤レイアウトにビューを追加③アクティビティにレイアウトを設定 ① 画面を表すアクティビティを拡張 アクティビティ ②アクティビティクラスのメソッドを定義
  46. 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. 47. 3. Hello World!!先ほどのイメージの感覚を持って画面をみてみよ う
  48. 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. 49. 3. Hello World!! やったね!!
  50. 50. 4. Android SDK AndroidSDKとは・・・Androidの基本機能を提供する クラスライブラリ
  51. 51. 4. Android SDKhttp://developer.android.com/reference/packages.html
  52. 52. 4. Android SDK /ヽ / /⌒\/ /ヽヽ|/⌒\ii|\|/ /ヾゞ///\\||/ |;;;;;;| \| |;;;;;;| |;;;;;;|ヘ⌒ヽフ / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ |;;;;;( ・ω・) | |;;;;⊂ } < 既に使っているのだ よ |;;;;⊂,____,ノe | |;;;;;;| \_____________ |;;;;;;| |;;;;;;|
  53. 53. 4. Android SDKな、なんだってーー
  54. 54. 4. Android SDKTextViewに注目してみよう
  55. 55. 4. Android SDK サイトから、ページ を 辿っていく と・・・
  56. 56. 4. Android SDKいやー、親切にドキュメントが書かれてい ます 英語だけどね・・・英語だけどね・・・・ 親切だなー 英語だけどね・・・
  57. 57. 4. Android SDKTextViewクラスのsetText()メソッドも ばっちり記述されています
  58. 58. 4. Android SDK Androidアプリはクラスライブラリを利用しながら 作成していくことになります Android SDKに含まれるクラスを根気強く調べていくことが重要です
  59. 59. 5. オブジェクト指向オブジェクト指向について触れておく (時間があればね)
  60. 60. 5. オブジェクト指向オブジェクト指向が生まれる前の話です C, Pascal, BASICなどの手続き言語では実世界のモデルを作る機能が貧弱でした
  61. 61. 5. オブジェクト指向例えば、エアコンのリモコンを作るとしま す (解説省略)
  62. 62. 6. テキストスピーチアプリ作成 文字列を音声として 読み上げるアプリを作成
  63. 63. 6. テキストスピーチアプリ作成 テキストスピーチには Android.speech.tts.TextToSpeech クラスを利用するhttp://developer.android.com/reference/android/speech/tts/TextToSpeech.ht ml
  64. 64. 6. テキストスピーチアプリ作成 サンプルコードhttps://github.com/s-taichan/android/blob/master/sample.java (解説省略)
  65. 65. 勉強会終わりありがとうござました

×