RemixでちょっとしたWebサービス作ってみた話

2022/3/11 の note tech meetup #1 で発表した資料です

Transcript

1. !JFNPOH
    3FNJYͰ
   ͪΐͬͱͨ͠
   8FCαʔϏε࡞ͬͯΈͨ࿩ OPUF
   UFDI
   NFFUVQ
   
   
2. ࣗݾ঺հ w ೖߐ
   ৴೭հ
   !JFNPOH
   w ϑϩϯτΤϯυΤϯδχΞ
   w 
   d
   
   OPUF
   w ग़਎
   ෱Ԭ
   
   ݱࡏ஍
   ח૔
   w झຯ
   ྺ࢙ɺΞΠυϧɺ໺ٿɺ 
 ͳΜ͔࡞Δ͜ͱ େମͷ4/4ͷΞΠίϯ ձࣾͷ4MBDLͷΞΠίϯ ੴాࡾ੒
3. աڈʹͭͬͨ͘΋ͷ
4. ֎෦޲͚ʹ-5େձ΍ΔΑʙ Α͠ɺͳΜ͔࡞Δ͔ʙ ͔ͨ͠ɺ݄ͷऴΘΓࠒ ͱΓ͋͑ͣɺԠื͢Δ
5. ͭ͘Δ΋ͷΛ୳͢ w OPUFͷαʔΫϧʹͭ͘Γ͍ͨ΋ͷ ͷωλΛελοΫͯ͠Δ
   w ͪΐ͏Ͳྑͦ͞͏ͳͷΛબͿ
   w ϲ݄͘Β͍ͰऴΘΔ͘Β͍ͷ΋ͷ
   w લӴత͗͢ͳ͍΋ͷ
6. ͪΐ͏Ͳྑͦ͞͏ͳͷ
7. ࢖్͍Λߟ͑Δ
8. ʮLJIBZB͞Μʹϥϯν͝஘૸ͯ͠΋Β͏݅ʯΛੜ੒ͯ͠ɺ ૹΓ͚ͭΕ͹๨Εͣʹ͝஘૸ͯ͠΋Β͑Δ͔΋ʂʁ ͱ͋Δ4MBDLͰͷ΍ΓͱΓ
9. ೚ҙͷ݊Λൃߦ͢Δ
   8FCαʔϏεΛ࡞Δ͜ͱʹͨ͠
10. Ͱ͖ͨʂʂʂ
11. %&.0΍Γ·͢ IUUQTUJDLFUHFOFSBUPSQBHFTEFW
12. ٕज़બఆ OPUF
    UFDI
    NFFUVQͳͷͰɺUFDIʹ͍ͭͯ΋ޠΓ·͢
13. શମͷߏ੒
14. 3FNJY 3FBDUϕʔεͷϑϧελοΫϑϨʔϜϫʔΫ
    ެ͕ࣜݴ͏ʹ͸
    w 4FSWFS$MJFOU
    .PEFM
    w 8FC
    4UBOEBSET
    )551
    BOE
    )5.-
    w 1SPHSFTTJWF
    &OIBODFNFOU
    w %PO`U
    0WFS
    "CTUSBDU
15. /FYUKTͱͷൺֱ /FYUKT 3FNJY 3PVUJOH QBHFTJOEFYKT SPVUFTJOEFYKT 3FOEFSJOH 443
    44(
    *43
    $43 443
    $43 ͦͷଞɺ3FNJYͷಛ௃
    w /FTUFE
    &SSPS
    #PVOEBSJFT
    w ϧʔτ͝ͱʹΤϥʔϋϯυϦϯά͕Ͱ͖Δ
    w ࢠͷϧʔτͰΤϥʔ͕ग़ͯ΋ɺ਌ϧʔτ͸දࣔ͞ΕΔ
    w +4ͳ͠Ͱ΋ΞϓϦ͕ͦͦ͜͜ಈ͘
16. 3FNJY
17. 4VQBCBTF w 0QFO
    TPVSDF
    'JSFCBTF
    "MUFSOBUJWF
    w 'JSFTUPSF͸/P42-͚ͩͲ4VQBCBTF ͸1PTUHSF42-
    w ؅ཧը໘͕࢖͍΍ͯ͘͢ɺ(6*্Ͱς ʔϒϧͱ͔؆୯ʹ࡞ΕΔ ؅ཧը໘্ͷςʔϒϧ
18. 4VQBCBTF UJDLFUͬͯςʔϒϧ͔ΒLFZ໊͕QBSBNTEFUBJMͱҰக͢Δ΋ͷΛҰ݅औಘ͢Δ $MJFOU͔Β΋ׂͱ௚ײతʹऔಘͰ͖Δ
19. 4VQBCBTFͷίετ w ແྉϓϥϯ
    w %#༰ྔ
    .#
    w "VUI
     
    6TFST
    w ༗ྉ ϓϩδΣΫτ͋ͨΓ݄
    w %#༰ྔ
    (#
    w "VUI
     
    6TFST
    
    w ैྔ՝ۚ ϓϩδΣΫτ͋ͨΓ݄
    w %#༰ྔ
    
    QFS
    (#
    w "VUI
    VOMJNJUFE
20. ϗεςΟϯά $MPVE fl BSF
    1BHFT
    w $MPVE fl BSFͷϗεςΟϯάαʔϏε
    w $MPVE fl BSF
    8PSLFST
    ,7͕࢖͑Δ
    w σϓϩΠʹ͔͔Δ࣌ؒ͸7FSDFMͱൺ΂ͯͪΐͬͱ௕͍ؾ͕͢Δ
21. $MPVEGMBSF
    1BHFT $-*ͰϓϩδΣΫτΛ࡞Δ࣌ʹબ୒Ͱ͖ΔͷͰɺ
    σϓϩΠ·ͰͰ͖Δ؀ڥΛര଎Ͱ࡞ΕΔ
22. ແྉ࿮ w Ϗϧυ
    ճ݄
    w ΧελϜυϝΠϯ
    ݸ
    w ϑΝΠϧ਺
     ݸ
    w ϑΝΠϧαΠζ
    ݸ͋ͨΓ.# ݸਓ։ൃͰ͸े෼ͩͱࢥ͏
23. ϋϚͬͨͱ͜Ζ
24. ϋϚͬͨͱ͜Ζ $MPVE fl BSF
    1BHFTͷ࣌ͷ؀ڥม਺ͷѻ͍ํ͕ެࣜͷυΩϡϝϯτͱ݁ߏҧ͏
    w GVODUJPOT<QBUI>KT
    Ͱ؀ڥม਺ΛऔಘͰ͖ΔΑ͏ʹमਖ਼͢Δ -PDBM؀ڥͰ͸CJOEJOHΦϓγϣϯʹFOWͷத਎Λ౉͢ඞཁ͕͋Δ💦
25. ϋϚͬͨͱ͜Ζ 0(1ը૾ͷੜ੒
    w $MPVE fl BSF
    8PSLFST্ͰɺOPEFDBOWBT΍1VQQFUFFSͳͲͰը૾Λಈతʹੜ੒ ͢Δͷ͸ݫ͠Ί
    w ΫϥΠΞϯτͰը૾ੜ੒ͯ͠ɺ4VQBCBTFͷ4UPSBHFʹอଘ͢Δͷ΋ߟ͚͑ͨͲ
    w ੲɺ࡞ͬͨɺ63-ύϥϝʔλ͔Βը૾Λੜ੒͢Δ͚ͩͷWFSDFM
    GVODUJPO͕͋ͬͨ ͷͰɺͦΕΛ࢖͏͜ͱʹͨ͠ɻ IUUQTUFYUQJDUWFSDFMBQQ͜Ε͸܇࿅Ͱ͸ͳ͍
26. ·ͱΊ w 3FNJY
    Y
    $MPVE fl BSF
    1BHFTͷ૊Έ߹Θͤ
    w ಈతʹ0(1ग़͠෼͚͍ͨαʔϏεͷͨΊͷσϓϩΠ·Ͱͷ؀ڥΛ݁ߏര଎ Ͱ࡞ΕΔ
    w 4VQBCBTF
    w ࢖͍΍͍͢؅ཧը໘Ͱര଎ͰόοΫΤϯυΛ࡞ΕΔɻ
    w ͜ΕͰϥϯν๨Εͣʹᇋͬͯ΋Β͑Δ💪
27. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࣭໰ɾίϝϯτͥͻΑΖ