Androidアプリ開発入門Yoko TAMADA @tmd45
View Slide
はじめましたソーシャルPLUSでもネイティブアプリ対応の重要度が増してきたので、@masutaka が iOS、私が Android を新しく勉強している感じです。@Surume は両方経験済みということで頼もしいですね。
アジェンダ● 開発環境の準備● ざっくり触ってみる● おみくじアプリを作ってみる
開発環境の準備
必要なもの● Android SDK● エディタ● シミュレーター● JDK 7 以上○ Java Development KitJDK 7 は 2015 年 4 月でPublic Update が終了しました。自分が試した限りではJDK 8 でも動いたので最新版を使ったほうがいいかもしれません。
● IntelliJ Platform● ver.1.2.2(2015/6/19 時点)● Android SDK, エディタ, シミュレーターはこれで揃う● JDK 入れ忘れていても親切に誘導してくれるよAndroid Studio
● 公式サイトからダウンロードして、インストール○ https://developer.android.com/sdk/index.htmlAndroid Studio セットアップ
● 初回起動○ 以前の環境から設定を引き継ぐこともできる○ 新規セットアップで SDK などをインストールしてくれるAndroid Studio セットアップ
● インストールされるライブラリ○ Android SDK○ Performance(Intel ® HAXM)■ エミュレータの高速化○ Android Virtual Device■ エミュレーターAndroid Studio セットアップ
● 最初にインストールした SDK の最新版を入手したり● その他便利なライブラリをインストールしたりSDK Manager
● エミュレーターに必要な System Imageなど以下のものを入れる○ Intel 系の System Image○ Android Support LibrarySDK Manager
ざっくり Android Studio を触ってみる
● プロジェクトの作成○ Help me choose 便利Android Studio を触ってみる
● エミュレーターの起動○ AVD Manager■ デバイスの追加■ 追加したデバイスの起動■ 作成中のアプリの実行● Run 'app'Android Studio を触ってみる
● 便利な機能○ Search Everywhere■ Shift キー 2回押す■ ファイルとか設定とかなんでも検索Android Studio を触ってみる
● app と Gradle Script○ Gradle は Android のビルドシステム■ Ant や Maven と同じカテゴリ■ Groovy で書かれている構成をざっくり
● manifests○ アプリケーションとアクティビティの設定○ 初期状態では MainActivity という処理が最初に起動されるように書かれている構成をざっくり
● java/MainActivity.java○ onCreate メソッド■ アクティビティが作られたときに最初に呼び出されるメソッド■ activity_main っていう layout を使うという記述になっている構成をざっくり
● res/layout/activity_main.xml○ アクティビティのレイアウト○ プレビューからドラッグ&ドロップなどで編集も可能構成をざっくり
● そのほかの res の中身○ drawable: 画像置き場○ menu/menu_main.xml: メニューの作り込みをするときに編集○ values/*.xml■ 文字列や定数値を XML で管理する構成をざっくり
● "Hello world" をいじってみる○ Properties■ text● @string/hello_world● 直接文字列指定も可能編集してみよう
● 部品を配置してみる○ Relative Layout○ TextView■ textSize 変えてみたり■ サイズの単位 dp, sp○ Button■ id と text の編集編集してみよう
● 部品に動きを設定してみる○ Button の onClick 設定■ changeLabel としてみる○ java で changeLabel 処理を書く■ 引数は View, 戻り値なし(void)■ TextView を指定して setText編集してみよう
● エミュレーターで確認してみる○ Run 'app' で実行○ 上手くできたら編集してみよう
おみくじアプリを作ってみる
● ボタンを押すと 大吉、吉、凶 からランダムで結果が表示されるおみくじアプリ
● 新しいプロジェクトを作る● アクティビティの編集は XML を直接編集します● エミュレーターも立ち上げておきましょう開発準備
● Linear Layout○ android:orientation="vertical"○ android:gravity="center"■ 部品が縦並びに中央揃えで配置されるゾ!画面を作る
● TextView 2つ、Button 1つ○ TextView 1つは操作したいので idを付けておく○ Button は押したときの動作をさせたいので onClick を設定する■ 処理は getOmikuji にします画面を作る
● getOmikuji メソッドを作る○ 処理の流れ■ TextView を取得する■ 乱数を生成する■ TextView に乱数を表示する● とりあえず数字をそのまま出してみる動作を書く
● おみくじ結果を文字で出してみる○ 結果の文字列の配列を作る■ "大吉", "吉", "凶"○ 乱数の数字を添え字にして文字列を決める■ 乱数を決める数字を配列の長さにしておくと拡張性がマシますネ見栄えを良くしましょう
● 大吉のときだけ文字を赤くしてみる○ setTextColor(色)○ num == 0 のとき Color.RED○ それ以外のとき Color.BLACK■ Color.rgb() とか Color.argb() と言う風にも書けるゾ見栄えを良くしましょう
● ドットインストール dotinstall.com○ Androidアプリ開発入門○ Androidレイアウト入門○ Androidでおみくじアプリを作ろう■ …からお送りしました m(_ _;)m■ 開発入門以外は premium 講座です本日の内容は
● ひきつづきドットインストールのカリキュラムを完遂する● やりながら徐々に公式ドキュメントに目を通す● 独自 SDK 作成のノウハウを得るこれからやること
to be continued...