コロナ禍 Frontend おさらい

2021/12/11 Toyama.rb #70 参加者全員発表LT大会

Transcript

1. !"!#$#!$##%&'()*)+,-./"%01234567&89
   
   
   :*;<=>;?'
   @ABC%D,'?EF?G%HIJK
   

   View Slide

2. LIMNOPPP
   !
   "#$%
   

   View Slide

3. !
   "#$%
   QRSTU#V#"WXNOPPP
   

   View Slide

4. Y!VZ[\]^_`ab[cdefg
   

   View Slide

5. hi!VjikAlmnlop
   
   
   qrsOtuv]wxyz
   

   View Slide

6. {|}~•€,=•E
   

   View Slide

7. !"!"$!‚ƒ„
   
   
   •E)…%=*•',E+*FE)
   
   
   …%•E,=?<+•,'E'E(•F+,F•‹)€F~‹‹
   
   
   …%‰,'*=ŠF+)?(
   
   
   …%ŒF)•ŽF•Š
   
   
   …%7'<=€)‹%~ŠŠ=*F?E%••F,)E',Š
   
   
   …%‘;*F,=€%ŠF•),)E',Š
   
   
   …%|‹)ŠŠ%D=F‹GŠ
   
   
   …%ŽF<{’•%})E€“%”?G=€FŠ
   
   
   …%&'•…‹F•F‹%–)—)=E–
   
   
   …%{,<'?'*=€%-,)?G%€“F€•Š%•',%‰,=•)EF%D=F‹GŠ
   
   
   …%+)E˜™
   
   
   …%~€€FŠŠ=-‹F%–•-šF€E+•,'E'E(•F+“)Š•—?‰,'•F,E(–
   
   
   …%|‹)ŠŠ%•E)E=€%›‹'€•
   
   
   …%{,,',%|);ŠF
   
   
   {|}~•€,=•E
   

   View Slide

8. {|}~•€,=•E
   œ•žŸ ¡¢y£[ip¤¥t¦§
   

   View Slide

9. {|}~•€,=•E
   7'<=€)‹%~ŠŠ=*F?E%••F,)E',Š
   🔗%“EE•Š¨$$<=E“;-+€'*$E€©ª$•,'•'Š)‹…‹'<=€)‹…)ŠŠ=*F?E
   

   View Slide

10. {|}~•€,=•E
    &'•…‹F•F‹%–)—)=E–
    🔗%“EE•Š¨$$<=E“;-+€'*$E€©ª$•,'•'Š)‹…E'•…‹F•F‹…)—)=E
    …%m«¬-®S„i)—)=E ¯°r±
    …%²³´£)Š(?€µ¶ ·ar£g
    
    
    …%G(?)*=€%=*•',E%¸¹p%F’•',E%ºt[„»g
    

    View Slide

11. {|}~•€,=•E
    +)E˜™
    🔗%“EE•Š¨$$<=E“;-+€'*$E€©ª$•,'•'Š)‹…,F‹)E=•F…=?GF’=?<…*FE“'G
    …%¼½¾¿ÀÁl«ÃÄ„iÅÆÇȱ
    …%Ž;-(i%),,)(É…#Ê%ºË̺Ku^ftgt[
    

    View Slide

12. &(•F•€,=•E
    

    View Slide

13. … •E)EF%'•%Í•iÎϸ¹„б
    ÑVœ•Ò$ÓÔŸÕrÖ×
    
    
    … [ÐØÙÚrÛKÜÝr£v]g
    
    
    … !"!"$"!%Þ%•©+ß±
    !"!#$#!%Þ%•†+à
    &(•F•€,=•E
    

    View Slide

14. &(•F•€,=•E
    á„6â„»gãä xOåæ
    

    View Slide

15. &(•F•€,=•E
    &F*•‹)EF%•E,=?<%7=EF,)‹%&(•FŠ
    🔗%“EE•Š¨$$———+E(•FŠ€,=•E‹)?<+',<$G'€Š$“)?G-''•$,F‹F)ŠF…?'EFŠ$±
    %%%E(•FŠ€,=•E…†…#+“E*‹.EF*•‹)EF…‹=EF,)‹…E(•FŠ
    …%çèpéêrMˆ%•E,=?<%7=EF,)‹%iëì
    
    
    …%íîïð^•ñ7ØÍ••‘%•€“F*)£ò[6⯰
    

    View Slide

16. &(•F•€,=•E
    xOóôõö3r
    

    View Slide

17. &(•F•€,=•E
    '•F,,=GF÷øùøo
    🔗%“EE•Š¨$$———+E(•FŠ€,=•E‹)?<+',<$G'€Š$“)?G-''•$,F‹F)ŠF…?'EFŠ$±
    %%%E(•FŠ€,=•E…†…©+“E*‹.'•F,,=GF…)?G…E“F………?'=*•‹=€=E'•F,,=GF…•‹)<
    …%'•F,,=GFpúû´rëì±
    …%QküÃýþiQ¼øÿrxg!"£òp#$
    

    View Slide

18. &(•F•€,=•E
    %F•);‹E=?<%E'%E“F%;?•?'—?%&(•F±
    =?%|)E€“%&),=)-‹FŠ
    🔗%“EE•Š¨$$———+E(•FŠ€,=•E‹)?<+',<$G'€Š$“)?G-''•$,F‹F)ŠF…?'EFŠ$±
    %%%E(•FŠ€,=•E…†…†+“E*‹.GF•);‹E=?<…E'…E“F…;?•?'—?…E(•F…=?…€)E€“…•),=)-‹FŠ………;ŠF;?•?'—?=?€)E€“•),=)-‹FŠ
    …%E,(…€)E€“„'()gF,,',e¶ ;?•?'—?r
    

    View Slide

19. *øS+,Ál
    

    View Slide

20. *øS+,Ál
    -æ£v]g
    

    View Slide

21. *øS+,Ál
    .So/O
    … 0-m1lÄ2Á1i34
    
    
    … FŠ-;=‹G˜<'™±
    56#"…#""7-K˜89:;<-K™
    
    
    … •Œ|˜Ž;ŠE™
    
    
    %%—)Š*„îvˆO[„»g
    

    View Slide

22. *øS+,Ál
    … j=´£œ•Ð>u]Kg
    
    
    … FŠ-;=‹G%Þ%&=EF„œ•
    
    
    … •Œ|%Þ%‘F’E+šŠ œ•
    
    
    … :Š—€$šFŠE%„¾Ämþ?(¡-@ºt[
    FŠ-;=‹GØ•Œ|Ð89îfð]gA
    

    View Slide

23. *øS+,Ál
    &=EF
    &;F+šŠÈ2{•)?B'; ÈvˆkAlmnlo*øS
    … CܵDpFŠ-;=‹G„EloS
    
    
    … ‘)E=•F%{•}%®øÄ„FÈM±
    Ùa£@øoiwpÙa£ýÁGlH„.So
    
    
    … IJrµfJKLF MNr¡-
    
    
    … ÐØKPPP%˜îv]wgºúJtrOP„Qy™
    

    View Slide

24. *øS+,Ál
    … “EE•Š¨$$<=E“;-+€'*$,'*F$E''‹Š
    
    
    … -(%D)€F-''•
    
    
    … &,)?Š•=‹F$7=?E$D',*)E$›;?G‹F%£òi±
    kAlmnloi*øS+,Ál3OpRS
    
    
    … âÝŽ;ŠE„T»UIð]Kg
    

    View Slide

25. D,'?EF?G%D,)*F—',•
    

    View Slide

26. D,'?EF?G%D,)*F—',•
    &;F+šŠ
    … •!+V%W%•©+!
    
    
    … |'*•'Š=E='?~‰”pÐÌ:ºïg±
    Kæ¥tiXMK@lYø¼lmZ[i\1
    
    
    … ‚]xO[&(•F•€,=•Ek-loQør
    
    
    … •©^„i”{M_` ab
    

    View Slide

27. ‘;’E+šŠ
    … •!+##%W%•©c
    
    
    … &;F©^ der
    
    
    … &=EFRS„T5þ.Soi¡-@
    
    
    … &(•F•€,=•EpÂkfSm„gYøm
    
    
    … ‘=E,'%Þ%XMKgøEønlhl±
    …%”•i_`±
    …%ÃAĬ1«mkføÿ„iFÈ
    D,'?EF?G%D,)*F—',•
    

    View Slide

28. ŽF)€E
    … •#V+#©%W%•#/+"%W%•#ßc
    
    
    … •#/Ðjè´£ek l„m8»£Xn°Ð£M
    
    
    … •#ßiekoÐ@lYø¼lmpÏrqrsO
    
    
    … |'?€;,,F?E%ŽF?GF,=?<
    
    
    … •;Š•F?ŠF%±
    D,'?EF?G%D,)*F—',•
    

    View Slide

29. ‘F’E+šŠ
    … •ª+!%W%•#!+"
    
    
    … 8»Ke@ Kæ¥[svˆ
    
    
    … ?F’E$=*)
    
    … ?F’E%‹=?Ex|'?•',*)?€F™
    
    
    … }=GG‹F—),F
    
    
    … &F,€F‹%{G
    
    … &F,€F‹ºi˜CÜ™z{ xO|æ£vˆPÌ
    D,'?EF?G%D,)*F—',•
    

    View Slide

30. }tr[Kv~Ksg(ò
    
    
    7&´rÐþj•ð
    

    View Slide

31. €XtJ&'()*)+,-Ð/V•z
    !
    "#$%
    

    View Slide

32. ˜lU2Ž;-(3‚Øv]£K(ò™
    
    
    !"!!V[xƒMæH„KM…ïPP
    !
    "#$%
    

    View Slide