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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for KAKI KAKI
February 02, 2021
Design
94
0

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

Avatar for KAKI

KAKI

February 02, 2021

More Decks by KAKI

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

Other Decks in Design

See All in Design
The Art of Caring
Avatar for Klemens klemens
0
320
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
550
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
250
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
100
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
640
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3k
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
1
3.8k
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
130
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
190
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
6.3k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
600

Featured

See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.2k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
750
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
910
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
320
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
190
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k

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. キャプチャーを撮ってみる エミュレーターメニューのカメラアイコンをクリックすると 表示している画面のキャプチャー画像がデスクトップに保存される ビルドしてみる