Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Android アプリ開発入門(2015/6/19 社内勉強会)
Search
Yoko TAMADA
June 19, 2015
Technology
0
120
Android アプリ開発入門(2015/6/19 社内勉強会)
Yoko TAMADA
June 19, 2015
Tweet
Share
More Decks by Yoko TAMADA
See All by Yoko TAMADA
Misskeyのはなし(2023/03/17 FFLT#56)
tmd45
0
180
手帳と文房具(2022/11/25 FFLT#52)
tmd45
0
35
2022/4/8 FFLT#45
tmd45
0
520
認知のはなし(2020/08/28 FFTT#407)
tmd45
1
410
認証認可の情報の追い方みたいな(2020/01/10 FFTT#381)
tmd45
1
2k
『OAuth 2.0 の代表的な利用パターンを仕様から理解しよう』を読んだ話(2019/04/12 FFTT#352)
tmd45
0
1.4k
2018/10/26 FFLT#11
tmd45
4
390
Markdown と学ぶ HTML 基礎 第二版(2018/10/12 FFTT#331)
tmd45
1
1.7k
Markdown と学ぶ HTML 基礎(2018/8/31 e-Navigator 勉強会#4)
tmd45
0
740
Other Decks in Technology
See All in Technology
自動テストの世界に、この5年間で起きたこと
autifyhq
10
7.1k
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
740
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
500
Developer Summit 2025 [14-D-1] Yuki Hattori
yuhattor
19
5.1k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
10
2.7k
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.1k
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
6
1.4k
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
明日からできる!技術的負債の返済を加速するための実践ガイド~『ホットペッパービューティー』の事例をもとに~
recruitengineers
PRO
3
100
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
137
6.8k
What's in a price? How to price your products and services
michaelherold
244
12k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Transcript
Androidアプリ開発入門 Yoko TAMADA @tmd45
はじめました ソーシャルPLUSでもネイティブアプリ対応 の重要度が増してきたので、 @masutaka が iOS、私が Android を 新しく勉強している感じです。 @Surume
は両方経験済みということで 頼もしいですね。
アジェンダ • 開発環境の準備 • ざっくり触ってみる • おみくじアプリを作ってみる
開発環境の準備
必要なもの • Android SDK • エディタ • シミュレーター • JDK
7 以上 ◦ Java Development Kit JDK 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.html Android Studio セットアップ
• 初回起動 ◦ 以前の環境から設定を引き継ぐこと もできる ◦ 新規セットアップで SDK などをインス トールしてくれる
Android Studio セットアップ
• インストールされるライブラリ ◦ Android SDK ◦ Performance(Intel ® HAXM) ▪
エミュレータの高速化 ◦ Android Virtual Device ▪ エミュレーター Android Studio セットアップ
• 最初にインストールした SDK の最新版 を入手したり • その他便利なライブラリをインストール したり SDK Manager
• エミュレーターに必要な System Image など以下のものを入れる ◦ Intel 系の System Image
◦ Android Support Library SDK 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...