デザイナーがXMLを書くアプリ開発フロー

2015.4.25のDroidKaigiで話した内容です。はてなブログAndroidアプリ開発をベースにお話しました。

Transcript

1. رؠ؎ش٦ָ9.-׾剅ֻ
   ،فٔꟚ涪ؿٗ٦
   גࣜձࣾ͸ͯͳ @yulily100
   

   View Slide

2. 铩
   כגזرؠ؎ش٦䎃湡
   %SPJE,BJHJ麊㌀׮װ׏ג׷״٦
   @yulily100
   

   View Slide

3. KYOTO
   

   View Slide

4. View Slide

5. כגזـؚٗ،فٔךꟚ涪ؿٗ٦
   
   ֿךؿٗ٦ך葺ְ挿
   ➙傈כ˘
   חאְגֶ鑧׃תׅ
   

   View Slide

6. ث٦ي
   ؒٝآص،➂رؠ؎ش٦➂
   engineer
   engineer designer
   ׻׋׃
   

   View Slide

7. 㹋鄲׾ׅ׷
   ׉ך⵸ח˘
   

   View Slide

8. ؎ٝةؽُ٦
   
   ل٦ػ٦فٗزة؎ؾؚٝ
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. ث٦يדׅ׶֮׻ׇגֶֻ
    ⡦׾⡲׹ֲה׃גְ׷ךַ
    ؝،הז׷⡤꿀כ⡦ַ
    ⡦ך堣腉׾Ⰵ׸ג⡦׾Ⰵ׸זְךַ
    㹋鄲♳〳腉ַ
    ،فٔךⰋ⡤⫷׾אַ׬
    

    View Slide

13. 㹋鄲ׅ׷
    

    View Slide

14. ״׏׃ׯ٦
    9.-剅ֻ׊
    

    View Slide

15. 知⽃זٌحؙ׾⡲׷
    designer
    1
    

    View Slide

16. ⡦ך銲稆ָ֮׷ַꨜ㔲孡׻ַ׷ֻ׵ְ
    秵׃ַ⢪׏גזְ歗꬗׮֮׷
    

    View Slide

17. 銲稆׾ꂁ縧׃׋׮ך׾
    ⡲׏ג׮׵ֲ
    engineer
    2
    

    View Slide

18. ٌحؙ׾׮הח
    䗳銲ז銲稆׾⡲׏ג׮׵ְתׅ
    

    View Slide

19. أة؎ٕ׾֮ג׷
    designer
    3
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. NBSHJOװGPOUTJ[FװDPMPS
    3FMBUJWF-BZPVU⢪ֲַ-JOFBS-BZPVU⢪ֲַ
    ESBXBCMFؿ؋؎ٕ
    -PMMJQPQה׉׸⟃㢩ד⳿׃ⴓֽ
    

    View Slide

25. ٖؽُ٦׃ג׮׵׏גծ״ֽ׸לو٦آկ
    ֿ׸דמהאך歗꬗ָ㸣䧭
    

    View Slide

26. ⡦ָ葺ְךַ
    

    View Slide

27. ֶ✼ְ黅䣁ׇ׆
    鑐遤ꐪ铎דֹ׷
    1
    

    View Slide

28. 䭷㹀׃׋ؕٝفה麩ֲ٥٥٥
    㹋鄲׃ג׮׵׏׋׵麩ㄤ䠬ָ֮׏׋٥٥٥
    ׍׳׏ה㢌ִ׋ֻז׏גֹ׋٥٥٥
    ِ٦ؠ٦せꞿְ➂ךֿה罋ִגזַ׏׋٥٥٥
    歗⫷剣׷הֹה搀ְהֹה֮׷׿׌׏׋٥٥٥
    

    View Slide

29. 㹋ꥷח⹛ֻ׮ך׾
    鍗׶זָ׵رؠ؎ٝדֹ׷
    2
    

    View Slide

30. فٗزة؎ف׾אֻ׷䩛꟦׾剑⡚ꣲח׃גծ
    㹋暟׾峤箺ׇׁ׷ךח儗꟦׾⢪ֲ
    㹋ꥷח鍗׏ג׫גծ
    ؎ٝةؙٓءّٝ׾罋ִזָ׵رؠ؎ٝ
    

    View Slide

31. 

    

    android:state_checked="true"

    android:drawable="@drawable/checkbox_on">

    

    android:state_checked="false"

    android:drawable="@drawable/checkbox_off">

    

    
    

    View Slide

32. -&"/ז
    Ꟛ涪ָדֹ׷
    3
    

    View Slide

33. Scrum
    

    View Slide

34. View Slide

35. Usability
    Test
    

    View Slide

36. Scrum
    

    View Slide

37. 2weeks
    planning & development
    

    View Slide

38. ةأؙך磛䏝
    չًؕٓ،؎؝ٝ׾אֻ׷պ
    չ鸐濼歗꬗⡲׷պ
    չ傈鎸חأومד乆׏׋ⱖ溪ָ䫎珲דֹ׷պ
    չ鎸✲פך⿾䘔׾「ֽ《׷ֿהָדֹ׷պ
    דכזֻג
    

    View Slide

39. ֮הכמ׋ׅ׵Ꟛ涪
    

    View Slide

40. Usability
    Test
    

    View Slide

41. 2weeks
    test
    

    View Slide

42. ذأزָⰋג
    أفٔٝز穄׻׏׋׵䗳׆װ׷
    ِ٦ؠ٦ָ鑥ת׏׋הֿ׹כ
    如ךأفٔٝز鎘歗חⰅ׸ג䗳׆湫ׅ
    

    View Slide

43. planning
    development
    test
    2weeks
    

    View Slide

44. ״׶劤殢ח鵚ְ׮ךדذأز׃ג⳿䨱׶׾剑㼭ꣲח
    ְת鎘歗鸐׶ח鹌׿דְ׷ַծ鹼׸גְ׷ַָ׻ַ׷
    ذأز׃אאرغحؚ׮דֹ׷
    

    View Slide

45. ז׈דֹ׋ךַ
    

    View Slide

46. $44ך濼陎
    
    "OESPJE4UVEJPך酡㸣
    

    View Slide

47. QB׏ג䩧׏׋׵BOESPJEQBEEJOHהַ⳿גֻ׷
    

    View Slide

48. 㢌侧⢪ֲהֿ׹כ-&44הַ4$44ח⡂ג׷
    

    View Slide

49. ؒٝآص،
    ַ׵ך؟ه٦ز
    

    View Slide

50. ؒٓ٦כ׉ך鿪䏝湫׃ג׮׵ֲ
    

    View Slide

51. 剅ֹ倯׾侄ִג׮׵ֲ
    

    View Slide

52. תה׭
    

    View Slide

53. رؠ؎ش٦ָ؝٦سך鿇ⴓתד剅ֻה
    ِ٦ؠ٦ָ㹋ꥷחׁ׻׷׮ך׾
    稢ְַ何㊣׾ꅾיזָ׵ծ
    ׅלװֻꟚ涪ׅ׷ֿהָדֹ׷
    

    View Slide

54. ֮׶ָהֲ׀ְׂת׃׋
    @yulily100
    

    View Slide