Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
第1回プレ卒研
Android開発入門
Androidアプリ開発の基礎
・Androidの説明
・実機との連携(Hello World!)
・UIの基礎
・簡易アプリの作成
Androidとは?
Google社から提供されている
Linuxベースのオープンソースプラットフォーム
Google
Android 4.x.x
A社
Android a.b.c
C社
Android g.h.i
B社
Android d.e...
Androidの歴史
世界初のAndroid搭載端末「T-mobile G1」:2008年
アメリカでAndroid社成立:2003年
GoogleがAndroid社を買収:2005年
Android5.0「Lollipop」誕生:2014年
Androidのバージョンとシェア率
http://developer.android.com/about/dashboards/index.html
だいたい月1のペースで更新↑
Androidのバージョンとシェア率
基本的に上位互換性があり、違うAPIレベルでも動作が可能
Android 4.4.4
アプリB
Android 4.2
アプリA
Android 4.4.4
OK!!
Androidのバージョンとシェア率
ただし、下位互換については注意が必要
Android 2.1
アプリB
Android 4.2
アプリA
Android 2.1
BAD!!
OK!!
動作はするが、4.2で実装された機能が使えない
Androidのバージョンとシェア率
ただし、下位互換については注意が必要
Android 2.1
アプリB
Android 4.2
アプリA
Android 2.1
BAD!!
OK!!
アプリが落ちたり、不具合発生で使えない事が多い
Androidのバージョンとシェア率
ただし、下位互換については注意が必要
Android 2.1
アプリB
Android 4.2
アプリA
Android 2.1
BAD!!
OK!!
目的のシェアに沿った開発を目指して!!
Android開発入門!
Let`s
Hello World!!!!
Android開発入門!
開発環境:Android Studio
Googleが開発したAndroid統合開発環境
(2014/12に正式リリース、Win,Mac,Linux)
Androidアプリ開発に特化した仕様
※Eclipse同様やはり...
#1プロジェクトの作成
Step1:Android Studioの起動
Step2:「Start a new Android Stu…」を選択
#1プロジェクトの作成
Step3:Application nameでアプリ名を記入
今回は「HelloWorld」で統一
#1プロジェクトの作成
Step4:最低APIレベルの指定
このアプリがどのバージョンまで対応させるかを明示
指定したAPIより下の環境だと動作しない
#1プロジェクトの作成
対応できるシェア率をその場で出してくれる!!
#1プロジェクトの作成
対応できるシェア率をその場で出してくれる!!
#1プロジェクトの作成
API8を選択すればほぼ全機種で対応できる
#1プロジェクトの作成
Step5:Activityタイプの指定
今回は「Blank Activity」を指定
#1プロジェクトの作成
Step6:Activity名の指定
名前は自由に設定できるが、今回はデフォルトでやります
#1プロジェクトの作成
以下の様な画面が出てきたらプロジェクト作成は完了です!!
では、実機をPCに繋ぎましょう
#2実機デバッグ
出来たばかりのアプリを実機にインストール
クリック
上の方にある緑色のスタートボタンか、Shift+F10を押す
#2実機デバッグ
「Device」欄にNexus7が出ていればOK!
出てない人は挙手( ´・ω・`)ノ
#2実機デバッグ
実機にHello World!が出ていれば、完成です!!!
#2実機デバッグ
作成したアプリをデバッグしたい場合
この手順でやってください!!
Android開発入門!
UIの基礎
UIの基礎
アプリ内でボタンやスライダー、テキストなどのようなUIに関係する部分
実際にアプリを使う立場になって、
使いやすいUIの開発を目指してください!
いい内容のアプリでもUIが使いづらいと・・・
_人人人人人人人人_
> 糞アプリ認定 ...
UIの基礎
アプリにUIで使う部品を追加するには、GUIコンポーネントを使う
Drag & Drop で簡単に部品が追加可能
#3 UIの基礎・・・Textview
TextView
アプリ内でテキストを表示させたいときに使う
Plain TextViewをドラッグして、画面上に落とすとTextViewが生成される
表示文字を変更してみよう!
#3 UIの基礎・・・Textview
Designの横にあるTextをクリックするとXML形式での編集が可能
#3 UIの基礎・・・Textview
TextViewに関することは<TextView />の中で編集する
android:text=“Hello world!”の””で囲まれている中身を
好きな文字列に書き換えてみましょう
#3 UIの基礎・・・Textview
編集した文字列が変更されているかどうか右のデバイス画面で確認ができる
では、再度デバッグして実機で確かめてください
#3 UIの基礎・・・Textview
複数の部品を配置してもそれぞれで編集ができる
文字の大きさ変更、文字色、左詰め、背景色の変更・・・
後で、調べてみてください!
#3 UIの基礎・・・Button
Button
何かの動作のきっかけにすることができる
先ほど同様、Drag & Dropで追加
実機デバッグして動作を確認してXMLを編集します
#3 UIの基礎・・・Button
ボタンの中に表示するテキスト
幅の指定
ボタンのID名
部品の位置関係
後に詳しくやるんで、今は各部品には固有のIDが存在する
ということだけ覚えておいてください
#3 UIの基礎・・・EditText
EditText
文字列や数値の入力ができる
数値限定や、パスワード専用の入力フォームが製作可能
#3 UIの基礎・・・SeekBar
SeekBar
つまみをドラッグすることで値の入力が可能
#4 簡単なアプリ制作
今出てきた、TextView,Button,EditTextを使って簡単なアプリを作ります!
制作するアプリの流れ
1.EditTextに文字を入力する
2.ボタンを押す
3.TextViewに入力した文字を反映させる
...
#4 簡単なアプリ制作
Step1:UIパーツの配置
D&DでPlain Text,Button,Plain TextViewの3つを好きな位置に配置
#4 簡単なアプリ制作
Step2:IDの確認・変更
”@id/☓☓☓”で各リソースファイルをシステムに登録する
部品数が多くなっても各パーツが
識別できるよう、適当な名前は付けない
名詞で名前をつけたほうが分かりやすい
~例~
decisio...
#4 簡単なアプリ制作
Step3:ソースの実装
MainActivity.javaを選択
Javaの書き方については特に触れない予定です
(復習してくれたよね・・・??)
ただし、Javaの講義でやった内容以外のものが
出たら教えます
#4 簡単なアプリ制作
コーディングする前に・・・
Activityのライフサイクルについて
Activity:端末の画面に表示されているUIのこと
アプリケーションが起動するとActivityが表示され、
他のアプリを起動するとまた別のAct...
http://developer.android.com/reference/android/app/Activity.html
#4 簡単なアプリ制作
Activityの開始
Activityの破棄
Activity実行中
#4 簡単なアプリ制作
MainActivityクラスにはすでにonCreateメソッドが
onCreate()では、Activity生成時に最初に呼び出され
アプリケーションの初期化、メンバの設定などを行う
Bundle savedInsta...
#4 簡単なアプリ制作
setContentView(R.layout.activity_main);
初期レイアウトをどれにするかを指定する
Androidで使うリソースはすべてRクラスの中でint型のIDが保存される。
自動的に書き換えるの...
#4 簡単なアプリ制作
アプリが起動したら、スーパークラスのonCreateを呼び出して、
activity_main.xmlのレイアウトを画面に設定!
必要最低限のコードがすでに実装されている
では、実際にコーディングしていきましょう!!
#4 簡単なアプリ制作
ライブコーディング中
#4 簡単なアプリ制作
クラスのインスタンス生成はnewを使わずfindViewById()を使って
Activityからもらうようにする
onCreate()内に作ることで、1回のみ実行される
#4 簡単なアプリ制作
View.setOnClickListener()
ボタンがクリックされた時のリスナーを登録する
「ユーザーがボタンを押した」のような操作をイベントと言い、イベントが
発生するとイベントリスナに登録されているメソッドが呼...
#4 簡単なアプリ制作
今回はonClick() の中にボタンが押された時の処理を記述
EditTextの書かれている文字列を取得して、TextViewに反映
#4 簡単なアプリ制作
editText.getText().toString()
getText()だけだは,Editableインターフェイスを実装したクラスオブジェクト
が返されるので、toString()でバッファーから文字列に変換させる...
#4 簡単なアプリ制作
これで、StringEchoAppのコーディングは
終わりです!!
実機でデバッグし問題がないか確かめてください
Step4:デバッグ
https://github.com/Collonville/StringEchoA...
#5 課題!!
~お題~
範囲を指定してその中に素数が何個あるかを出力するApp
https://github.com/Collonville/FindingPrimeNumberApp
~仕様~
・EditTextを2つ使う。片方は、範囲開始...
#5 課題!!
~お題~
範囲を指定してその中に素数が何個あるかを出力するApp
https://github.com/Collonville/FindingPrimeNumberApp
~注意~
・EditTextは数値入力限定にするためにT...
#5 課題!!
0~100で素数は25個
#6 次回
UIの詳細(レイアウトの種類)
OpenCVで画像処理
2015年度研究室プレ卒研用Android講座1
Upcoming SlideShare
Loading in …5
×

2015年度研究室プレ卒研用Android講座1

55,678 views

Published on

Android App

Published in: Technology
  • Dating direct: ❶❶❶ http://bit.ly/2LaDVgK ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ❤❤❤ http://bit.ly/2LaDVgK ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

2015年度研究室プレ卒研用Android講座1

  1. 1. 第1回プレ卒研 Android開発入門
  2. 2. Androidアプリ開発の基礎 ・Androidの説明 ・実機との連携(Hello World!) ・UIの基礎 ・簡易アプリの作成
  3. 3. Androidとは? Google社から提供されている Linuxベースのオープンソースプラットフォーム Google Android 4.x.x A社 Android a.b.c C社 Android g.h.i B社 Android d.e.f 各社が自分好みのデザインや仕様に変更できる
  4. 4. Androidの歴史 世界初のAndroid搭載端末「T-mobile G1」:2008年 アメリカでAndroid社成立:2003年 GoogleがAndroid社を買収:2005年 Android5.0「Lollipop」誕生:2014年
  5. 5. Androidのバージョンとシェア率 http://developer.android.com/about/dashboards/index.html だいたい月1のペースで更新↑
  6. 6. Androidのバージョンとシェア率 基本的に上位互換性があり、違うAPIレベルでも動作が可能 Android 4.4.4 アプリB Android 4.2 アプリA Android 4.4.4 OK!!
  7. 7. Androidのバージョンとシェア率 ただし、下位互換については注意が必要 Android 2.1 アプリB Android 4.2 アプリA Android 2.1 BAD!! OK!! 動作はするが、4.2で実装された機能が使えない
  8. 8. Androidのバージョンとシェア率 ただし、下位互換については注意が必要 Android 2.1 アプリB Android 4.2 アプリA Android 2.1 BAD!! OK!! アプリが落ちたり、不具合発生で使えない事が多い
  9. 9. Androidのバージョンとシェア率 ただし、下位互換については注意が必要 Android 2.1 アプリB Android 4.2 アプリA Android 2.1 BAD!! OK!! 目的のシェアに沿った開発を目指して!!
  10. 10. Android開発入門! Let`s Hello World!!!!
  11. 11. Android開発入門! 開発環境:Android Studio Googleが開発したAndroid統合開発環境 (2014/12に正式リリース、Win,Mac,Linux) Androidアプリ開発に特化した仕様 ※Eclipse同様やはり動作は重いです・・・
  12. 12. #1プロジェクトの作成 Step1:Android Studioの起動 Step2:「Start a new Android Stu…」を選択
  13. 13. #1プロジェクトの作成 Step3:Application nameでアプリ名を記入 今回は「HelloWorld」で統一
  14. 14. #1プロジェクトの作成 Step4:最低APIレベルの指定 このアプリがどのバージョンまで対応させるかを明示 指定したAPIより下の環境だと動作しない
  15. 15. #1プロジェクトの作成 対応できるシェア率をその場で出してくれる!!
  16. 16. #1プロジェクトの作成 対応できるシェア率をその場で出してくれる!!
  17. 17. #1プロジェクトの作成 API8を選択すればほぼ全機種で対応できる
  18. 18. #1プロジェクトの作成 Step5:Activityタイプの指定 今回は「Blank Activity」を指定
  19. 19. #1プロジェクトの作成 Step6:Activity名の指定 名前は自由に設定できるが、今回はデフォルトでやります
  20. 20. #1プロジェクトの作成 以下の様な画面が出てきたらプロジェクト作成は完了です!! では、実機をPCに繋ぎましょう
  21. 21. #2実機デバッグ 出来たばかりのアプリを実機にインストール クリック 上の方にある緑色のスタートボタンか、Shift+F10を押す
  22. 22. #2実機デバッグ 「Device」欄にNexus7が出ていればOK! 出てない人は挙手( ´・ω・`)ノ
  23. 23. #2実機デバッグ 実機にHello World!が出ていれば、完成です!!!
  24. 24. #2実機デバッグ 作成したアプリをデバッグしたい場合 この手順でやってください!!
  25. 25. Android開発入門! UIの基礎
  26. 26. UIの基礎 アプリ内でボタンやスライダー、テキストなどのようなUIに関係する部分 実際にアプリを使う立場になって、 使いやすいUIの開発を目指してください! いい内容のアプリでもUIが使いづらいと・・・ _人人人人人人人人_ > 糞アプリ認定 <  ̄Y^Y^Y^Y^Y^Y^Y ̄ いい内容のアプリでもUIが使いづらいと・・・ _人人人人人人人人_ > 糞アプリ認定 <  ̄Y^Y^Y^Y^Y^Y^Y ̄
  27. 27. UIの基礎 アプリにUIで使う部品を追加するには、GUIコンポーネントを使う Drag & Drop で簡単に部品が追加可能
  28. 28. #3 UIの基礎・・・Textview TextView アプリ内でテキストを表示させたいときに使う Plain TextViewをドラッグして、画面上に落とすとTextViewが生成される 表示文字を変更してみよう!
  29. 29. #3 UIの基礎・・・Textview Designの横にあるTextをクリックするとXML形式での編集が可能
  30. 30. #3 UIの基礎・・・Textview TextViewに関することは<TextView />の中で編集する android:text=“Hello world!”の””で囲まれている中身を 好きな文字列に書き換えてみましょう
  31. 31. #3 UIの基礎・・・Textview 編集した文字列が変更されているかどうか右のデバイス画面で確認ができる では、再度デバッグして実機で確かめてください
  32. 32. #3 UIの基礎・・・Textview 複数の部品を配置してもそれぞれで編集ができる 文字の大きさ変更、文字色、左詰め、背景色の変更・・・ 後で、調べてみてください!
  33. 33. #3 UIの基礎・・・Button Button 何かの動作のきっかけにすることができる 先ほど同様、Drag & Dropで追加 実機デバッグして動作を確認してXMLを編集します
  34. 34. #3 UIの基礎・・・Button ボタンの中に表示するテキスト 幅の指定 ボタンのID名 部品の位置関係 後に詳しくやるんで、今は各部品には固有のIDが存在する ということだけ覚えておいてください
  35. 35. #3 UIの基礎・・・EditText EditText 文字列や数値の入力ができる 数値限定や、パスワード専用の入力フォームが製作可能
  36. 36. #3 UIの基礎・・・SeekBar SeekBar つまみをドラッグすることで値の入力が可能
  37. 37. #4 簡単なアプリ制作 今出てきた、TextView,Button,EditTextを使って簡単なアプリを作ります! 制作するアプリの流れ 1.EditTextに文字を入力する 2.ボタンを押す 3.TextViewに入力した文字を反映させる 「StringEchoApp」という名前で新しくプロジェクトを作ってください
  38. 38. #4 簡単なアプリ制作 Step1:UIパーツの配置 D&DでPlain Text,Button,Plain TextViewの3つを好きな位置に配置
  39. 39. #4 簡単なアプリ制作 Step2:IDの確認・変更 ”@id/☓☓☓”で各リソースファイルをシステムに登録する 部品数が多くなっても各パーツが 識別できるよう、適当な名前は付けない 名詞で名前をつけたほうが分かりやすい ~例~ decisionBtn(決定ボタン) outputTextView(出力用TextView)
  40. 40. #4 簡単なアプリ制作 Step3:ソースの実装 MainActivity.javaを選択 Javaの書き方については特に触れない予定です (復習してくれたよね・・・??) ただし、Javaの講義でやった内容以外のものが 出たら教えます
  41. 41. #4 簡単なアプリ制作 コーディングする前に・・・ Activityのライフサイクルについて Activity:端末の画面に表示されているUIのこと アプリケーションが起動するとActivityが表示され、 他のアプリを起動するとまた別のActivityが表示される 1つのアプリに複数のActivityが存在することも珍しくない(画面遷移) Activityの生成から破棄までの一連の流れを理解していないと、 必ずどっかで詰みます(経験談)
  42. 42. http://developer.android.com/reference/android/app/Activity.html
  43. 43. #4 簡単なアプリ制作 Activityの開始 Activityの破棄 Activity実行中
  44. 44. #4 簡単なアプリ制作 MainActivityクラスにはすでにonCreateメソッドが onCreate()では、Activity生成時に最初に呼び出され アプリケーションの初期化、メンバの設定などを行う Bundle savedInstanceState:アプリが前回終了した時の状態が格納 (初期値:null)
  45. 45. #4 簡単なアプリ制作 setContentView(R.layout.activity_main); 初期レイアウトをどれにするかを指定する Androidで使うリソースはすべてRクラスの中でint型のIDが保存される。 自動的に書き換えるので開発者はいじらない
  46. 46. #4 簡単なアプリ制作 アプリが起動したら、スーパークラスのonCreateを呼び出して、 activity_main.xmlのレイアウトを画面に設定! 必要最低限のコードがすでに実装されている では、実際にコーディングしていきましょう!!
  47. 47. #4 簡単なアプリ制作 ライブコーディング中
  48. 48. #4 簡単なアプリ制作 クラスのインスタンス生成はnewを使わずfindViewById()を使って Activityからもらうようにする onCreate()内に作ることで、1回のみ実行される
  49. 49. #4 簡単なアプリ制作 View.setOnClickListener() ボタンがクリックされた時のリスナーを登録する 「ユーザーがボタンを押した」のような操作をイベントと言い、イベントが 発生するとイベントリスナに登録されているメソッドが呼び出される。
  50. 50. #4 簡単なアプリ制作 今回はonClick() の中にボタンが押された時の処理を記述 EditTextの書かれている文字列を取得して、TextViewに反映
  51. 51. #4 簡単なアプリ制作 editText.getText().toString() getText()だけだは,Editableインターフェイスを実装したクラスオブジェクト が返されるので、toString()でバッファーから文字列に変換させる textView.setText() 引数に入れた文字列をTextViewに設定
  52. 52. #4 簡単なアプリ制作 これで、StringEchoAppのコーディングは 終わりです!! 実機でデバッグし問題がないか確かめてください Step4:デバッグ https://github.com/Collonville/StringEchoApp
  53. 53. #5 課題!! ~お題~ 範囲を指定してその中に素数が何個あるかを出力するApp https://github.com/Collonville/FindingPrimeNumberApp ~仕様~ ・EditTextを2つ使う。片方は、範囲開始の数値、 もう一つは範囲終了の数値を入力させる。 ・範囲が決まったらボタンを押して決めた範囲の中で計算を始める。 ・TextViewに何個素数があったかを表示する。
  54. 54. #5 課題!! ~お題~ 範囲を指定してその中に素数が何個あるかを出力するApp https://github.com/Collonville/FindingPrimeNumberApp ~注意~ ・EditTextは数値入力限定にするためにText Fields->Numberを選択 ・EditTextから数値(int型)を得るには int num= Integer.parseInt(start.getText().toString()); ・TextViewに数値(int型)を表示するには outputTxt.setText(String.valueOf(数値)));
  55. 55. #5 課題!! 0~100で素数は25個
  56. 56. #6 次回 UIの詳細(レイアウトの種類) OpenCVで画像処理

×