$30 off During Our Annual Pro Sale. View Details »

コロナ禍 Frontend おさらい

コロナ禍 Frontend おさらい

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

Hajime Mugishima

December 11, 2021
Tweet

More Decks by Hajime Mugishima

Other Decks in Programming

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