デザイナーが実際にandroidアプリのレイアウトを...
TRANSCRIPT
![Page 1: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/1.jpg)
デザイナーが実際にAndroidアプリのレイアウトを
組んでみた秋葉ちひろ
![Page 2: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/2.jpg)
楽しかった!
![Page 3: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/3.jpg)
デザイナーがなんでXMLを?
そもそも
![Page 4: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/4.jpg)
デザイナーとしてハッカソンに参加
第3回 SHARPハッカソン@東広島が7月23日(土)・24日(日)
![Page 5: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/5.jpg)
![Page 6: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/6.jpg)
動かなかった…
![Page 7: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/7.jpg)
デザイナー主体のハッカソンを始めた
Designers Hack
![Page 8: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/8.jpg)
もう一歩踏み出したい!
![Page 9: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/9.jpg)
10月17日17:00~22:00
赤井さんにレクチャーしていただく
12月14日 15日
自分でやってみた
![Page 10: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/10.jpg)
今回コーディングしたアプリ
![Page 11: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/11.jpg)
今回コーディングしたアプリ• 自分のアカウントを持ち、自分の猫の写真をひたすらアップできる親バカアプリ
• 友達ならぬ友猫でつながれる
![Page 12: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/12.jpg)
ホーム
![Page 13: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/13.jpg)
ホーム• 自分の猫の写真一覧
![Page 14: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/14.jpg)
ホーム• 自分の猫の写真一覧• アクションバーには検索と設定
![Page 15: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/15.jpg)
ホーム• 自分の猫の写真一覧• アクションバーには検索と設定
• ショートカットボタンが3つ
![Page 16: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/16.jpg)
友猫一覧
![Page 17: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/17.jpg)
• 友猫の写真一覧友猫一覧
![Page 18: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/18.jpg)
• 友猫の写真一覧友猫一覧
![Page 19: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/19.jpg)
• 友猫の写真一覧• ★マークでお気に入りに追加
友猫一覧
![Page 20: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/20.jpg)
友猫の検索結果• 友猫を探すときの検索結果• 写真と、名前や種類、プロフィールが出てくる
![Page 21: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/21.jpg)
まず、最低限のレイアウトで作ってみた
![Page 22: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/22.jpg)
![Page 23: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/23.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" ></LinearLayout>
![Page 24: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/24.jpg)
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
![Page 25: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/25.jpg)
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
![Page 26: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/26.jpg)
</LinearLayout>
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
![Page 27: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/27.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
![Page 28: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/28.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView>
![Page 29: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/29.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
icon_search.png <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView>
![Page 30: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/30.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView>
![Page 31: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/31.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView><EditText
android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1"> <requestFocus></requestFocus></EditText>
![Page 32: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/32.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView>
<EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1"> <requestFocus></requestFocus></EditText>
![Page 33: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/33.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
</LinearLayout>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView>
<EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1"> <requestFocus></requestFocus></EditText>
![Page 34: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/34.jpg)
<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="10dp" android:paddingBottom="5dp" android:background="#fcf9f0" >
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_roope" android:padding="10dp"></ImageView>
</LinearLayout>
<ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon_search" android:padding="10dp" ></ImageView>
<EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1"> <requestFocus></requestFocus></EditText>
![Page 35: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/35.jpg)
![Page 36: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/36.jpg)
<RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" ></RelativeLayout>
![Page 37: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/37.jpg)
1
2
3
4 5 6
![Page 38: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/38.jpg)
RelativeLayoutはわりとなんでもできそう
![Page 39: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/39.jpg)
![Page 40: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/40.jpg)
• ボックスにborderという概念がない!
• box-shadowはない• paddingなどのショートハンドはない
• text-shadowは再現できそう
![Page 41: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/41.jpg)
<TextView android:textColor="#FFF" android:background="#5e4a1a" android:shadowDx="-1" android:shadowDy="-1" android:shadowRadius="1" android:shadowColor="#6000"/>
![Page 42: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/42.jpg)
<TextView android:textColor="#FFF" android:background="#5e4a1a" android:shadowDx="-1" android:shadowDy="-1" android:shadowRadius="1" android:shadowColor="#6000"/>
![Page 43: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/43.jpg)
<TextView android:textColor="#FFF" android:background="#5e4a1a" android:shadowDx="-1" android:shadowDy="-1" android:shadowRadius="1" android:shadowColor="#6000"/>
![Page 44: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/44.jpg)
![Page 45: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/45.jpg)
背景をつけたい!<bitmap>
![Page 46: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/46.jpg)
res
drawable
bg_tile.xml
drawable-hdpi
img_bg_tile.png
![Page 47: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/47.jpg)
bg_tile.xml
<bitmap android:src= "@drawable/img_bg_tile" android:antialias="true" android:dither="false" android:filter="false" android:gravity="fill" android:tileMode="repeat"></bitmap>
![Page 48: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/48.jpg)
bg_tile.xml
<bitmap android:src= "@drawable/img_bg_tile" android:antialias="true" android:dither="false" android:filter="false" android:gravity="fill" android:tileMode="repeat"></bitmap>
img_bg_tile.png
![Page 49: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/49.jpg)
<bitmap android:src= "@drawable/img_bg_tile" android:antialias="true" android:dither="false" android:filter="false" android:gravity="fill" android:tileMode="repeat"></bitmap>
bg_tile.xml
img_bg_tile.png
![Page 50: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/50.jpg)
bg_tile.xml
<LinearLayout android:background= "@drawable/bg_tile">
main.xml
![Page 51: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/51.jpg)
グラーデーション境界線角丸
<shape>
![Page 52: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/52.jpg)
res
drawable
bg_tile.xml
drawable-hdpi
img_bg_tile.png
![Page 53: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/53.jpg)
res
drawable
bg_tile.xml
drawable-hdpi
img_bg_tile.png
bg_kind.xml
![Page 54: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/54.jpg)
bg_kind.xml
<shape android:shape="rectangle"> <gradient android:startColor="#856f2e" android:endColor="#b0a278" android:angle="270" ></gradient> <stroke android:width="1dp" android:color="#856f2e" /> <corners android:radius="10dp" /></shape>
![Page 55: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/55.jpg)
<shape android:shape="rectangle"> <gradient android:startColor="#856f2e" android:endColor="#b0a278" android:angle="270" ></gradient> <stroke android:width="1dp" android:color="#856f2e" /> <corners android:radius="10dp" /></shape>
bg_kind.xml
![Page 56: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/56.jpg)
<shape android:shape="rectangle"> <gradient android:startColor="#856f2e" android:endColor="#b0a278" android:angle="270" ></gradient> <stroke android:width="1dp" android:color="#856f2e" /> <corners android:radius="10dp" /></shape>
bg_kind.xml
![Page 57: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/57.jpg)
<shape android:shape="rectangle"> <gradient android:startColor="#856f2e" android:endColor="#b0a278" android:angle="270" ></gradient> <stroke android:width="1dp" android:color="#856f2e" /> <corners android:radius="10dp" /></shape>
bg_kind.xml
![Page 58: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/58.jpg)
bg_kind.xml
<LinearLayout android:background= "@drawable/bg_kind">
main.xml
![Page 59: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/59.jpg)
![Page 60: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/60.jpg)
![Page 61: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/61.jpg)
10月17日17:00~22:00
赤井さんにレクチャーしていただく
12月14日 15日
自分でやってみた
![Page 62: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/62.jpg)
とにかくまる1日
![Page 63: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/63.jpg)
アプリとして実機で見れるとさいこーに気分がいい
![Page 64: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/64.jpg)
CSSコーディングの知識があれば
ぜんぜんよゆう!
![Page 65: デザイナーが実際にAndroidアプリのレイアウトを 組んでみた(秋葉ちひろ)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55580240d8b42a200d8b52d7/html5/thumbnails/65.jpg)
ぜひ!