AI時代のUIはどこへ行く？

2025-09-06 / フロントエンドカンファレンス北海道2025

Transcript

1. 
   
   ϑϩϯτΤϯυΧϯϑΝϨϯε๺ւಓ "*࣌୅ͷ6*͸Ͳ͜΁ߦ͘ʁ :VTVLF
   8BEB
2. .F w :VTVLF
   8BEB
   w 8FC
   GSBNFXPSL
   EFWFMPQFS
   w %FWFMPQFS
   "EWPDBUF
   !$MPVE fl BSF
   w #PLFUF
   DPGPVOEFS
   w $SFBUPS
   PG
   )POP
   w IUUQTHJUIVCDPNZVTVLFCF The Melancholy of an OSS Developer
3. ໰͍
4. ʮ"*ͱͲ͏΍ͬͯΠϯλϥΫ γϣϯͯ͠·͔͢ʁʁʯ
5. $IBU(15ʹฉ͘
6. ʮࡳຈͷ͓͢͢Ίͷ৯΂෺͸ʁʯ
7. ʮϥʔϝϯͷ͓͢Ί͸ʁʯ
8. νϟοτ
9. ʮͰ΋ͦͷલ͸Ͳ͏ͯ͠ ͨʁʁʯ
10. (PPHMFݕࡧ
11. ʮࡳຈ
    ৯΂෺
    ͓͢͢Ίʯ
12. ৯΂ϩάʮࡳຈ
    ϥʔϝϯਓؾϥϯΩϯάʯ
13. 8FCϖʔδ
14. ͬͯ͜ͱ͸ʜ
15. ʮ "*ͷ࣌୅͸ νϟοτ͕͋Δ͔ Β8FCϖʔδཁΒͳ͘ͳΔʁʁʯ
16. 8FCϖʔδ࡞Βͳͯ͘ྑ͘ͳΔͷʁ
    8FCٕज़஌Βͳͯ͘΋͍͍ͷʁ
    )5.-΋ʁ
    $44΋ʁ
    +BWB4DSJQU΋ʁ
    8FC࡞ͬͯͨਓ͸Ͳ͜΁ߦ͘ͷʁ
17. ƅЧƅ ŜƄŞŜƄŞŲƄſŲƄſ
18. ʮͰ΋ຊ౰ʹνϟοτͰ͍͍ ͷʁʁʯ
19. --.ʹಓॱΛฉ͘ ʮԣ඿Ӻ͔Β٢ଜՈ΁ͷߦ͖ํʯ $MBVEF
    %FTLUPQΑΓ
20. Ϣʔβʔ͕ຊ౰ʹٻΊ͍ͯΔ΋ͷ (PPHMFϚοϓΑΓ
21. ʮνϟοτ͚ͩ͡Όͳͯ͘6* ΋ཉ͍͠ΑͶʯ
22. ಉ͡Α͏ͳ͜ͱΛߟ͍͑ͯΔ ਓ͕͍ͨ
23. l5IF
    GVUVSF
    PG
    "*
    JOUFSBDUJPOz w ,FOU
    $
    %PEET͞ΜʹΑΔಈըɺهࣄ
    w ࠓճͷτʔΫͷ͖͔͚ͬʹͳͬͨ IUUQTXXXFQJDBJQSPUIFGVUVSFPGBJJOUFSBDUJPOCFZPOEKVTUUFYUXQT
24. "*࣌୅Ͱ΋6*͕ॏཁʹͳΔΑʂ  ετοϓ΢Υον
    ࢠͲ΋͕ٯཱͪͷ࣌ؒΛܭͬͯ΄͍͠ͱཔΜͰ͖ͨ৔߹
    ඞͣཔΜͰ͖·͢ ɺʮελʔ τʯ΍ʮετοϓʯͱೖྗͨ͠ΓݴͬͨΓ͢ΔΑΓ΋ɺελʔτ
    Ϙλϯͱετοϓ
    Ϙλ ϯ͕͋Δ΄͏͕ͣͬͱศརͰ͢ɻ
     σʔλͷࢹ֮Խ
    άϥϑ΍σʔλ
    ϙΠϯτͷબ୒ػೳΛඋ͑ͨάϥϑΟΧϧ
    ΠϯλʔϑΣΠεͰσʔλΛ දࣔ͢Δͱɺଟ͘ͷ৔߹ɺςΩετʹΑΔઆ໌ΑΓ΋͸Δ͔ʹศརͰ͢ɻ
     ϚϧνϞʔμϧΠϯλϥΫγϣϯ
    ϘλϯͱԻ੠ͷ྆ํͷૢ࡞͕ඞཁͳ৔߹΋͋Γ·͢ɻྫ͑͹ɺ΢ΣΠττϨʔχϯάͷ࣌ ؒΛܭΔ࣌ͳͲɺख͕;͕͍ͬͯ͞Δ࣌͸Ի੠ίϚϯυΛ࢖͍ͨ͘ͳΔ͔΋͠Ε·ͤΜɻ
25. "*࣌୅ͷ6*͸Ͳ͜΁ߦ͘ʁ w νϟοτςΩετ͕ଟ͘ͳͬͯ΋ɺ6*͸΍ͬͺΓඞཁ
    w ΍Γํ͕มΘ͍ͬͯ͘Μ͡Όͳ͍͔ͳʁ ͪΐͬͱ͚ͩߟ͑ͯΈΑ͏ʂ
26. ͭͷύλʔϯ  6*ͷதͰ"*Λ࢖͏
     "*͕6*Λ࡞Δ
     "*͕6*Λड͚औΔ 6*ͱ"*ͷؔ܎͕͍͔ͭ͘ʹ෼ྨͰ͖Δ
27. 
    6*ͷதͰ"*Λ࢖͏
28. 
    6*ͷதͰ"*Λ࢖͏ w طଘͷ6*ͷதʹ"* --. ΛຒΊࠐΉ
    w Α͋͘Δύλʔϯ
    w ྫ
    w νϟοτϘοτ
    w /PUJPO
    "*
    w εϓϨουγʔτ (FNJOJ
    w $MBVEF
    GPS
    $ISPNF
29. ྫ
    εϓϨουγʔτ (FNJOJ 6*
    
    εϓϨουγʔτ "*
    
    --.
30. 
    "*͕6*Λ࡞Δ
31. 
    "*͕6*Λ࡞Δ w "* --. ͕6*Λ࡞Γग़͢
    w ͦͷ6*ͱΠϯλϥΫγϣϯ͢Δ
    w ྫ
    w $IBU(15ͷάϥϑػೳ
    w $IBU(15ͷ஍ਤػೳ
    
    w $MBVEFͷ"SUJGBDUT
    w ίʔσΟϯάΤʔδΣϯτ
32. $MBVEFͷ"SUJGBDUT͕໘ന͍ $MBVEFͱҰॹʹ"*౥ࡌΞϓϦΛߏங ͠·͠ΐ͏
    "SUJGBDUTΛ࢖͑͹ɺ୭Ͱ΋ΞϓϦΫ ϦΤΠλʔʹͳΕ·͢ɻίʔσΟϯ ά͸ෆཁͰ͢ɻ$MBVEFʹΞΠσΞΛ ఻͑Δ͚ͩͰɺڞ༗ՄೳͳΞϓϦɺ πʔϧɺήʔϜ͕͙͢ʹ࡞੒Ͱ͖· ͢ɻ IUUQTXXXBOUISPQJDDPNOFXTCVJMEBSUJGBDUT
33. ྫ
    "*ເ઎͍
34. --. $MBVEF ͕ਪ࿦ͯ͘͠ΕΔ
35. ίʔυ͕ݟΕΔ
36. 3FBDUͱ5BJMXJOE
    $44Ͱॻ͔ΕͯΔ 3FBDU+49 5BJMXJOE
    $44
37. AXJOEPXDMBVEFDPNQMFUFA "SUJGBDUT಺Ͱ$MBVEFͷ"1*Λݺ΂Δ
38. ΪϟϥϦʔ͕͋Δ
39. ެ։Ͱ͖Δ ࣗ෼Ͱ࡞ͬͨ"SUJGBDUTΛެ։Ͱ͖Δ
    63-͕ൃߦ͞ΕΔɺຒΊࠐΈ΋Ͱ͖Δ
    "1*ݺͼग़͠ʹ͔͔ͬͨඅ༻͸Ϣʔβʔ͕ෛ୲ɺΞϓϦ։ൃऀʹ͸՝ۚ͞Εͳ͍
40. ໘ന͍
41. 
    "*͕6*Λड͚औΔ
42. 
    "*͕6*Λड͚औΔ w --.͕.$1͔Β6*Λड͚औΔ
    w .$1͸ςΩετ΍ߏ଄ମΛฦͩ͢ ͚
    w .$1Ͱ6*Λѻ͏ͷ͸Ͳ͏͔ʁ
    w ৽͍͠࢓༷͕ٞ࿦͞Ε͍ͯΔ
    w .$16*ͱ͍͏࣮૷͕͋Δ
43. ,FOU
    $
    %PEET͞Μ͕.$1Ͱ6*Λѻ͏ͨΊͷ࢓༷ΛఏҊ͍ͯ͠Δ .$1ެࣜͷ࢓༷Λߟ͑ΔϓϩδΣΫτ
    /FX
    $POUFOU
    5ZQF
    GPS
    6*
    IUUQTHJUIVCDPNNPEFMDPOUFYUQSPUPDPMNPEFMDPOUFYUQSPUPDPMEJTDVTTJPOT
44. .$16* .$1Ͱ6*ΠϯλϥΫγϣϯΛՄೳʹ͢Δ࣮૷ͷҰͭ IUUQTNDQVJEFW
45. ಛ௃ w αʔόʔ4%,ͱΫϥΠΞϯτ4%,Λఏڙ͍ͯ͠Δ
    w αʔόʔ4%,
    w .$1Ͱ6*ΛૹΔͨΊ
    w ΫϥΠΞϯτ4%,
    w .$1͔Βड͚औͬͨ6*Λඳը͢ΔͨΊ
46. νϟοτ6*಺Ͱ.$16*ΫϥΠΞϯτ4%,Λ࢖͏
    $IBU(15΍$MBVEF͸ରԠͯ͠ͳ͍ͷͰɺΦϦδφϧͷνϟοτ6*Λ࡞Δඞཁ͕͋Δ
    .$1αʔόʔ಺Ͱ.$16*αʔόʔ4%,Λ࢖͏    
47. αʔόʔ4%,ͰͰ͖Δ͜ͱ )5.-Λ௚઀ૹΔ ֎෦63-ΛૹΔ ͋ͱϦϞʔτ%0.εΫϦϓτ͕͋Δ
48. σϞΛ࡞ͬͯΈͨ w νϟοτ͸.$1
    6*
    1MBZHSPVOE
    $IBU
    4DJSB
    .$1
    $IBUͷϑΥʔΫ Λ࢖͏
    w .$16*ΫϥΠΞϯτ4%,Λ࢖ͬͨ6*ඳը͕͢Ͱʹ࣮૷͞Ε͍ͯΔ
    w ϦϞʔτ.$1αʔόʔΛ࡞Δ
    w ͦͷதͰ.$16*αʔόʔ4%,Λ࢖͏
    w ಉ͡αʔόʔͰΞϓϦΛ࡞ͬͯɺͦͷ63-ΛAJGSBNF6SMAͰૹΔ
49. σϞ
50. ͢Ͱʹ͋Δ.$1
    6*
    1MBZHSPVOE
    $IBU
    Λ࢖͏
    ϦϞʔτ.$1αʔόʔl3BNFO
    .$1
    XJUI
    6*z͕ొ࿥͞Ε͍ͯΔ
51. .$1αʔόʔͷATIPX@SBNFO@SFTUBVSBOUT@XJUI@VJA͕࣮ߦ͞ΕΔ
52. ANJO3BUF
    UBTUFzՈܥzA͕ਪ࿦͞ΕૹΒΕΔ
    6* ΞϓϦͷ63- ͕ฦΔ
53. ΠϯλϥΫγϣϯՄೳ
54. ళΛΫϦοΫ͢ΔͱAQPTU.FTTBHFA͕࡞ಈ
    νϟοτ6*ܦ༝Ͱz$BMM
    TIPX@SBNFO@SFTUBVSBOUT@EFUBJMT@XJUI@VJz͕
    ύϥϝʔλ෇͖Ͱ࣮ߦ͞ΕΔ
55. ATIPX@SBNFO@SFTUBVSBOUT@EFUBJMT@XJUI@VJAͷ݁Ռ ΞϓϦͷ63- ͕ඳը͞ΕΔ
56. ʮߦ͖ํʯΛΫϦοΫ͢ΔͱAQPTU.FTTBHFA͕࡞ಈ
    νϟοτ6*ʹςΩετ͕షΒΕΔ
57. ࿈ܞͯ͠Δ(PPHMF
    .BQ
    .$1͕࡞ಈ
    ϥʔϝϯ԰΁ͷಓॱΛҊ಺ͯ͘͠ΕΔ
58. ໘ന͍
59. ·ͱΊ
60. ·ͱΊ w "*࣌୅ͷ6*͸Ͳ͜΁ߦ͘ʁ
    w 6*͸΍ͬͺΓඞཁɻͰ΋΍Γํ͕มΘ͍ͬͯ͘
    w ͭͷύλʔϯ
    6*ͷதͰ"*Λ࢖͏
    "*͕6*Λ࡞Δ
    "*͕6*Λड͚औΔ
61. "*࣌୅ͷ6*ʹ͍ͭͯߟ͑Δ͖ͬ ͔͚ʹͳͬͨͷͳΒ޾͍Ͱ͢
62. ͋Γ͕ͱ͏͍͟͝·ͨ͠