Cloudflare Workers は楽しい！

$MPVE fl BSF8PSLFST͸ָ͍͠ʂ $MPVE fl BSF8PSLFST.FFUVQCZ/05")05&-

!DPEFIFY !$PEF)FY w /05")05&-Ͱಇ͍͍ͯ·͢ w 1P$Λ࡞ͬͯɺӡ༻·Ͱ͍࣋ͬͯ͘ w ࣗಈԽɺ"*ΠϯςάϨʔγϣϯ w ͓٬༷޲͚ɺࣾ಺޲͚

IUUQTXPSLFSTUFDIDPOOQBTTDPNFWFOU

ʮ෼͔Γ΍͍͢ʯ͸ָ͍͠

ʮ෼͔Γ΍͍͢ʯ͸ָ͍͠ w ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ w ։ൃͨ͠ػೳΛσϓϩΠͯ͠࢖ͬͯ΋Β͏

ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ ίϯςφΛ࢖ͬͨ؀ڥͱͷൺֱ

ίϯςφ࣌୅ͷ։ൃ؀ڥ

ίϯςφ࣌୅ͷ։ൃ؀ڥ w ։ൃ؀ڥΛ੔͑Δͷ͸໘౗͍͘͞ʂ w   w  

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

ίϯςφ࣌୅ͷ։ൃ؀ڥ w ։ൃ؀ڥΛ੔͑Δͷ͸໘౗͍͘͞ʂ w %PDLFS fi MFͷهड़ɺΞϓϦΛಈ͔ͨ͢Ίͷઃఆ ϑΝΠϧͷهड़ɺ؀ڥม਺ͳͲ w %#ͩͬͨΓ2VFVFͩͬͨΓɺ$SPO+PCͳͲ
ΛϩʔΧϧͰ༻ҙ͢Δͷ΋େม

֮͑Δ͜ͱ͕͍ͬͺ͍ʂʂ

$MPVE fl BSF8PSLFSTͷ৔߹

$MPVE fl BSF8PSLFSTͷ৔߹ w ։ൃ؀ڥ͸ςϯϓϨʔτΛ࢖ͬͯηοτΞοϓՄೳ w ։ൃ؀ڥͱσϓϩΠ؀ڥͷဃ཭͕গͳ͍ w ϥϯλΠϜͷXPSLFSE͸044  
IUUQTHJUIVCDPNDMPVE fl BSFXPSLFSE w Πϯϑϥͷػೳ΋XPSLFSEΛܦ༝ͯ͠ར༻Ͱ͖Δ

ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ $ npx create-cloudflare my-app --framework hono \ --deploy false

ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ $ tree my-app --gitignore my-app ├── README.md ├── package.json
├── src │ └── index.ts ├── tsconfig.json   └── wrangler.toml

ΞϓϦέʔγϣϯͷ։ൃ؀ڥΛ੔͑Δ $ cd my-app && npm run dev   $
curl http://localhost:8787   Hello Hono!

w XSBOHMFSUPNMʹ͸σϓϩΠޙʹར༻͢Δ؀ڥม਺Λॻ͘ w EFWWBSTʹ͸ϩʔΧϧͰར༻͍ͨ͠؀ڥม਺Λॻ͘ ؀ڥม਺Λ੔͑Δ

؀ڥม਺Λ੔͑Δ $ echo "ENV = \"local\"" >> .dev.vars   $
ls .dev.vars .dev.vars

name = "my-app" compatibility_date = "2023-01-01" [vars] ENV = "development"
؀ڥม਺Λ੔͑Δ XSBOHMFSUPNM

import { Hono } from "hono"; const app = new
Hono<{ Bindings: { ENV: string; }; }>(); app.get("/", (c) => c.text(c.env.ENV)); export default app; ؀ڥม਺Λ੔͑Δ JOEFYUT

؀ڥม਺Λ੔͑Δ $ cd my-app && npm run dev   $
curl http://localhost:8787   local

w XSBOHMFSίϚϯυΛར༻ͯ͠ϦιʔεΛ࡞੒ w ϦιʔεΛར༻͢ΔͨΊʹXSBOHMFSUPNM΁ઃఆΛهड़ w $MPVE fl BSF8PSLFSTͰར༻Ͱ͖Δϛυϧ΢ΣΞ͸   جຊಉ͡
ϛυϧ΢ΣΞΛ੔͑Δ

ϛυϧ΢ΣΞΛ੔͑Δʢྫ,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" }

[[kv_namespaces]] binding = "TEST_KV" id = "da56a0e3ee6641fabf26b726e60fa550" XSBOHMFSUPNM ϛυϧ΢ΣΞΛ੔͑Δʢྫ,7ʣ

$ curl http://localhost:8787/counter   1 ϛυϧ΢ΣΞΛ੔͑Δʢྫ,7ʣ

։ൃͨ͠ػೳΛσϓϩΠ͢Δ εςʔδϯάͷ෼཭

σϓϩΠ͢Δ $ 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

σϓϩΠ͢Δ $ curl https://my-app.example.workers.dev   development   $ curl https://my-app.example.workers.dev/counter
1

w XSBOHMFSUPNMʹ֤؀ڥʹ߹ΘͤͨઃఆΛهड़Ͱ͖Δ w Πϯϑϥ΋֤؀ڥ͝ͱʹ༻ҙՄೳ σϓϩΠ؀ڥΛෳ਺༻ҙ͢Δ

σϓϩΠ؀ڥΛෳ਺༻ҙ͢Δ 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

w هड़ͯͨ͠OBNFNZBQQΛNZBQQEFW΁मਖ਼ w ৽͘͠ຊ൪༻ͷઃఆΛ௥ه σϓϩΠ؀ڥΛෳ਺༻ҙ͢Δ

։ൃεςʔδ΁σϓϩΠ͢Δ $ 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

։ൃεςʔδ΁σϓϩΠ͢Δ $ curl https://my-app-dev.example.workers.dev   development   $ curl https://my-app-dev.example.workers.dev/counter
1

ຊ൪εςʔδ΁σϓϩΠ͢Δ $ 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

ຊ൪εςʔδ΁σϓϩΠ͢Δ $ curl https://my-app-prd.example.workers.dev   production   $ curl https://my-app-prd.example.workers.dev/counter
1

w Ϗϧυ࣌ؒͱH[JQѹॖ࣌ؒͰ͕͔͔࣌ؒΔ͕ɺͦΕͰ΋   ෼ະຬͰ׬͍ྃͯ͠Δ w σϓϩΠ͸ϏϧυࡁΈͷ+BWB4DSJQUϑΝΠϧΛΞοϓ ϩʔυ͢Δײ͡ͳͷͰ଎͍ʂ σϓϩΠ࣌ؒ

ʮؾܰʹ࢖͑Δʯ͸ָ͍͠

ʮؾܰʹ࢖͑Δʯ͸ָ͍͠ w ͪΐͬͱͨ͠ϓϩΩγαʔόʔ w جຊ41"͚ͩͲɺগ͠ͷॲཧͰόοΫΤϯυ   αʔόʔ͕ཉ͍͠ w ؆୯ʹ༻ҙ͍ͨ͠

ͪΐͬͱͨ͠Ϣʔεέʔε /05")05&-ͷ৔߹

$034ͷϔομ௥Ճ

໰͍߹Θͤͷϝλ৘ใ௥Ճ

w ΞϓϦ͔Β;FOEFTLͷ໰͍߹ΘͤϑΥʔϜ΁ͷ   ಋઢ͕༻ҙ͞Ε͍ͯΔ w ϩάΠϯதͷͲͷ͓٬༷͔Βͷ͓໰͍߹Θ͔ͤ   ೺Ѳ͍ͨ͠ w ؔ࿈͢Δ৘ใ΋஌Γ͍ͨ
  ໰͍߹Θͤͷϝλ৘ใ௥Ճ

໰͍߹Θͤͷϝλ৘ใ௥Ճ

w ΞϓϦ͔Βͷಋઢ͸શͯ$MPVE fl BSF8PSLFSTͷ   63-Λࢦఆ͢Δ w ϝλ৘ใ͸63-ΫΤϦύϥϝʔλʔʹηοτ͢Δ w 8PSLFS্ͰΫΤϦύϥϝʔλʔͱҰக͢Δ
  νέοτϑΟʔϧυ൪߸΁ࠩ͠ସ͑Δ UG@ ໰͍߹Θͤͷϝλ৘ใ௥Ճ

ϝϯςφϯεϞʔυ

ϝϯςφϯεϞʔυ IUUQTTQFBLFSEFDLDPNDPEFIFYHSQDDMJFOUPODMPVE fl BSFXPSLFST

ʮΧελϚΠζʯ͸ָ͍͠

ʮΧελϚΠζʯ͸ָ͍͠ w ඞͣ͠΋$MPVE fl BSF8PSLFSTͷੈք͚ͩʹ   ด͡ͳͯ͘΋ྑ͍ʂ w ֎෦ͷσʔλετϨʔδΛ࢖͏ w
֎෦ͷϩάج൫Λ࢖͏

֎෦ͷσʔλετϨʔδΛ࢖͏ /05")05&-ͷέʔε

ίϯγΣϧδϡϓϥοτϑΥʔϜ

4VQBCBTF 1PTUHSF42-

w 1PTUHSF42-Λఏڙ͍ͯ͠Δ w   w   4VQBCBTF 1PTUHSF42-

w 1PTUHSF42-Λఏڙ͍ͯ͠Δ w %#͚ͩͰͳ͘ίωΫγϣϯϓʔϧΛߦ͏   ϓϩΩγ΋ఏڙͯ͘͠ΕΔ 4VQBWJTPS w
  4VQBCBTF 1PTUHSF42-

w 1PTUHSF42-Λఏڙ͍ͯ͠Δ w %#͚ͩͰͳ͘ίωΫγϣϯϓʔϧΛߦ͏   ϓϩΩγ΋ఏڙͯ͘͠ΕΔ 4VQBWJTPS w /05")05&-ͷ৔߹͸-*45&//05*':΋
  ࢖༻͍ͯ͠Δ 4VQBCBTF 1PTUHSF42-

)ZQFSESJWF IUUQTCMPHDMPVE fl BSFDPNIZQFSESJWFNBLJOHSFHJPOBM EBUBCBTFTGFFMEJTUSJCVUFE

)ZQFSESJWF IUUQTEFWFMPQFSTDMPVE fl BSFDPNIZQFSESJWFMFBSOJOHDPOOFDUUP QPTUHSFTUSBOTBDUJPOBOETUBUFNFOUTVQQPSU αϙʔτ͞Εͯͳ͍ʂ

ͦͷ··4VQBWJTPSΛར༻

4VQBWJTPSΛར༻ w DPOOSFRલఏ w ,ZTFMZΛ࢖͏ w ઃఆ͸NBY   NBY6TFT IUUQTUXJUUFSDPNDPEFIFYTUBUVT
T

֎෦ͷϩάج൫Λ࢖͏ /05")05&-ͷέʔε

ϩάج൫͕ඍົ

w ͓ͦΒ͘།Ұͷऑ఺ w $MPVE fl BSFͷΈͩͱϩάΛ୳͢ͷʹۤ࿑͢Δ w -PHQVTIΛ࢖͑͹֎෦ͷϩάج൫΁ૹͬͯ͘ΕΔ w ରԠ͍ͯ͠Δج൫͕গͳ͍ɺ੍໿͋Γ
w 5BJM8PSLFST 2VFVF࢖ͬͯૹΔ෦෼Λ   ࣗલͰ࣮૷͢Δ ϩάج൫͕ඍົ

2VFVFͰϩάΛૹ৴͢Δ

w ($1ͷ$MPVE-PHHJOH΁ૹ৴͢Δ w ࠓͩͱ5BJM8PSLFSTΛར༻͢Δͷ͕Φεεϝ 2VFVFͰϩάΛૹ৴͢Δ

2VFVFͰϩάΛૹ৴͢Δ w 4DPQFΛهड़ w $MPVE-PHHJOHͷ"1*΁ ϦΫΤετ͢Δ

2VFVFͰϩάΛૹ৴͢Δ w -PHHFS$MBTT w ഑ྻΛ࣋ͭϓϩύςΟ FOUSJFT w "1*ϋϯυϥͰ͸   ͜ͷϝιουΛݺͼग़͢

2VFVFͰϩάΛૹ৴͢Δ w "1*ͷॲཧͷ࠷ޙʹ   FOUSJFTΛΩϡʔʹૹ৴͢Δ w όοναΠζͷ্ݶ͸   NFTTBHFT

2VFVFͰϩάΛૹ৴͢Δ w $POTVNFSͰϝοηʔδΛ   ड৴͢Δ w $MPVE-PHHJOH΁ૹ৴  

ʮָ͍͠ʯͷ࠶དྷ🔥

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

Cloudflare Workers は楽しい！

Cloudflare Workers は楽しい！

More Decks by Kei Kamikawa

Other Decks in Programming

Featured

Transcript