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

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

Avatar for KAKI KAKI
February 02, 2021
Design
0
82

デザイナーのための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
110

Other Decks in Design

See All in Design
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
450
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
270
高卒公務員から Webデザイナーになるまで
Avatar for kinomi kinomidesign
0
120
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
850
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
700
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
670
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
220
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
1.6k
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
110
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
150
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
870
mount_company_profile
Avatar for mount inc. mount_inc
0
2.5k

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
72
4.9k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k

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