すぐ使える Cloudflare Workers！

Transcript

1. ͙͢࢖͑Δ$MPVE fl BSF8PSLFSTʂ $MPVE fl BSF.FFUVQ0LJOBXB7PM 


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

3. ͙͢ʹ࢖ָ͍͑ͯ͠ʂ

4. ͙͢ʹ࢖ָ͍͑ͯ͠ʂ w σϓϩΠ͢Ε͹͙͢ʹ࢖͑Δʂ w ؆୯ͳ+BWB4DSJQUͷίʔυ͚ͩͰ΋࢖͑Δʂ w ࢝ΊΔͨΊʹ֮͑Δ͜ͱ͕গͳ͍ʂ w ૣ͍ʂʂ

5. IUUQTTQFBLFSEFDLDPNDPEFIFYDMPVE fl BSFXPSLFSTIBMFTJJ

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

7. ίϯςφ࣌୅ͷ։ൃ؀ڥ

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


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


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

    ΛϩʔΧϧͰ༻ҙ͢Δͷ΋େม
11. None

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

13. $MPVE fl BSF8PSLFSTͷ৔߹

14. $MPVE fl BSF8PSLFSTͷ৔߹ 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 BSF8PSLFSTͰར༻Ͱ͖Δϛυϧ΢ΣΞ͸ 
 جຊಉ͡

    ϛυϧ΢ΣΞΛ੔͑Δ

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. ͪΐͬͱͨ͠Ϣʔεέʔε /05")05&-ͷ৔߹

29. $034ͷϔομ௥Ճ

30. $034ͷϔομ௥Ճ

31. $034ͷϔομ௥Ճ

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

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

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

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

35. w ΞϓϦ͔Βͷಋઢ͸શͯ$MPVE fl BSF8PSLFSTͷ 
 63-Λࢦఆ͢Δ w ϝλ৘ใ͸63-ΫΤϦύϥϝʔλʔʹηοτ͢Δ w 8PSLFS্ͰΫΤϦύϥϝʔλʔͱҰக͢Δ

    
 νέοτϑΟʔϧυ൪߸΁ࠩ͠ସ͑Δ UG@ ໰͍߹Θͤͷϝλ৘ใ௥Ճ

36. ϝϯςφϯεϞʔυ

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

38. $IBU(151SPYZ

39. w (15TͷΞΫγϣϯ͔Β/05")05&-"1*Λ 
 ར༻͢ΔͨΊͷ1SPYZ w $IBU(15͸0"VUIೝূΛఏڙ͍ͯ͠ΔͷͰ 
 ϩάΠϯ͕Ͱ͖Ε͹/")"1*Λ࢖͑Δ w "1*ͱ0"VUIαʔόʔ͸ಉ͡3PPU63-͡Όͳ͍ͱ

    ར༻Ͱ͖ͳ੍͍ݶ͕͋ΔͨΊ $IBU(151SPYZ

40. $IBU(151SPYZ w BVUIPSJ[BUJPOͱUPLFOΛఏڙ w 4DPQF͸'JSFCBTF"VUIͰඞཁͳ 
 ಺༰Λೖྗ͢Δ

41. $IBU(151SPYZ

42. %ZOBNJD-JOLT

43. w 'JSFCBTFͰఏڙ͞Ε͍ͯΔػೳ w %ZOBNJD-JOLT͸ഇࢭ༧ఆ w ϢχόʔαϧϦϯΫͷ࢓༷ʹԊͬͯ։ൃ͢Δඞ ཁ͕͋ͬͨ w ϦϯΫΛ։͘ͱɺରԠ͢ΔΞϓϦ͕ىಈ ͞Εɺͦͷը໘Λ։͘͜ͱ͕Ͱ͖Δ

    w ΋ͪΖΜϓϨϏϡʔը໘΋͋Δ %ZOBNJD-JOLT

44. %ZOBNJD-JOLT w ୹ॖ63-Λൃߦ͢ΔΠϝʔδ w 63-ʹ࢖͏จࣈྻ͕ඃΒͳ͍Α͏ʹ 
 %VSBCMF0CKFDUTͷτϥϯβΫγϣϯΛར༻ w )POPΛ࢖ͬͯɺϓϨϏϡʔը໘ͱࣝผࢠͷ৘ใΛؚ Ίͨ+40/ϑΝΠϧʢ"TTFU-JOL

    fi MFʣΛฦ͢

45. ΧελϚΠζ ֎෦ͷσʔλετϨʔδΛ࢖͏

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

47. ֎෦ͷϩάج൫Λ࢖͏ ($1$MPVE-PHHJOH

48. ʜͷલʹ-PH1VTIͷ঺հ

49. -PH1VTI

50. w $MPVE fl BSFʹؔ࿈ͨ͠ϩάΛ࿈ܞͰ͖Δ 
 ετϨʔδ΁ϩάΛૹΓ͚ͭΔػೳ w $MPVE fl BSF8PSLFSTͷ৔߹͸DPOTPMFMPHͷ

    
 த਎Λ1VTIͰ͖Δ -PH1VTI

51. -PH1VTI

52. -PH1VTI

53. -PH1VTI

54. -PH1VTI

55. -PH1VTI

56. ࣗ෼ͰϩάΛૹΔ

57. w ͓ͦΒ͘།Ұͷऑ఺ w $MPVE fl BSFͷΈͩͱϩάΛ୳͢ͷʹۤ࿑͢Δ w ͏ͪͷϢʔεέʔεͩͱ$MPVE-PHHJOHΛܦ༝ͯ͠ 
 ௚઀ૹΔํ͕͍҆

    ࣗ෼ͰϩάΛૹΔ

58. 2VFVFͰϩάΛૹ৴͢Δ

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

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

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

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

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


64. ֎෦ͷΩϡʔΛ࢖͏ $MPVE5BTLTͷซ༻

65. 8PSLFST2VFVF CFUB ͕ෆ҆ఆ

66. 8PSLFST2VFVF͕ෆ҆ఆ ͨ·ʹΩϡʔ͕٧·Δ

67. 8PSLFST2VFVF͕ෆ҆ఆ αʔόʔ͔ΒͷλΠϜΞ΢τ͸ͳ͍

68. w $MPVE fl BSF8PSLFST্ʹඇಉظ޲͚ͷ 
 ΤϯυϙΠϯτΛ࡞੒͢Δ w 8PSLFSTܦ༝Ͱ5BTLΛ࡞੒͢Δ w ࡞੒͞Εͨ5BTLΛ΋ͱʹ$MPVE5BTLTܦ༝Ͱ

    
 ΤϯυϙΠϯτ͕ୟ͔ΕΔ $MPVE5BTLTΛ࢖͏

69. $MPVE5BTLTΛ࢖͏

70. ͙͢ʹ࢖ָ͍͑ͯ͠🔥

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