Documenting

Design Rules

While Coding




!
!






✤
✤
✤ 



❖
❖
❖
❖
- Agenda -
- Step1 -




✤
✤
‣
✤ 

✤
✤
✤


Design

Rules








✤
✤
✤
✤


✤
✤
✤
✤
✤
✤
✤
✤
“
”
“
”








永あ Aa




‣
✤
✤
✤
✤
‣ 

- Step2 -
!
!
!
!
!


✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤




あ
う
A
d
y
G
4
3
永
E
7
H
z
ら
漢
永あ
Aa
✤
✤
✤


永あ Aa








永あ Aa




- Step3 -
✤
✤
✤












!
!
"
! ! !
"
! ! !
"
! ! !








- HOW TO STUDY -


✤
✤
✤

 

✤
✤
✤
✤

 













#
- Result -










コーディングしながらデザインルールをドキュメント化してみた