快適なエラーを目指して

登壇原稿ブログ
https://medium.com/p/baad88b878b8

MY UI STORY #1
https://myuistory.connpass.com/event/76452/

Transcript

1. շదͳΤϥʔΛ໨ࢦͯ͠ 
   6*σβΠϯฤ
    .:
   6*
   4503:
   
   
2. BCPVU
   NF גࣜձࣾϕΨίʔϙϨʔγϣϯ
   J04
   "QQMJDBUJPO
   &OHJOFFS ओܭ
   ٛߴ (JU)VC
   BOE
   5XJUUFS !OFTTLB[V
3. ΤϯδχΞ͕σβΠϯʹ͍ͭͯొஃʁ ֆ৺ͳ͍Ͱ͢ɻάϥϑΟοΫσβΠϯ͸ۤखɻ Ͱ΋6*σβΠϯ͸ηϯε͚ͩͰ͸ͳ͍ɻ
   ࿦ཧతࢥߟ΍৺ཧֶͷ஌͕ࣝඞཁͳ෼໺Ͱ໘ന͍ͱײͨ͡ɻ झຯͰΞϓϦ࡞Δʹͯ͠΋6*σβΠϯ͸େࣄͳͷͰ
   ษڧ͠ͳ͕Β4LFUDIͰ6*σβΠϯͨ͠Γ͍ͯ͠·͢ɻ
   ʢΞΠίϯͱ͔ૉࡐΛ࢖ͬͨΓʣ
4. ݸਓ։ൃʢ࣮૷தʣ **+NJPʢ֨҆4*.ʣͷ௨৴؅ཧΞϓϦ
5. ΤϥʔΛߟྀ͠σβΠϯ͢΂͖ཧ༝
6. ϢʔβʔΛࠞཚͤ͞ͳ͍ͨΊ OK ηογϣϯͷظݶ͕੾Ε·ͨ͠ɻ Τϥʔ ηογϣϯͬͯԿʁ Կ͔ѱ͍͜ͱͨ͠ʁ 0,ԡͨ͠Βղܾʁ
7. ϢʔβʔΛࠞཚͤ͞ͳ͍ͨΊ ϩάΠϯ ϩάΠϯ͠ͳ͍ ύεϫʔυ ϝʔϧΞυϨε ϩάΠϯ͔ͯ͠ΒҰఆ͕࣌ؒܦաͨͨ͠ ΊࣗಈͰϩάΞ΢τ͠·ͨ͠ɻ࠶౓ϩά Πϯ͠ͳ͓͍ͯͩ͘͠͞ɻ ϩάΞ΢τ͠·ͨ͠ɻ ࣗಈͰϩάΞ΢τ ͨ͠Μͩʂ ϩάΠϯ͠ͳ͓ ͨ͠Β͍͍ͷ͔ʂ ࣍ͷ͢΂͖ߦಈ ΁༠ಋ͢Δ
8. ϢʔβʔΛࠞཚͤ͞ͳ͍ͨΊ ͳͥ͜Μͳ͜ͱ͕͓͖Δͷ͔ʁ ʢ͜ͷ࢓༷͕ྑ͍͔ѱ͍͔͸͓͖ͯ͞ʣ
   ࢓૊Έ͕ଘࡏ͢Δͷʹਖ਼ৗܥ͔͠σβΠϯ͞Ε͍ͯͳ͍ ఆٛ͞Ε͍ͯͳ͍ͷͰͱΓ࣮͋͑ͣ૷ͯ͠ɺ
   ϦϦʔεͰ͹ͨ͹ͨͯͦ͠ͷ··ϦϦʔε͞Ε͍ͯΔʁ
9. ϢʔβʔΛࠞཚͤ͞ͳ͍ͨΊ ਖ਼ৗܥ͚ͩͰͳ͘ҟৗܥ΋ߟྀͯ͠σβΠϯ͢Δɻ
   Τϥʔͷ͜ͱͰΘ͔Βͳ͚͹ΤϯδχΞʹ࣭໰ͯ͠ΈΔɻ ૝ఆ͞ΕΔΤϥʔΛ೺Ѳ͠
   ϢʔβʔʹݟͤΔΤϥʔ͕ద౰͔ҙࣝ͢Δɻ
   $*Λ·Θࣾ͠಺#FUB൛Λਵ࣌഑৴͠νΣοΫͯ͠΋Β͏ɻ 6*
   %FTJHOFS &OHJOFFS
10. ϢʔβʔΛࠞཚͤ͞ͳ͍ͨΊ ਖ਼ৗܥ͚ͩͰͳ͘ҟৗܥ΋ߟྀͯ͠σβΠϯ͢Δɻ
    Τϥʔͷ͜ͱͰΘ͔Βͳ͚͹ΤϯδχΞʹ࣭໰ͯ͠ΈΔɻ ૝ఆ͞ΕΔΤϥʔΛ೺Ѳ͠
    ϢʔβʔʹݟͤΔΤϥʔ͕ద౰͔ҙࣝ͢Δɻ
    $*Λ·Θࣾ͠಺#FUB൛Λਵ࣌഑৴͠νΣοΫͯ͠΋Β͏ɻ 6*
    %FTJHOFS &OHJOFFS ϢʔβʔϑΝʔετ
11. ΤϥʔΛ෼ྨ͢Δ
12. ΤϥʔΛͱ͸ Τϥʔ
    FSSPS
    ͱ͸ɺίϯϐϡʔλʹ͓͍ͯɺ ϓϩάϥϜ͕ͦΕΒͷ࣮ߦ͕ਖ਼ৗͳಈ࡞Ͱͳ͍ ͱ൑அ͠ɺॲཧΛதஅ·ͨ͸ఀࢭͤ͞Δঢ়ଶɻ ʢXJLJQFEJBΑΓҾ༻ʣ
13. όάɻෆ۩߹ɻ Ϣʔβʔʹ͸ղܾͰ͖ͳ͍ɻ όάτϥοΩϯά΍ϑΟʔυόοΫ͔Β
    όάΛमਖ਼͢Δɻ
    ʢΤϯδχΞͷ͓࢓ࣄʣ ϓϩάϥϜىҼ
14. αʔόʔଆͷෆ۩߹ɻ ϝϯςφϯεதͳͲɻ ࣌ؒΛۭ͚ͯΞΫηεΛଅͨ͠Γɺ
    ϝϯςφϯεऴྃ࣌ؒΛΞφ΢ϯε͢Δɻ ΠϯϑϥىҼ
15. Πϯλʔωοτະ઀ଓ ௨৴ن੍த ΦϑϥΠϯରԠͰղܾ͸Ͱ͖Δ͕
    ࠜຊతʹ͸Ϣʔβʔ͔͠ରԠͰ͖ͳ͍ɻ ؀ڥىҼ
16. ࣮ߦݖݶ͕ڐՄ͞Ε͍ͯͳ͍ ϢʔβʔʹͳͥͦͷػೳʹΞΫηε͢Δඞཁ͕͋Δͷ͔આ໌͠
    ࣮ߦΛڐՄͯ͠΋Β͏ʹଅ͢ɻ ݖݶىҼʢϢʔβʔଆʣ
17. όϦσʔγϣϯ αʔϏεͷ࢓༷Ͱ૝ఆ͞ΕΔΤϥʔɻ
    ͲͷΑ͏ʹϢʔβʔʹΈͤΔ͔͋Β͔͡Ί૝ఆ͓ͯ͘͠ɻ ϢʔβʔىҼʢ࢓༷ʣ ڐՄ͞Ε͍ͯͳ͍ૢ࡞
    ʢݖݶ͕଍Γͳ͍౳ʣ
18. ΤϥʔΛద੾ʹ఻͑Δ
19. ඞཁͳ৘ใ͸ʁ 8IZ ͳͥى͖ͨͷ͔ʢγεςϜ͕ݪҼͳͷ͔ɺϢʔβʔ͕ݪҼͳͷ͔ʣ 8IBU ͳʹ͕ى͖ͨͷ͔ʢλʔήοτͷϢʔβʔʹ఻ΘΔ୯ޠΛ࢖͏ʣ )PX Ͳ͏ͨ͠Β͍͍ͷ͔ʢ࣍ʹऔΔ΂͖ߦಈ΁༠ಋʣ ˞
    লུ͢΂͖৔߹΋͋Δ
20. &YBNQMF
21. όϦσʔγϣϯΤϥʔ ϝʔϧΞυϨε͸ඞਢ߲໨Ͱ͢ɻ ύεϫʔυ͸จࣈҎ্ೖྗ͍ͯͩ͘͠͞ɻ ʢྫʣUFTU!FYBNQMFDPN ༣ศ൪߸͸ඞਢ߲໨Ͱ͢ɻ ʢྫʣ ձһొ࿥ ɾϝʔϧΞυϨε͸ඞਢ߲໨Ͱ͢ɻ ɾ༣ศ൪߸͸ඞਢ߲໨Ͱ͢ɻ ɾύεϫʔυ͸จࣈҎ্ೖྗ͍ͯͩ͘͠͞ɻ ϝʔϧΞυϨε ʢྫʣUFTU!FYBNQMFDPN ύεϫʔυ ༣ศ൪߸ ʢྫʣ ձһొ࿥
22. ௨৴Τϥʔ .ZSUMF
    'MPZE ,BOTBT
    $JUZ
    SJCT
    BSF
    TFSJPVT
    CVTJOFTT
    XIFO
    JU
    DPNFT
    UP
    ##2
    5SVF
    UP
    USBEJUJPO
    CBSCFRVF
    JO
    ,BOTBT
    $JUZ
    JT
    ESZ
    SVCTQJDFE
    ,BUIFSJOF
    $BNQCFMM 5IF
    SPMF
    PG
    B
    HPPE
    DPPL
    XBSF
    JO
    UIF
    QSFQBSBUJPO
    PG
    B
    TVNQUVPVT
    NFBM
    DBOOPU
    CF
    PWFSFNQIBTJ[FE
    8IFO
    POF
    DPOTJEFS
    QVSDIBTJOH
    B
    HPPE
    .BSL
    3FZOPMET *G
    ZPV
    XBOU
    UP
    UBLF
    ZPVS
    DPPLJOH
    TLJMMT
    VQ
    BOPUIFS
    OPUDI
    UIFO
    JU
    NJHIU
    CF
    UJNF
    UP
    MPPL
    BU
    DIBOHJOH
    UP
    B
    HBT
    TUPWF 4BMMJF
    3VJ[ 5IF
    QPQVMBSJUZ
    PG
    CSFBLGBTU
    GPPET
    JT
    B
    HPPE
    SFBTPO
    UP
    LFFQ
    EFQFOEBCMF
    TUBSUFST
    TVDI
    BT
    FHHT
    CSFBE
    BOE
    PUIFS
    TUBQMFT
    PO
    IBOE
    #VU
    XIZ
    4BSBI
    1PSUFS 'JTI
    JT
    POF
    PG
    UIF
    NPTU
    XIPMFTPNF
    GPPET
    UIBU
    NBO
    DBO
    FBU
    *O
    GBDU
    ઀ଓΤϥʔ Πϯλʔωοτʹ ઀ଓ͞Ε͍ͯ·ͤΜ ઀ଓΤϥʔ Πϯλʔωοτʹ ઀ଓ͞Ε͍ͯ·ͤΜ
23. ݖݶΤϥʔ OK Χϝϥ΁ͷΞΫηεΛ ڐՄ͍ͯͩ͘͠͞ɻ ΧϝϥΛىಈͰ͖·ͤΜ ઃఆը໘΁ Ωϟϯηϧ Χϝϥ΁ͷΞΫηεΛ ڐՄ͍ͯͩ͘͠͞ɻ ΧϝϥΛىಈͰ͖·ͤΜ
24. ·ͱΊ ૝ఆ͞ΕΔΤϥʔ͸͋Β͔͡ΊσβΠϯ͓ͯ͘͠ Ϣʔβʔ͕ࠔ͍ͬͯΔͱ͖ͦ͜շదͳ6*Λఏڙ͠Α͏ ΤϯδχΞͱ6*σβΠφʔͰڠྗͯ͠ΤϥʔΛσβΠϯ͠Α͏
25. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠