htmx is fun!

@ htmx meetup (unofficial)
https://connpass.com/event/311145/

Transcript

1. IUNY
   JT
   GVO 
   IUNY
   NFFUVQ
   +1
   !
   :B
2. 8)0
   ".
   * +645
   461&3
   26*$,
3. !DPEFIFY !$PEF)FY w 0LJOBXBQN
   ͨ·ʹ։࠵ͯ͠·͢
   w /05
   "
   )05&-
   ʹͯ
   $MPVE fl BSF
   8PSLFST
   Ͱ 
 ΞϓϦ։ൃ͍ͯ͠·͢
   w ίϯγΣϧδϡγεςϜ
   w "*
   ͷศརπʔϧͳͲͳͲ
4. ίϯγΣϧδϡػೳ νʔϜͰ։ൃ͍ͯ͠Δ΋ͷ
5. /05
   "
   )05&-
   ͷٕज़
6. /05
   "
   )05&-
   ͷٕज़ ฻Β͠ʹඞཁͳػೳ͢΂͕ͯ 
 /05
   "
   )05&-
   ΞϓϦʹ٧·͍ͬͯ ·͢ɻ଺ࡏར༻༧໿ɺϋ΢εΩʔɺΧ ʔγΣΞͷΩʔɺऩೖͷ؅ཧ·Ͱ͢΂ ͯΞϓϦͰ׬݁͠·͢ɻ ΦʔϧΠϯΞϓϦɾ
   ӡӦπʔϧʢ1.4ʣ εϚʔτϗʔϜ
   ίϯτϩʔϥʔ ೥ؒ೔୯Ґ͔Βར༻Ͱ͖Δ 
 ձһݖ
   5)&
   .&.#&34)*1
   ͱ 
 ຖ೥
   /05
   "
   )05&-
   ͷͲ͔͕॓͜ധ ઌͱׂͯ͠Γ౰ͯΒΕΔ
   5)&
   ,&:ͷ ̎ͭͷ
   /'5ɻ͍ͣΕ΋.BSLFUQMBDF
   Ͱࣗ༝ʹചങ΋ՄೳͰ͢ɻ ͢΂ͯͷػثͷૢ࡞͸ 
 ϗʔϜίϯτϩʔϥʔ͔ΒͰ͖·͢ɻ
   ௨ৗͷՈిΛ,/9
   ʹ઀ଓ͢Δ͜ͱ ͰɺಠࣗͷΦʔτϝʔγϣϯͱίϯτ ϩʔϧΛՄೳʹ͍ͯ͠·͢ɻ "*
   ίϯγΣϧδϡ 8&#
   ٕज़ʹΑΔར༻ݖ "*
   Λ׆༻ͨ͠νϟοτΞγελϯτ ͕ɺ͓٬͞·ͷཁ๬΍࣭໰ʹճ౴͠ɺ ద੾ʹΞϓϦͷૢ࡞ը໘ͷΦεεϝΛ ͠ɺ฻Β͠ͷࠔΓ͝ͱΛղܾ͠·͢ɻ
7. /05
   "
   )05&-
   ͷٕज़ ฻Β͠ʹඞཁͳػೳ͢΂͕ͯ 
 /05
   "
   )05&-
   ΞϓϦʹ٧·͍ͬͯ ·͢ɻ଺ࡏར༻༧໿ɺϋ΢εΩʔɺΧ ʔγΣΞͷΩʔɺऩೖͷ؅ཧ·Ͱ͢΂ ͯΞϓϦͰ׬݁͠·͢ɻ ΦʔϧΠϯΞϓϦɾ
   ӡӦπʔϧʢ1.4ʣ εϚʔτϗʔϜ
   ίϯτϩʔϥʔ ೥ؒ೔୯Ґ͔Βར༻Ͱ͖Δ 
 ձһݖ
   5)&
   .&.#&34)*1
   ͱ 
 ຖ೥
   /05
   "
   )05&-
   ͷͲ͔͕॓͜ധ ઌͱׂͯ͠Γ౰ͯΒΕΔ
   5)&
   ,&:ͷ ̎ͭͷ
   /'5ɻ͍ͣΕ΋.BSLFUQMBDF
   Ͱࣗ༝ʹചങ΋ՄೳͰ͢ɻ ͢΂ͯͷػثͷૢ࡞͸ 
 ϗʔϜίϯτϩʔϥʔ͔ΒͰ͖·͢ɻ
   ௨ৗͷՈిΛ,/9
   ʹ઀ଓ͢Δ͜ͱ ͰɺಠࣗͷΦʔτϝʔγϣϯͱίϯτ ϩʔϧΛՄೳʹ͍ͯ͠·͢ɻ "*
   ίϯγΣϧδϡ 8&#
   ٕज़ʹΑΔར༻ݖ "*
   Λ׆༻ͨ͠νϟοτΞγελϯτ ͕ɺ͓٬͞·ͷཁ๬΍࣭໰ʹճ౴͠ɺ ద੾ʹΞϓϦͷૢ࡞ը໘ͷΦεεϝΛ ͠ɺ฻Β͠ͷࠔΓ͝ͱΛղܾ͠·͢ɻ
8. w "*
   ΞγελϯτͱΦϖϨʔλʔʢਓʣͱձ࿩Ͱ͖Δ
   w ΦϖϨʔλʔ͸
   ;FOEFTL
   Λར༻
   w ଺ࡏલʙ଺ࡏޙͷαϙʔτ
   w 2"
   w ༧໿มߋ
   w ৯ࣄґཔ
   w ϨϯλΧʔͷαϙʔτɺͳͲͳͲʂ ίϯγΣϧδϡػೳ
9. IUNY
   Λ࢖ͬͯΈͨ "*
   ؅ཧπʔϧͷ։ൃ
11. 8IZ
    VTF
    IUNY
12. 8IZ
    VTF
    IUNY w ݩʑ
    "1*
    ։ൃͷΈͷ༧ఆͰ
    $MPVE fl BSF
    8PSLFST
    Λ 
 બΜͰ͍ͨ
    
    
    
    
    
    
    
    
13. 8IZ
    VTF
    IUNY w ݩʑ
    "1*
    ։ൃͷΈͷ༧ఆͰ
    $MPVE fl BSF
    8PSLFST
    Λ 
 બΜͰ͍ͨ
    w "*
    Λίϯτϩʔϧ͢ΔͨΊʹσʔλΛ༩͑Δඞཁ͕͋ͬͨ
    
    
    
    
    
    
14. 8IZ
    VTF
    IUNY w ݩʑ
    "1*
    ։ൃͷΈͷ༧ఆͰ
    $MPVE fl BSF
    8PSLFST
    Λ 
 બΜͰ͍ͨ
    w "*
    Λίϯτϩʔϧ͢ΔͨΊʹσʔλΛ༩͑Δඞཁ͕͋ͬͨ
    w ؅ཧπʔϧͷര஀
    w $'
    8PSLFST
    ͸
    443
    0OMZ
    )POP
    w )5.-
    ্Ͱঢ়ଶΛ࣋ͪͨ͘ͳ͍ɺGFUDI
    ॻ͖ͨ͘ͳ͍
15. ศརͳ΋ͷ͸ͳ͍ͷ͔ʜ
17. IUNY
    Ұ෦ར༻ͷ༷ࢠ /05
    "
    )05&-
    
    "*
    ؅ཧπʔϧ
    ͷ৔߹
18. ϩάΠϯը໘
19. w 'JSFCBTF
    "VUI
    Λར༻͍ͯ͠Δ
    w 4FTTJPO
    $PPLJF
    NPEF
    Λར༻ͯ͠؅ཧ͍ͯ͠Δ
    w IUUQTHJUIVCDPNIPOPKTNJEEMFXBSF USFFNBJOQBDLBHFT fi SFCBTFBVUI ؅ཧπʔϧͷೝূ
20. (*'
21. w ΞΠςϜΛ௥Ճ͢Δύϥϝʔλʔ͸ʮ໊લʯͷΈ
    w ฤूͰࡉ͔͍৘ใΛొ࿥Ͱ͖Δ
    w ௥Ճ͢ΔͱɺϦετͷதʹΞΠςϜ͕௥Ճ͞ΕΔ
    w ࡟আ͢ΔͱɺϦετ͔Βফ͑Δ ΞΠςϜͷ௥Ճը໘
22. IUNY
    Λར༻͢Δ௥ՃϘλϯ௥Ճͷϖʔδ
23. w )POP
    
    "MQJOFKT
    
    UBJMXJOEDTT
    
    IUNY
    w 1JOFT
    6*
    Λར༻͍ͯ͠Δ
    w IUUQTEFWEPKPDPNQJOFT
    w IYQSPNQU
    ͰೖྗϓϩϯϓτΛදࣔ
    w IYPO
    ͰΠϕϯτΛरͬͯΞΫγϣϯ
    w ͜͜Ͱ͸ࣦഊͨ࣌͠ʹ
    UPBTU
    Λදࣔ͢Δ ΞΠςϜ௥Ճϖʔδ
24. ϓϩϯϓτʹೖྗͨ͠จࣈྻΛड͚औΔ௥Ճͷ
    "1*
25. ௥Ճͨ͠৘ใΛ
    IUNM
    Ͱฦ͢௥Ճͷ
    "1*
26. w IYTXBQEFMFUF
    IYUBSHFURVFSZTFMFDUPS
    
    w ϦΫΤετʹ੒ޭͨ͠Β
    UBSHFU
    ͷΤϨϝϯτΛ 
 Ԡ౴ʹؔ܎ͳ͘ର৅ཁૉΛ࡟আ͢Δ
    w IUUQTIUNYPSHBUUSJCVUFTIYTXBQ ௥Ճͷ
    "1*
27. (*'
28. w ςΩετೖྗ͢Δͱςʔϒϧͷத਎͕ߋ৽͞ΕΔ
    w ݕࡧதɺ4QJOOFS
    ͕ճͬͨΓ͢Δ ΞΠςϜͷݕࡧ
29. ςΩετೖྗ௥Ճͷϖʔδ
30. ·ͱΊ
31. ·ͱΊ w ༏ઌ౓తʹ͸௿͍͚Ͳɺը໘Λ࡞Βͳ͖Ό͍͚ͳ͍ʂ ͷ࣌ʹॏๅ͢Δ
    w ୯७ͳ
    $36%
    
    ͪΐͬͱͨ͠ޡૢ࡞๷ࢭʹ޲͚ͨ 
 ඳըͷมߋ
    w ύϑΥʔϚϯεΛٻΊͳ͍ͳΒ
    IUNY
    ָ͍͠