LINEスキマニのフロントエンド開発にDenoを採用した理由

「LINEヤフー × Deno Land Inc. Meetup」の登壇資料です。

Transcript

1. 
   -*/&Ϡϑʔ
   ʷ
   %FOP
   -BOE
   *OD
   .FFUVQ -*/&εΩϚχͷϑϩϯτΤϯυ։ൃʹ
   %FOPΛ࠾༻ͨ͠ཧ༝ -*/&Ϡϑʔגࣜձࣾ
   ߵ૥
   ࿨࢘
2. ߵ૥
   ࿨࢘
   ,B[VTIJ
   ,POPTV
   -*/&Ϡϑʔגࣜձࣾ
   ιϑτ΢ΣΞΤϯδχΞ
   
   
   
   
   !LB[VTIJLPOPTV
   ೥
   -*/&גࣜձࣾʢ౰࣌ʣʹ৽ଔೖࣾ
   
   ΤϯδχΞϦϯάϚωʔδϟʔɾςοΫϦʔυ ʮ-*/&εΩϚχʯϑϩϯτΤϯυνʔϜ
3. τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
4. τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
5. എܠ
   r
   ٕज़બఆͷߟ͑ํ ϛχϚϜͳબ୒ͷੵΈॏͶ
   ෳࡶͳཁ݅΁ͷରԠ
   ϩοΫΠϯͷճආ "MMJOPOFͳιϦϡʔγϣϯ
   ΤίγεςϜϩοΫΠϯ
   ٕज़తෛ࠴ͷϦεΫ
   αϓϥΠνΣʔϯ߈ܸ
6. ϓϩμΫτͷϦχϡʔΞϧͱ͍͏νϟϯε ϥϯλΠϜ͸Ͳ͏͢Δ͔ʁ 1VSF
   41"
7. +BWB4DSJQUϥϯλΠϜͷͭͷإ ։ൃ؀ڥ 4FSWFS$MPVE #SPXTFS
8. /PEFKTΛʮਖ਼͘͠ʯ؀ڥߏங͢Δ࡞ۀɺർΕ·ͤΜ͔ʁ
9. ർΕΔϙΠϯτ w &4
   .PEVMF
   4ZOUBYͰॻ͍͍ͯΔ͚Ͳ$PNNPO+4ͱ࣮ͯ͠ߦ͞ΕΔίʔυ
   w ࣮ߦ؀ڥɾϥϯλΠϜʹ͋ΘͤͯઃఆඞཁͳUTDPO fi HKTPO
   w 5ZQF4DSJQUΛ࣮ߦ͢ΔͳΒඞཁͳ
   UTOPEFUTY
   w Ϧϯλʔͷઃఆ ΞϓϦέʔγϣϯ։ൃऀʹͱͬͯΤίεγςϜ͕ෳࡶ͗͢Δ
10. %FOPΛ࠾༻ͨ͠ཧ༝ w 8FCඪ४ʹ४ڌ͢Δ࢟੎
    w ͻͱͭͻͱͭͷࣄ߲Λݕ౼͠ͳͯ͘΋GVUVSFQSPPGͳ͜ͱ͕Ͱ͖Δ
    w ʮͰ͖ͳ͍͜ͱʯ͕ଟ͍ͷ͸͍͍͜ͱ
11. τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
12. %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔ w /PEFKTޓ׵ͳQBDLBHF
    NBOBHFSͱͯ͠࢖͍ͬͯΔΘ͚Ͱ͸ͳ͍
    w QBDLBHFKTPOͷ࡟আ
    w ͢΂ͯͷίʔυ͸%FOPͰ࣮ߦ
    w 7JUF
    7JUFTU
    PO
    %FOP
13. 5ZQF4DSJQU w AWJUFDPO fi HNUTA
    ΍։ൃ࣌ʹ࢖༻͢ΔεΫϦϓτྨʹ͍ͭͯ͸
    AEFOP
    DIFDLA
    Λ࢖༻
    w ϑϩϯτΤϯυͷίʔυʹ͍ͭͯ͸
    EFOP্Ͱ
    AUTDA
    Λ࣮ߦ
    w ϑϩϯτΤϯυ࣮૷ͱςετͦΕͧΕͷͨΊʹUTDPO fi HKTPOΛϝϯςφϯε
14. 'PSNBUUFS
    
    -JOUFS w 'PSNBUUFS͸1SFUUJFSΛ࢖༻
    w -JOUFS͸TSDʹ͍ͭͯ͸&4-JOU
    ͦΕҎ֎͸
    EFOP@MJOU
15. τϐοΫ ͳͥ%FOPΛ࠾༻͔ͨ͠ %FOPಋೖΛৼΓฦͬͯ %FOPΛͲͷΑ͏ʹ׆༻͍ͯ͠Δ͔
16. 'SPOUFOE։ൃͷπʔϧ܈Λಈ͔͢؀ڥͱͯ͠ w ϑϩϯτΤϯυ։ൃ؀ڥͷηοτΞοϓ͕γϯϓϧʹͳͬͨ
    w %FOPͰಈ࡞͢Δ5ZQF4DSJQUϑΝΠϧʹ͍ͭͯ͸ઃఆͷ؅ཧΛ%FOPʹ೚ͤͨ
    w ։ൃ؀ڥͰ࣮ߦ͞ΕΔίʔυͷϥϯλΠϜͱͯ͠ͱͯ΋ັྗత
17. ϒϥ΢βͰಈ͔͢ίʔυͷ։ൃ؀ڥͱͯ͠ w EFOP@GNUͩͱ
    DTT
    UFNQMBUF
    MJUFSBMʹରԠͰ͖ͣ
    w EFOP@MJOU͸ϓϥάΠϯγεςϜ͕ະ੒ख़
    w EFOP
    DIFDL͸EFOPͰಈ࡞͢Δίʔυ͕લఏ
    w ࠓޙͷ
    EFOP@MJOUͷಈ͖ʹظ଴
18. ґଘύοέʔδͷ؅ཧ w QBDLBHFKTPO
    Λ୤٫Ͱ͖ͨ
    w OPEF@NPEVMFT͸ϒϥ΢βͰ࣮ߦ͞ΕΔίʔυͷϑΝΠϧஔ͖৔ʹͳͬͨͷ Ͱɺೝ஌ίετ͕௿Լͨ͠
19. { "dependencies": { "express": "4.19.2", "react": "18.3.1", "react-dom": "18.3.1" } } &YQSFTTͱҰॹʹͳΒͿ3FBDUͷҙຯʁ
20. import { defineConfig } from 'npm:vite'; import react from 'npm:@vitejs/plugin-react'; // @deno-types="npm:@types/react@18.2.66" import 'npm:react@18.2.0'; // @deno-types="npm:@types/react-dom@18.2.22" import 'npm:react-dom@18.2.0'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], }); 'SPOUFOEͷґଘ͸WJUFDPO fi HNUTͷ෭࡞༻ʹͳͬͨ
21. -PDLϑΝΠϧͷ໰୊ w ಛఆͷύοέʔδ͚ͩΞοϓάϨʔυͨ͠MPDLϑΝΠϧΛ࡞Εͳ͍
    w AOQN
    J
    GPP!MBUFTUA
    w %FOPࣾͱͷϛʔςΟϯάͰɺෳ਺ͷMPDLϑΝΠϧ͕࡞ΔΞΠσΞ͕ग़ͨ
    w -PDLϑΝΠϧΛ෼ׂ͢Δ͜ͱͰ1SFUUJFS
    &4-JOU͸ৗʹ࠷৽൛Λ࢖༻
    w QBDLBHFKTPOͱ͍͏֓೦͕ͳ͍͜ͱʹΑΔ෭࣍తͳϝϦοτ
22. ·ͱΊ w ͜Ε·ͰϥϯλΠϜબఆαʔόͷ࿩͕த৺
    w +BWB4DSJQUϥϯλΠϜʹ͸ෳ਺ͷإ͕͋Δ
    w %FOPͰ'SPOUFOE։ൃΛγϯϓϧʹ
    w 'SPOUFOEͷπʔϧ܈Λಈ͔͢؀ڥͱͯ͠ʜ
    ✅
    ϒϥ΢βͰ࣮ߦ͞ΕΔίʔυͷ։ൃ؀ڥͱͯ͠ʜ
    📋
23. 5IBOL
    ZPV