Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザイナーのためのAndroid Studio　始めてのプロジェクト編

Avatar for KAKI KAKI
February 02, 2021
Design
0
85

デザイナーのためのAndroid Studio　始めてのプロジェクト編

Avatar for KAKI

KAKI

February 02, 2021
Tweet

More Decks by KAKI

See All by KAKI
デザイナーのためのAndroid Studio　設定編
Avatar for KAKI kaki730115
0
120

Other Decks in Design

See All in Design
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
260
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
480
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
2k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
960
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
110
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
620
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
220
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
200
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
680
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.9k
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
450
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
0
390

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
75
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
100
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
74
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
220
It's Worth the Effort
Avatar for 3n 3n
187
29k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

Transcript

  1. 01 デザイナーのための Android Studio 始めてのプロジェクト編

  2. デザイナーのためのAndroid Studio 内容 1. プロジェクト作成 2. ビルドしてみる 所要時間約10分

  3. デザイナーのためのAndroid Studio プロジェクト作成 1. 新規プロジェクト作成 新規作成は二つの方法がある 1. Top画面→「Start a new

    Android Studio project」 2. ソフト起動後→「File」→「New」→「New Project」 Top画面 Android Studio起動後

  4. デザイナーのためのAndroid Studio 2. テンプレート選択 色々なテンプレートが用意されている レイアウト作成の練習は「Empty Activity」を選択、「Next」をクリック プロジェクト作成

  5. デザイナーのためのAndroid Studio 3. プロジェクト設定 Name：プロジェクト名を入力すれば下にあ るPackage nameとSave locationのフォル ダー名が自動的に生成される Save

    location：保存したい場所がデフォル トと異なるであればここで設定可能 Language：JavaとKotlinが選べる、指定が なければデフォルトのJavaを選択 Minimum SDK：対応する最低バージョンの android、指定がなければデフォルトのまま 最後が「Finish」で設定完了 プロジェクト作成

  6. デザイナーのためのAndroid Studio 4. 完了 新規Android Studio Windowが開いて、下図のように表示されたらプロジェク作成が成功 プロジェクト作成

  7. デザイナーのためのAndroid Studio ビルドしてみる 1. AVDを選択しエミュレーター起動 設定編で作成したAVDを選択して、右側の「▷」Runボタンをクリックして エミュレーターが起動、起動後に自動的にプロジェクトで作成したアプリのビルドが開始 ① ②

  8. デザイナーのためのAndroid Studio 2. エミュレーターでアプリ確認 下図のようなHello World画面が表示されたら成功 ビルドしてみる

  9. デザイナーのためのAndroid Studio 3. キャプチャーを撮ってみる エミュレーターメニューのカメラアイコンをクリックすると 表示している画面のキャプチャー画像がデスクトップに保存される ビルドしてみる