Cloudflare Workers は楽しい！

2023-11-24 の Cloudflare Workers Meetup by NOT A HOTEL で話ました
https://notahotel-cf.peatix.com/

Transcript

1. $MPVE fl BSF
   8PSLFST
   ͸ָ͍͠ʂ $MPVE fl BSF
   8PSLFST
   .FFUVQ
   CZ
   /05
   "
   )05&-
   
2. !DPEFIFY !$PEF)FY w /05
   "
   )05&-
   Ͱಇ͍͍ͯ·͢
   w 1P$
   Λ࡞ͬͯɺӡ༻·Ͱ͍࣋ͬͯ͘
   w ࣗಈԽɺ"*
   ΠϯςάϨʔγϣϯ
   w ͓٬༷޲͚ɺࣾ಺޲͚
3. IUUQTXPSLFSTUFDIDPOOQBTTDPNFWFOU
4. ʮ෼͔Γ΍͍͢ʯ͸ָ͍͠
5. ʮ෼͔Γ΍͍͢ʯ͸ָ͍͠ w ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ
   w ։ൃͨ͠ػೳΛσϓϩΠͯ͠࢖ͬͯ΋Β͏
6. ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ ίϯςφΛ࢖ͬͨ؀ڥͱͷൺֱ
7. ίϯςφ࣌୅ͷ։ൃ؀ڥ
8. ίϯςφ࣌୅ͷ։ൃ؀ڥ w ։ൃ؀ڥΛ੔͑Δͷ͸໘౗͍͘͞ʂ
   w
   
 w 

9. ίϯςφ࣌୅ͷ։ൃ؀ڥ w ։ൃ؀ڥΛ੔͑Δͷ͸໘౗͍͘͞ʂ
   w %PDLFS fi MF
   ͷهड़ɺΞϓϦΛಈ͔ͨ͢Ίͷઃఆ ϑΝΠϧͷهड़ɺ؀ڥม਺ͳͲ
   w 

10. ίϯςφ࣌୅ͷ։ൃ؀ڥ w ։ൃ؀ڥΛ੔͑Δͷ͸໘౗͍͘͞ʂ
    w %PDLFS fi MF
    ͷهड़ɺΞϓϦΛಈ͔ͨ͢Ίͷઃఆ ϑΝΠϧͷهड़ɺ؀ڥม਺ͳͲ
    w %#
    ͩͬͨΓ
    2VFVF
    ͩͬͨΓɺ$SPO
    +PC
    ͳͲ ΛϩʔΧϧͰ༻ҙ͢Δͷ΋େม
12. ֮͑Δ͜ͱ͕͍ͬͺ͍ʂʂ
13. $MPVE fl BSF
    8PSLFST
    ͷ৔߹
14. $MPVE fl BSF
    8PSLFST
    ͷ৔߹ w ։ൃ؀ڥ͸ςϯϓϨʔτΛ࢖ͬͯηοτΞοϓՄೳ
    w ։ൃ؀ڥͱσϓϩΠ؀ڥͷဃ཭͕গͳ͍
    w ϥϯλΠϜͷ
    XPSLFSE
    ͸
    044 
 IUUQTHJUIVCDPNDMPVE fl BSFXPSLFSE
    w Πϯϑϥͷػೳ΋
    XPSLFSE
    Λܦ༝ͯ͠ར༻Ͱ͖Δ
15. ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ $ npx create-cloudflare my-app --framework hono \ --deploy false
16. ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ $ tree my-app --gitignore my-app ├── README.md ├── package.json ├── src │ └── index.ts ├── tsconfig.json 
 └── wrangler.toml
17. ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ $ cd my-app && npm run dev 
 $ curl http://localhost:8787 
 Hello Hono!
18. w XSBOHMFSUPNM
    ʹ͸σϓϩΠޙʹར༻͢Δ؀ڥม਺Λॻ͘
    w EFWWBST
    ʹ͸ϩʔΧϧͰར༻͍ͨ͠؀ڥม਺Λॻ͘ ؀ڥม਺Λ੔͑Δ
19. ؀ڥม਺Λ੔͑Δ $ echo "ENV = \"local\"" >> .dev.vars 
 $ ls .dev.vars .dev.vars
20. name = "my-app" compatibility_date = "2023-01-01" [vars] ENV = "development" ؀ڥม਺Λ੔͑Δ XSBOHMFSUPNM
21. import { Hono } from "hono"; const app = new Hono<{ Bindings: { ENV: string; }; }>(); app.get("/", (c) => c.text(c.env.ENV)); export default app; ؀ڥม਺Λ੔͑Δ JOEFYUT
22. ؀ڥม਺Λ੔͑Δ $ cd my-app && npm run dev 
 $ curl http://localhost:8787 
 local
23. w XSBOHMFS
    ίϚϯυΛར༻ͯ͠ϦιʔεΛ࡞੒
    w ϦιʔεΛར༻͢ΔͨΊʹ
    XSBOHMFSUPNM
    ΁ઃఆΛهड़
    w $MPVE fl BSF
    8PSLFST
    Ͱར༻Ͱ͖Δϛυϧ΢ΣΞ͸ 
 جຊಉ͡ ϛυϧ΢ΣΞΛ੔͑Δ
24. ϛυϧ΢ΣΞΛ੔͑Δʢྫ
    ,7ʣ $ npx wrangler kv:namespace create TEST_KV ⛅ wrangler 3.17.1 ------------------- 🌀 Creating namespace with title "my-app-TEST_KV" ✨ Success! Add the following to your configuration file in 
 your kv_namespaces array: { binding = "TEST_KV", id = "da56a0e3ee6641fabf26b726e60fa550" }
25. [[kv_namespaces]] binding = "TEST_KV" id = "da56a0e3ee6641fabf26b726e60fa550" XSBOHMFSUPNM ϛυϧ΢ΣΞΛ੔͑Δʢྫ
    ,7ʣ
26. const app = new Hono<{ Bindings: { TEST_KV: KVNamespace } }>(); app.get("/counter", async (c) => { const key = c.req.query()["key"] || "defaultKey"; const count = Number(await c.env.TEST_KV.get(key)); const count = !isNaN(value) ? value + 1 : 1; await c.env.TEST_KV.put(key, String(count)); return c.text(String(count)); }); export default app; JOEFYUT ϛυϧ΢ΣΞΛ੔͑Δʢྫ
    ,7ʣ
27. $ curl http://localhost:8787/counter 
 1 ϛυϧ΢ΣΞΛ੔͑Δʢྫ
    ,7ʣ
28. ։ൃͨ͠ػೳΛσϓϩΠ͢Δ εςʔδϯάͷ෼཭
29. σϓϩΠ͢Δ $ npx wrangler deploy src/index.ts 
 ⛅ wrangler 3.17.1 ------------------- Your worker has access to the following bindings: - KV Namespaces: - TEST_KV: da56a0e3ee6641fabf26b726e60fa550 Total Upload: 45.37 KiB / gzip: 10.97 KiB Uploaded my-app (0.93 sec) Published my-app (0.45 sec) https://my-app.example.workers.dev Current Deployment ID: 3fa11a11-bb8e-4442-bafb-4d16b157ee34
30. σϓϩΠ͢Δ $ curl https://my-app.example.workers.dev 
 development 
 $ curl https://my-app.example.workers.dev/counter 1
31. w XSBOHMFSUPNM
    ʹ֤؀ڥʹ߹ΘͤͨઃఆΛهड़Ͱ͖Δ
    w Πϯϑϥ΋֤؀ڥ͝ͱʹ༻ҙՄೳ σϓϩΠ؀ڥΛෳ਺༻ҙ͢Δ
32. σϓϩΠ؀ڥΛෳ਺༻ҙ͢Δ name = "my-app-dev" 
 [[env.prd]] name = "my-app-prd" [env.prd.vars] ENV = "production" 
 
 [[env.prd.kv_namespaces]] binding = "TEST_KV" id = "6054ddfbe0bc4f00b1abaa74af92b413" XSBOHMFSUPNM
33. w هड़ͯͨ͠
    OBNF
    
    NZBQQ
    Λ
    NZBQQEFW
    ΁मਖ਼
    w ৽͘͠ຊ൪༻ͷઃఆΛ௥ه σϓϩΠ؀ڥΛෳ਺༻ҙ͢Δ
34. ։ൃεςʔδ΁σϓϩΠ͢Δ $ npx wrangler deploy src/index.ts 
 ⛅ wrangler 3.17.1 ------------------- Your worker has access to the following bindings: - KV Namespaces: - TEST_KV: da56a0e3ee6641fabf26b726e60fa550 Total Upload: 45.37 KiB / gzip: 10.97 KiB Uploaded my-app-dev (0.93 sec) Published my-app-dev (0.45 sec) https://my-app-dev.example.workers.dev Current Deployment ID: 3fa11a11-bb8e-4442-bafb-4d16b157ee34
35. ։ൃεςʔδ΁σϓϩΠ͢Δ $ curl https://my-app-dev.example.workers.dev 
 development 
 $ curl https://my-app-dev.example.workers.dev/counter 1
36. ຊ൪εςʔδ΁σϓϩΠ͢Δ $ npx wrangler deploy src/index.ts —-env prd 
 ⛅ wrangler 3.17.1 ------------------- Your worker has access to the following bindings: - KV Namespaces: - TEST_KV: 6054ddfbe0bc4f00b1abaa74af92b413 Total Upload: 45.37 KiB / gzip: 10.97 KiB Uploaded my-app-dev (0.93 sec) Published my-app-prd (0.45 sec) https://my-app-prd.example.workers.dev Current Deployment ID: 7219bd7f-e4d3-47d0-970b-5917523da603
37. ຊ൪εςʔδ΁σϓϩΠ͢Δ $ curl https://my-app-prd.example.workers.dev 
 production 
 $ curl https://my-app-prd.example.workers.dev/counter 1
38. w Ϗϧυ࣌ؒͱ
    H[JQ
    ѹॖ࣌ؒͰ͕͔͔࣌ؒΔ͕ɺͦΕͰ΋ 
 ෼ະຬͰ׬͍ྃͯ͠Δ
    w σϓϩΠ͸ϏϧυࡁΈͷ
    +BWB4DSJQU
    ϑΝΠϧΛΞοϓ ϩʔυ͢Δײ͡ͳͷͰ଎͍ʂ σϓϩΠ࣌ؒ
39. ʮؾܰʹ࢖͑Δʯ͸ָ͍͠
40. ʮؾܰʹ࢖͑Δʯ͸ָ͍͠ w ͪΐͬͱͨ͠ϓϩΩγαʔόʔ
    w جຊ
    41"
    ͚ͩͲɺগ͠ͷॲཧͰόοΫΤϯυ 
 αʔόʔ͕ཉ͍͠
    w ؆୯ʹ༻ҙ͍ͨ͠
41. ͪΐͬͱͨ͠Ϣʔεέʔε /05
    "
    )05&-
    ͷ৔߹
42. 
    $034
    ͷϔομ௥Ճ
43. 
    $034
    ͷϔομ௥Ճ
44. 
    $034
    ͷϔομ௥Ճ
45. 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
46. w ΞϓϦ͔Β
    ;FOEFTL
    ͷ໰͍߹ΘͤϑΥʔϜ΁ͷ 
 ಋઢ͕༻ҙ͞Ε͍ͯΔ
    w ϩάΠϯதͷͲͷ͓٬༷͔Βͷ͓໰͍߹Θ͔ͤ 
 ೺Ѳ͍ͨ͠
    w ؔ࿈͢Δ৘ใ΋஌Γ͍ͨ 
 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
47. 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
48. w ΞϓϦ͔Βͷಋઢ͸શͯ
    $MPVE fl BSF
    8PSLFST
    ͷ 
 63-
    Λࢦఆ͢Δ
    w ϝλ৘ใ͸
    63-
    ΫΤϦύϥϝʔλʔʹηοτ͢Δ
    w 8PSLFS
    ্ͰΫΤϦύϥϝʔλʔͱҰக͢Δ 
 νέοτϑΟʔϧυ൪߸΁ࠩ͠ସ͑Δ
    UG@ 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
49. 
    ϝϯςφϯεϞʔυ
50. 
    ϝϯςφϯεϞʔυ IUUQTTQFBLFSEFDLDPNDPEFIFYHSQDDMJFOUPODMPVE fl BSFXPSLFST
51. ʮΧελϚΠζʯ͸ָ͍͠
52. ʮΧελϚΠζʯ͸ָ͍͠ w ඞͣ͠΋
    $MPVE fl BSF
    8PSLFST
    ͷੈք͚ͩʹ 
 ด͡ͳͯ͘΋ྑ͍ʂ
    w ֎෦ͷσʔλετϨʔδΛ࢖͏
    w ֎෦ͷϩάج൫Λ࢖͏
53. ֎෦ͷσʔλετϨʔδΛ࢖͏ /05
    "
    )05&-
    ͷέʔε
54. ίϯγΣϧδϡϓϥοτϑΥʔϜ
55. 4VQBCBTF
    
    1PTUHSF42-
56. w 1PTUHSF42-
    Λఏڙ͍ͯ͠Δ
    w
    
 w
    
 4VQBCBTF
    
    1PTUHSF42-
57. w 1PTUHSF42-
    Λఏڙ͍ͯ͠Δ
    w %#
    ͚ͩͰͳ͘ίωΫγϣϯϓʔϧΛߦ͏ 
 ϓϩΩγ΋ఏڙͯ͘͠ΕΔ
    4VQBWJTPS
    w
    
 4VQBCBTF
    
    1PTUHSF42-
58. w 1PTUHSF42-
    Λఏڙ͍ͯ͠Δ
    w %#
    ͚ͩͰͳ͘ίωΫγϣϯϓʔϧΛߦ͏ 
 ϓϩΩγ΋ఏڙͯ͘͠ΕΔ
    4VQBWJTPS
    w /05
    "
    )05&-
    ͷ৔߹͸
    -*45&/
    /05*':
    ΋ 
 ࢖༻͍ͯ͠Δ 4VQBCBTF
    
    1PTUHSF42-
59. w 1PTUHSF42-
    Λఏڙ͍ͯ͠Δ
    w %#
    ͚ͩͰͳ͘ίωΫγϣϯϓʔϧΛߦ͏ 
 ϓϩΩγ΋ఏڙͯ͘͠ΕΔ
    4VQBWJTPS
    w /05
    "
    )05&-
    ͷ৔߹͸
    -*45&/
    /05*':
    ΋ 
 ࢖༻͍ͯ͠Δ 4VQBCBTF
    
    1PTUHSF42-
60. )ZQFSESJWF IUUQTCMPHDMPVE fl BSFDPNIZQFSESJWFNBLJOHSFHJPOBM EBUBCBTFTGFFMEJTUSJCVUFE
61. )ZQFSESJWF IUUQTEFWFMPQFSTDMPVE fl BSFDPNIZQFSESJWFMFBSOJOHDPOOFDUUP QPTUHSFTUSBOTBDUJPOBOETUBUFNFOUTVQQPSU αϙʔτ͞Εͯͳ͍ʂ
62. ͦͷ··
    4VQBWJTPS
    Λར༻
63. 4VQBWJTPS
    Λར༻ w 
    DPOOSFR
    લఏ
    w ,ZTFMZ
    Λ࢖͏
    w ઃఆ͸
    NBY
     
 NBY6TFT
     IUUQTUXJUUFSDPNDPEFIFYTUBUVT T
64. ֎෦ͷϩάج൫Λ࢖͏ /05
    "
    )05&-
    ͷέʔε
65. ϩάج൫͕ඍົ
66. w ͓ͦΒ͘།Ұͷऑ఺
    w $MPVE fl BSF
    ͷΈͩͱϩάΛ୳͢ͷʹۤ࿑͢Δ
    w -PHQVTI
    Λ࢖͑͹֎෦ͷϩάج൫΁ૹͬͯ͘ΕΔ
    w ରԠ͍ͯ͠Δج൫͕গͳ͍ɺ੍໿͋Γ
    w 5BJM
    8PSLFST
    2VFVF
    ࢖ͬͯૹΔ෦෼Λ 
 ࣗલͰ࣮૷͢Δ ϩάج൫͕ඍົ
67. w ͓ͦΒ͘།Ұͷऑ఺
    w $MPVE fl BSF
    ͷΈͩͱϩάΛ୳͢ͷʹۤ࿑͢Δ
    w -PHQVTI
    Λ࢖͑͹֎෦ͷϩάج൫΁ૹͬͯ͘ΕΔ
    w ରԠ͍ͯ͠Δج൫͕গͳ͍ɺ੍໿͋Γ
    w 5BJM
    8PSLFST
    2VFVF
    ࢖ͬͯૹΔ෦෼Λ 
 ࣗલͰ࣮૷͢Δ ϩάج൫͕ඍົ
68. 2VFVF
    ͰϩάΛૹ৴͢Δ
69. w ($1
    ͷ
    $MPVE
    -PHHJOH
    ΁ૹ৴͢Δ
    w ࠓͩͱ
    5BJM
    8PSLFST
    Λར༻͢Δͷ͕Φεεϝ 2VFVF
    ͰϩάΛૹ৴͢Δ
70. 2VFVF
    ͰϩάΛૹ৴͢Δ w 4DPQF
    Λهड़
    w $MPVE
    -PHHJOH
    ͷ
    "1*
    ΁ ϦΫΤετ͢Δ
71. 2VFVF
    ͰϩάΛૹ৴͢Δ w -PHHFS
    $MBTT
    w ഑ྻΛ࣋ͭϓϩύςΟ
    FOUSJFT
    w "1*
    ϋϯυϥͰ͸ 
 ͜ͷϝιουΛݺͼग़͢
    
72. 2VFVF
    ͰϩάΛૹ৴͢Δ w "1*
    ͷॲཧͷ࠷ޙʹ 
 FOUSJFT
    ΛΩϡʔʹૹ৴͢Δ
    w όοναΠζͷ্ݶ͸ 
 
    NFTTBHFT
73. 2VFVF
    ͰϩάΛૹ৴͢Δ w $POTVNFS
    ͰϝοηʔδΛ 
 ड৴͢Δ
    w $MPVE
    -PHHJOH
    ΁ૹ৴ 

74. ʮָ͍͠ʯͷ࠶དྷ🔥
75. ʮָ͍͠ʯͷ࠶དྷ🔥 w ։ൃͨ͠ΞϓϦΛ୭͔ʹ࢖ͬͯ΋Β͏·Ͱͷ 
 εςοϓ͕୹͘ͳͬͨ
    w ։ൃˠϦϦʔεˠϑΟʔυόοΫʢϧʔϓʣ
    w ΍Γ͍ͨ͜ͱͷຊ࣭ʹूதͰָ͖͍ͯ͠ʂʂ