コロナ禍、私たちにできたこと / Under COVID-19, what we could do

LINE株式会社 Changhee Kim
2020/6/17 UIT meetup vol.9「The new normal for frontend」での発表資料です。
https://uit.connpass.com/event/172078/

1. ίϩφՒɺࢲͨͪʹͰ͖ͨ͜ͱ ʮ৽ܕίϩφରࡦͷͨΊͷશࠃௐࠪʯ։ൃΛৼΓฦΔ
2. $IBOHIFF
   ,JN • ϑϩϯτΤϯυΤϯδχΞ
   • ೥ʙ
   -*/&
   • ޷͖ͳ΋ͷ νϟϯϑΟ
3. Έͳ͞Μ͸͍͔͕͓ա͝͠Ͱ͠ΐ͏͔
4. ίϩφՒ͕΋ͨΒͨ͠มԽ • ςϨϫʔΫʢ݄͔Βʣ
   • 8FCձٞɾϦϞʔτҿΈձ
   • 7VF$POG
   64ʹߦ͚ͳ͘ͳͬͨ
   • ੈͷதศར͗ͯ͢ଠΔ
   • Ո଒ͱͷ͕࣌ؒ૿͑ͨʢʂʣ
6. ίϩφՒ͕΋ͨΒͨ͠มԽ • ςϨϫʔΫʢ݄͔Βʣ
   • 8FCձٞɾϦϞʔτҿΈձ
   • 7VF$POG
   64ʹߦ͚ͳ͘ͳͬͨ
   • ੈͷதศར͗ͯ͢ଠΔ
   • Ո଒ͱͷ͕࣌ؒ૿͑ͨʢʂʣ
7. -*/&ϏσΦ௨࿩͕͓͢͢Ίʂ
8. ίϩφՒ͕΋ͨΒͨ͠มԽ • ςϨϫʔΫʢ݄͔Βʣ
   • 8FCձٞɾϦϞʔτҿΈձ
   • 7VF$POG
   64ʹߦ͚ͳ͘ͳͬͨ
   • ੈͷதศར͗ͯ͢ଠΔ
   • Ո଒ͱͷ͕࣌ؒ૿͑ͨʢʂʣ
9. ίϩφՒ͕΋ͨΒͨ͠มԽ • ݄຤ɺࠃ಺ͷײછऀ͕૿Ճ܏޲ʹͳͬͨ
   • ༷ʑͳରࡦ͕ଧͪग़͞ΕΔ           ೔ຊࠃ಺ͷײછऀ਺ IUUQTXXXOILPSKQOFXTTQFDJBMDPSPOBWJSVTEBUBBMM ※ ※NHK ৽ܕίϩφ΢ΠϧεಛઃαΠτ
10. ৽ܕίϩφରࡦͷͨΊͷશࠃௐࠪ
11. ৽ܕίϩφରࡦͷͨΊͷશࠃௐࠪ • ްੜ࿑ಇলͷ৽ܕίϩφରࡦʹڠྗ͢ΔͨΊʹ࣮ࢪ
    • ݄೔
    ݄೔
    ݄೔
    ݄೔
    ܭճ഑৴
    • ର৅͸ʮ-*/&ʯࠃ಺ΞΫςΟϒϢʔβʔ໿ ສਓ
    • ֤ճͷ༗ޮճ౴ऀ਺ ສਓҎ্
    • ఏڙͨ͠σʔλ͸Ϋϥελରࡦͷݕ౼ͳͲʹ׆༻ ͝ڠྗ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
12. λΠϜϥΠϯ ݄೔
    ։ൃ ݄೔
    ࿩Λฉ͘
    ݄೔
    ։ൃ׬ྃ
    2"ςετ
    ݄೔
    ։ൃ
    ݄೔
    ݕ౼
    ։ൃ։࢝ ݄೔
    2"ςετ ݄೔
    ഑৴ ։ൃ͸࣮࣭೔ؒʂ
13. λΠϜϥΠϯ ݄೔
    ։ൃ
    εέδϡʔϧܾΊ
    Ξϯέʔτ߲໨ܾఆ
    ް࿑ল࿈ܞ
    ʜ ݄೔
    ࿩Λฉ͘
    Ξϯέʔτ࢓༷ૉҊ
    ʜ
    ݄೔
    ։ൃ׬ྃ
    2"ςετ ݄೔
    ։ൃ
    -*''։ൃ
    ʜ ݄೔
    ݕ౼
    ։ൃ։࢝
    ֤ॴ֬ೝ
    13࿈ܞ
    ૹ৴ํ๏ݕ౼
    ʜ ݄೔
    2"ςετ
    ϓϨεϦϦʔε
    ΨΠυϖʔδ
    ʜ ݄೔
    ഑৴
    13
    ϞχλϦϯά
    ʜ • ૯੎ਓΛ௒͑Δࣾһ͕ࢀը
    • ։ൃҎ֎ʹ΋શ৬छʹ౉Δڠۀମ੍
14. ໌֬ͳΰʔϧ  ΞϯέʔτΛ ສਓʹ഑৴
     ೔ؒͷճ౴݁ՌΛूܭ
     ूܭͨ͠σʔλΛްੜ࿑ಇলʹఏڙ
15. ։ൃݕ౼ -*/&Ξϯέʔτ • σβΠϯͷΧελϜͳͲ͢΂ͯͷ
    ཁ๬ʹରԠ͖͠Εͳ͍Մೳੑ
    • ผ్ෛՙରࡦ͕ඞཁ SE
    QBSUZ • -*/&ͬΆ͕͞ग़ͤͳ͍
    • ݕ౼͠͸͡ΊΔͱؒʹ߹Θͳ͍
16. ࣗલͰ࡞Δ͜ͱ͕ܾఆ
17. γϯϓϧͳγεςϜͱ͸ 8FC
    TFSWFS
18. ݒ೦  ෛՙ
     ෛՙ
     ෛՙ
19. ݒ೦  ෛՙ
     ෛՙ
     ෛՙ ͕࣌ؒͳ͍Αʂ
20. ஗Ԇ͕ى͖ʹ͍͘γεςϜ 8FC
    TFSWFS OHJOY JOEFYIUNM ੩త ෼ذॲཧ͸ϑϩϯτΤϯυͷΈͰߦ͏
    • ΫΤϦʔύϥϝʔλ
    • MPDBM4UPSBHF
21. ஗Ԇ͕ى͖ʹ͍͘γεςϜ NZTRM 8FC
    TFSWFS OHJOY qVFOUE ଟΊʹ༻ҙ ˞؆ུԽͨ͠Πϝʔδ
22. ஗Ԇ͕ى͖ʹ͍͘γεςϜ NZTRM 8FC
    TFSWFS OHJOY qVFOUE BDDFTT
    MPH ඇಉظ 
    0, ඵʹҰճ ฦ͚ͩ͢ ˞؆ུԽͨ͠Πϝʔδ BOTXFST
    DSFEFOUJBMT "1*
23. ஗Ԇ͕ى͖ʹ͍͘γεςϜ NZTRM 8FC
    TFSWFS OHJOY qVFOUE BDDFTT
    MPH BOTXFST
    DSFEFOUJBMT ඇಉظ 
    0, ඵʹҰճ ฦ͚ͩ͢ 7BMJEBUPS DSFEFOUJBMT ༗ޮͳճ౴ ඇಉظ ˞؆ུԽͨ͠Πϝʔδ "OBMZTJT .POJUPSJOH
24. ʁϑϩϯτΤϯυͷ࿩ҧ͏Μ͡Όʜ
25. ΞϯέʔτͷϑϩϯτΤϯυ։ൃ
26. LPSPNP • CPPUTUSBQͷ-*/&൛
    
    
    ্Ґޓ׵ͱͯ͠։ൃ͕͠΍͍͢
    • σβΠϯ͕ͳͯ͘΋-*/&Β͍͠6*͕࡞ΕΔ
27. LPSPNP -*/&ެࣜΞΧ΢ϯτ؅ཧΞϓϦʹ΋࠾༻
28. LPSPNP • CPPUTUSBQͷ-*/&൛
    
    
    ্Ґޓ׵ͱͯ͠։ൃ͕͠΍͍͢
    • σβΠϯ͕ͳͯ͘΋-*/&Β͍͠6*͕࡞ΕΔ
    • ࢖͍׳Ε͍ͯΔ ࠾༻ʂ
29. 7VFKT • ΑΓܰྔͷϑϨʔϜϫʔΫ΋ݕ౼͕ͨ͠
    ݁ہ࢖͍׳Ε͍ͯΔ΋ͷΛબͿ
    • ܰྔԽ͸ଞͰؤுΔ ͕࣌ؒͳ͍Αʂ USFF
    TIBLJOHͱEZOBNJD
    JNQPSU
    
30. ը໘ߏ੒ ճ౴ը໘ ׬ྃը໘ TUPSF΋SPVUFS΋༻͍ͳ͍
31. ίϯϙʔωϯτͷߟ͑ํ ࣭໰͸શλΠϓ ςΩετ બ୒ࣜʢυϩοϓμ΢ϯʣ બ୒ࣜʢ୯Ұʣ બ୒ࣜʢෳ਺ʣ
32. ίϯϙʔωϯτͷߟ͑ํ ίϯϙʔωϯτ͸ࡉ͔͘෼ׂ͍ͨ͠
33. ίϯϙʔωϯτͷߟ͑ํ ίϯϙʔωϯτ͸ࡉ͔͘෼ׂ͍ͨ͠ 5JUMF "OTXFS-JTU "OTXFS*UFN "OTXFS*UFN$IFDLCPY 2VFTUJPO Ԧಓʂ
34. ίϯϙʔωϯτͷߟ͑ํ ίϯϙʔωϯτ͸ࡉ͔͘෼ׂ͍ͨ͠ 5JUMF "OTXFS-JTU "OTXFS*UFN "OTXFS*UFN$IFDLCPY 2VFTUJPO 5JUMF "OTXFS-JTU "OTXFS*UFN 2VFTUJPO 4VSWFZ
35. ίϯϙʔωϯτͷߟ͑ํ ࣮ࡍ͸୯ҰཁૉͩͬͨΓ͢Δ 5JUMF "OTXFS-JTU "OTXFS*UFN "OTXFS*UFN$IFDLCPY 2VFTUJPO ˡ
    ୯ͳΔ
    I ˡ
    ୯ͳΔ
    VM ˡ
    ୯ͳΔ
    MJ ˢ
    બ୒ࣜʢෳ਺ʣͰ͔͠࢖Θͳ͍ ϝϦοτΛߟ͑Δ
36. ίϯϙʔωϯτͷߟ͑ํ Ξϯέʔτ
    
    ࣭໰ͷू·Γ Ξϯέʔτ ࣭໰ ࣭໰ ࣭໰ ͑ʂ
37. ίϯϙʔωϯτͷߟ͑ํ ෼ׂ͗͢͠ͳ͍ Ξϯέʔτ ࣭໰ ࣭໰ ࣭໰ ͕࣌ؒͳ͍Αʂ ࠷௿ݶͷίϯϙʔωϯτ୯Ґ
38. ίϯϙʔωϯτͷߟ͑ํ ڍಈ΋γϯϓϧ 2VFTUJPO 1SPQT WNPEFM
39. ίϯϙʔωϯτͷߟ͑ํ ࣭໰ͷλΠϓʹΑͬͯछྨΛ༻ҙ 2VFTUJPO$IPJDF NVMUJQMFlUSVFz 2VFTUJPO5FYU 2VFTUJPO%SPQEPXO
40. ίϯϙʔωϯτͷߟ͑ํ ίϯϙʔωϯτ͸ແݶʹ֦ு͠ͳ͍ UJUMF MBCFM
41. ίϯϙʔωϯτͷߟ͑ํ ίϯϙʔωϯτ͸ແݶʹ֦ு͠ͳ͍ UJUMF TVCUJUMF
42. ίϯϙʔωϯτͷߟ͑ํ ίϯϙʔωϯτ͸ແݶʹ֦ு͠ͳ͍ UJUMF TVCUJUMF EFTD
43. ίϯϙʔωϯτͷߟ͑ํ ͋Ε΋͜Ε΋TMPU͕ٹͬͯ͘ΕΔ TMPU
     ˞Ұ෦͸QSPQTʹ͍ͯ͠·͢
44. Ξϯέʔτͷ૊Έཱͯ ίϯϙʔωϯτ͕ଗͬͨͷͰ͋ͱ͸૊Ή͚ͩ
45. Ξϯέʔτͷ૊Έཱͯ ௨ৗ͸ҰͭͷΞϯέʔτͷσʔλΛඳը "1* ΦϒδΣΫτ
46. Ξϯέʔτͷ૊Έཱͯ ΦϒδΣΫτ΋֦ுΛڧ͍ΒΕΔ "1*
47. Ξϯέʔτͷ૊Έཱͯ ࠓճ͸σʔλ΋ϏϧτΠϯ "1*
48. Ξϯέʔτͷ૊Έཱͯ ඞཁͳ৘ใΛ໾ׂʹΑͬͯ෼͚Δ σʔληοτ ϚʔΫΞοϓ + ϩδοΫ
49. Ξϯέʔτͷ૊Έཱͯ σʔληοτ͸ूܭ஋ͷϚοϓʹͳΔͷͰॏཁ σʔληοτ ϩδοΫͱ͸෼཭͍ͨ͠ʂ
50. Ξϯέʔτͷ૊Έཱͯ ϚʔΫΞοϓ͕ͦͷ··Ξϯέʔτը໘ʹͳΔ ϚʔΫΞοϓ ௚؍తʂ ։ൃऀత8:4*8:(
51. Ξϯέʔτͷ૊Έཱͯ ඞཁͳϩδοΫ΋௚؍తʹॻ͘ ϩδοΫ ৑௕͚ͩͲ௚؍తʂ
52. Ξϯέʔτͷ૊Έཱͯ ʮউखʹ΍ͬͯ͘ΕΔʯͰ͸ͳ͘ʮॻ͍ͨͱ͓Γʯʹ σʔληοτ ϚʔΫΞοϓ + ϩδοΫ
53. -*''
    -*/&
    'SPOUFOE
    'SBNFXPSL • -*/&͕ఏڙ͢Δ΢ΣϒΞϓϦ ͷϓϥοτϑΥʔϜ
    • -*/&ΞϓϦ಺Ͱಈ͘ΞϓϦ͕ γʔϜϨεʹఏڙͰ͖Δ
    • 4%,͕ެ։͞Ε͍ͯͯ୭Ͱ΋ ར༻Ͱ͖Δ
54. • -*/&ΞϓϦ಺ͰγʔϜϨεʹΞϯέʔτΛఏڙ
    • -*/&
    -PHJOΛ࢖ͬͨೝূ
    • ϒϥ΢βͰ΋ΞϯέʔτΛఏڙ ͳͥ-*''Λ࢖͏ͷ͔
55. ͳͥ-*''Λ࢖͏ͷ͔ NZTRM 8FC
    TFSWFS OHJOY qVFOUE 7BMJEBUPS ༗ޮͳճ౴ -*/&
    -PHJOΛ࢖ͬͨ༗ޮੑݕূ BOTXFST
    DSFEFOUJBMT DSFEFOUJBMT
56. ͳͥ-*''Λ࢖͏ͷ͔ NZTRM 8FC
    TFSWFS OHJOY qVFOUE BOTXFST
    DSFEFOUJBMT 7BMJEBUPS DSFEFOUJBMT ༗ޮͳճ౴ -*/&
    -PHJOΛ࢖ͬͨ༗ޮੑݕূ 6TFS
    *%
    *%
    5PLFO -*''
    4%,ͷ"1*͔ΒऔಘͰ͖Δʂ ૹΒΕͨ6TFS
    *%͕༗ޮ͔
    *%
    5PLFOΛ΋ͱʹݕূ ༗ޮͳճ౴ͷΈΛఏڙ ݸਓಛఆ͞Εͳ͍
57. ͳͥ-*''Λ࢖͏ͷ͔ NZTRM 8FC
    TFSWFS OHJOY qVFOUE 7BMJEBUPS ༗ޮͳճ౴ -*/&
    -PHJOΛ࢖ͬͨ༗ޮੑݕূ BDDFTT5PLFO BDDFTT5PLFO͸-*''ΞϓϦΛ
    ด͡ΔͱແޮʹͳΔʂ ͢Ͱʹແޮʹͳ͍ͬͯΔ
    Մೳੑ͕ʜ ඇಉظ ඇಉظ DSFEFOUJBMT BOTXFST
    DSFEFOUJBMT
58. • -*/&ΞϓϦ಺ͰγʔϜϨεʹΞϯέʔτΛఏڙͰ͖Δ
    • -*/&
    -PHJOΛ࢖ͬͨೝূ͕Ͱ͖Δ
    • ϒϥ΢βͰ΋ΞϯέʔτΛఏڙͰ͖Δ ͳͥ-*''Λ࢖͏ͷ͔
59. ͳͥ-*''Λ࢖͏ͷ͔ ΞϓϦͱϒϥ΢βͷΫϩεϓϥοτϑΥʔϜ γΣΞʹΑΔ֦ࢄͰ1$Ͱͷར༻΋૝ఆ
60. ͳͥ-*''Λ࢖͏ͷ͔ ΞϓϦͱϒϥ΢βͷΫϩεϓϥοτϑΥʔϜ ϒϥ΢βͰ΋ಉ༷ͷΞϓϦΛఏڙ IUUQTMJ⒎MJOFNFʜ εϚϗͰ͸
    -*/&ΞϓϦ্ཱ͕͕ͪΔʂ -*/&
    8FC
    -PHJO -*''
    "QQ -*''
    63-
61. ͳͥ-*''Λ࢖͏ͷ͔ ϒϥ΢βͷͨΊͷศརͳ"1*͕ଗ͍ͬͯ·͢ • MJ⒎JT-PHHFE*O
    • MJ⒎MPHJO
    • MJ⒎JT*O$MJFOU
    • MJ⒎HFU04 υΩϡϝϯτΛ͝ཡ͍ͩ͘͞ IUUQTEFWFMPQFSTMJOFCJ[
62. -*/&ͰૹΔϘλϯ ؆୯ʹར༻Ͱ͖·͢ IUUQTTPDJBMQMVHJOTMJOFNF
63. ഑৴౰೔
64. ͍Α͍ΑΞϯέʔτ഑৴ ˞ୈճ࣮ࢪ࣌ͷΠϝʔδ
65. ͍Α͍ΑΞϯέʔτ഑৴ 'MFY
    NFTTBHF -*''
    63-Λઃఆ IUUQTEFWFMPQFSTMJOFCJ[ 'MFY
    NFTTBHF
66. ͍Α͍ΑΞϯέʔτ഑৴ ౰೔ͷճ౴਺ਪҠ ෛՙ͸໰୊ͳ͘଱͑ΒΕ·ͨ͠ ˞ୈճ࣮ࢪ࣌ͷਪҠ
67. ΞΫηγϏϦςΟ
68. ΞΫηγϏϦςΟ ͨ͘͞Μ͝ڠྗ͍ͨͩ͘ͳ͔ɺݫ͍͠ҙݟ΋ 7PJDF
    PWFSͰಡΈ্͛ΒΕͳ͍ ˞ΞοϓσʔτͰݱࡏ͸ରԠ
69. ΞΫηγϏϦςΟ ηϚϯςΟοΫͳϚʔΫΞοϓͰ͋Ε͹֓Ͷ໰୊ͳ͍
70. ΞΫηγϏϦςΟ ΋ͪΖΜ͞Βʹྑ͘͢Δ͜ͱ͸Ͱ͖Δ ΩϡʔΠνͱಡΉͷ͸ͪΐͬͱʜ
71. ΞΫηγϏϦςΟ ΋ͪΖΜ͞Βʹྑ͘͢Δ͜ͱ͸Ͱ͖Δ ഉଞબ୒ࢶͰ͋Δ͜ͱ͕Θ͔Γʹ͍͘
72. ΞΫηγϏϦςΟ εΫϦʔϯϦʔμʔΛҙࣝͨ͠վળ εΫϦʔϯϦʔμʔ޲͚ͷิ଍৘ใ όϦσʔγϣϯ
73. ·ͱΊ
74. ·ͱΊ • ݶΒΕͨ࣌ؒͰͷྑ͍ٕज़બఆ͸
    ܾͯ͠ఆ൪Ͱ͍͘ͱ͸ݶΒͳ͍
    • ࢖͍׳Ε͍ͯΔٕज़ΛબͿ
    • ௚؍తͰյΕʹ͍͘ઃܭͰ࣮֬ʹಈ͔͢͜ͱΛ໨ࢦ͢
    • -*''ͷ࢖͍উखͷྑ͔͞ΒτϨϯυʹͳΔ͜ͱΛظ଴
    • ΞΫηγϏϦςΟͷ௥ٻ
75. ͋Γ͕ͱ͏͍͟͝·ͨ͠ ͓Ո࠷ߴ