iOS アプリのデザイン実装レビューを効率化する

Mobile Act Nagoya #1 LT 発表資料
http://mobileactnagoya.connpass.com/event/34626/

Transcript

1. J04ΞϓϦͷ
   σβΠϯ࣮૷ϨϏϡʔΛޮ཰Խ͢Δ
   
   

   View Slide

2. ΞϓϦ։ൃͱσβΠϯϨϏϡʔ
   ։ൃલ͸ϓϩτλΠϓͰ
   

   View Slide

3. ։ൃલ͸ϓϩτλΠϓͰ
   ΫϥΠΞϯτ
   1-
   σβΠφʔ
   ΤϯδχΞ
   

   View Slide

4. View Slide

5. ։ൃલ͸ϓϩτλΠϓͰ
   ΫϥΠΞϯτ
   1-
   σβΠφʔ
   ΤϯδχΞ
   

   View Slide

6. ։ൃલ͸ϓϩτλΠϓͰ
   ΫϥΠΞϯτ
   1-
   σβΠφʔ
   ΤϯδχΞ
   

   View Slide

7. ΞϓϦ։ൃͱσβΠϯϨϏϡʔ
   σβΠϯ࣮૷͔ΒϨϏϡʔ·Ͱ
   

   View Slide

8. σβΠϯ࣮૷͔ΒϨϏϡʔ·Ͱ
   σβΠφʔ
   ΤϯδχΞ
   σβΠϯࢦࣔॻ
   

   View Slide

9. σβΠϯ࣮૷͔ΒϨϏϡʔ·Ͱ
   σβΠφʔ
   ΤϯδχΞ
   ࣮૷
   

   View Slide

10. σβΠϯ࣮૷͔ΒϨϏϡʔ·Ͱ
    σβΠφʔ
    ΤϯδχΞ
    ΞϓϦ
    

    View Slide

11. σβΠϯ࣮૷͔ΒϨϏϡʔ·Ͱ
    σβΠφʔ
    ΤϯδχΞ
    ❌
    ❌
    ❌
    ❌
    

    View Slide

12. ͲΜͳࢦఠʁ
    ✤ σβΠϯࢦࣔͱҧ͏
    ✦ ϑΥϯτ͕ҧ͏ʢछྨɺ৭ɺ΢ΣΠτɺαΠζʣ
    ✦ ഑ஔ৔ॴ͕ҧ͏ʢϚʔδϯɺςΩετΞϥΠϝϯτʣ
    ✦ ը૾Ξηοτͷࢦఆҧ͍
    ✤ σβΠϯࢦࣔॻͲ͓Γ͚ͩͲɺ΍ͬͺΓ͜͏͍ͨ͠
    

    View Slide

13. ̍ϐΫηϧʹ΋ͩ͜ΘΔ
    

    View Slide

14. ΤϯδχΞ
    ͦ΋ͦ΋ҧ͍ʹؾ͚ͮͳ͍
    σβΠφʔ
    QYϨϕϧͷνΣοΫ΋େม
    

    View Slide

15. ޮ཰Խ͍ͨ͠
    

    View Slide

16. 1FFL https://github.com/shaps80/Peek
    

    View Slide

17. 1FFL
    ✤ J04ΞϓϦͷ6*σβΠϯΛνΣοΫΛॿ͚ΔϥΠϒϥϦ
    ✤ ΤϯδχΞɾσβΠφʔɾςελʔͷ୭Ͱ΋࢖͑Δ
    ✤ ϘϦϡʔϜΩʔPSγΣΠΫૢ࡞Ͱ1FFLΛ༗ޮԽ
    ✤ Ϗϡʔͷ഑ஔ৘ใΛΦʔόʔϨΠදࣔ
    ✤ ֤ϏϡʔΞϓϦࣗମͷଐੑ৘ใ΋ৄࡉʹදࣔɺͳͲͳͲ
    https://github.com/shaps80/Peek
    

    View Slide

18. %FNP
    ͬΆ͍ϜʔϏʔ
    

    View Slide

19. ಋೖ΋؆୯
    ✤ $PDPBQPETͰΠϯετʔϧ
    ✤ "QQ%FMFHBUFͳͲͰ༗ޮԽ͢Δ͚ͩ
    pod ‘Peek’
    window?.peek.enable = true
    window?.peek.enableWithOptions { options in
    options.activtionMode = .Shake
    }
    PS
    

    View Slide

20. ͍͞͝ʹ
    ✤ 1FFLΛ࢖͑͹σβΠϯ࣮૷ϨϏϡʔ͕ḿΓͦ͏
    ✤ "VUP-BZPVUͷ഑ஔ৘ใ΋ϏδϡΞϧʹݟ͍ͨʢ։ൃதʁʣ
    ✤ ࣮ࡍͷϓϩδΣΫτͰࢼͯ͠Έ͍ͨͱࢥ͍ͬͯΔͱ͜Ζ
    ✤ 4MBDL࿈ܞɺ&ϝʔϧϨϙʔτͱ͍͏৽ػೳ͕ະ֬ೝ
    

    View Slide

21. View Slide