すぐ使える Cloudflare Workers！

Transcript

1. ͙͢࢖͑Δ
   $MPVE fl BSF
   8PSLFSTʂ $MPVE fl BSF
   .FFUVQ
   0LJOBXB
   7PM 
 
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
    ͳͲ ΛϩʔΧϧͰ༻ҙ͢Δͷ΋େม
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. ͪΐͬͱͨ͠Ϣʔεέʔε /05
    "
    )05&-
    ͷ৔߹
29. 
    $034
    ͷϔομ௥Ճ
30. 
    $034
    ͷϔομ௥Ճ
31. 
    $034
    ͷϔομ௥Ճ
32. 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
33. w ΞϓϦ͔Β
    ;FOEFTL
    ͷ໰͍߹ΘͤϑΥʔϜ΁ͷ 
 ಋઢ͕༻ҙ͞Ε͍ͯΔ
    w ϩάΠϯதͷͲͷ͓٬༷͔Βͷ͓໰͍߹Θ͔ͤ 
 ೺Ѳ͍ͨ͠
    w ؔ࿈͢Δ৘ใ΋஌Γ͍ͨ 
 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
34. 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
35. w ΞϓϦ͔Βͷಋઢ͸શͯ
    $MPVE fl BSF
    8PSLFST
    ͷ 
 63-
    Λࢦఆ͢Δ
    w ϝλ৘ใ͸
    63-
    ΫΤϦύϥϝʔλʔʹηοτ͢Δ
    w 8PSLFS
    ্ͰΫΤϦύϥϝʔλʔͱҰக͢Δ 
 νέοτϑΟʔϧυ൪߸΁ࠩ͠ସ͑Δ
    UG@ 
    ໰͍߹Θͤͷϝλ৘ใ௥Ճ
36. 
    ϝϯςφϯεϞʔυ
37. 
    ϝϯςφϯεϞʔυ IUUQTTQFBLFSEFDLDPNDPEFIFYHSQDDMJFOUPODMPVE fl BSFXPSLFST
38. 
    $IBU(15
    1SPYZ
39. w (15T
    ͷΞΫγϣϯ͔Β
    /05
    "
    )05&-
    "1*
    Λ 
 ར༻͢ΔͨΊͷ
    1SPYZ
    w $IBU(15
    ͸
    0"VUI
    ೝূΛఏڙ͍ͯ͠ΔͷͰ 
 ϩάΠϯ͕Ͱ͖Ε͹
    /")
    "1*
    Λ࢖͑Δ
    w "1*
    ͱ
    0"VUI
    αʔόʔ͸ಉ͡
    3PPU
    63-
    ͡Όͳ͍ͱ ར༻Ͱ͖ͳ੍͍ݶ͕͋ΔͨΊ 
    $IBU(15
    1SPYZ
40. 
    $IBU(15
    1SPYZ w BVUIPSJ[BUJPO
    ͱ
    UPLFO
    Λఏڙ
    w 4DPQF
    ͸
    'JSFCBTF
    "VUI
    Ͱඞཁͳ 
 ಺༰Λೖྗ͢Δ
41. 
    $IBU(15
    1SPYZ
42. 
    %ZOBNJD
    -JOLT
43. w 'JSFCBTF
    Ͱఏڙ͞Ε͍ͯΔػೳ
    w %ZOBNJD
    -JOLT
    ͸ഇࢭ༧ఆ
    w ϢχόʔαϧϦϯΫͷ࢓༷ʹԊͬͯ։ൃ͢Δඞ ཁ͕͋ͬͨ
    w ϦϯΫΛ։͘ͱɺରԠ͢ΔΞϓϦ͕ىಈ ͞Εɺͦͷը໘Λ։͘͜ͱ͕Ͱ͖Δ
    w ΋ͪΖΜϓϨϏϡʔը໘΋͋Δ 
    %ZOBNJD
    -JOLT
44. 
    %ZOBNJD
    -JOLT w ୹ॖ
    63-
    Λൃߦ͢ΔΠϝʔδ
    w 63-
    ʹ࢖͏จࣈྻ͕ඃΒͳ͍Α͏ʹ 
 %VSBCMF
    0CKFDUT
    ͷτϥϯβΫγϣϯΛར༻
    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 BSF
    8PSLFST
    ͷ৔߹͸
    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 ࠓͩͱ
    5BJM
    8PSLFST
    Λར༻͢Δͷ͕Φεεϝ͔΋ 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. ֎෦ͷΩϡʔΛ࢖͏ $MPVE
    5BTLT
    ͷซ༻
65. 8PSLFST
    2VFVF
    CFUB
    ͕ෆ҆ఆ
66. 8PSLFST
    2VFVF
    ͕ෆ҆ఆ ͨ·ʹΩϡʔ͕٧·Δ
67. 8PSLFST
    2VFVF
    ͕ෆ҆ఆ αʔόʔ͔ΒͷλΠϜΞ΢τ͸ͳ͍
68. w $MPVE fl BSF
    8PSLFST
    ্ʹඇಉظ޲͚ͷ 
 ΤϯυϙΠϯτΛ࡞੒͢Δ
    w 8PSLFST
    ܦ༝Ͱ
    5BTL
    Λ࡞੒͢Δ
    w ࡞੒͞Εͨ
    5BTL
    Λ΋ͱʹ
    $MPVE
    5BTLT
    ܦ༝Ͱ 
 ΤϯυϙΠϯτ͕ୟ͔ΕΔ $MPVE
    5BTLT
    Λ࢖͏
69. $MPVE
    5BTLT
    Λ࢖͏
70. ͙͢ʹ࢖ָ͍͑ͯ͠🔥
71. ͙͢ʹ࢖ָ͍͑ͯ͠🔥 w ։ൃͨ͠ΞϓϦΛ୭͔ʹ࢖ͬͯ΋Β͏·Ͱͷ 
 εςοϓ͕୹͘ͳͬͨ
    w ։ൃˠϦϦʔεˠϑΟʔυόοΫʢϧʔϓʣ
    w ΍Γ͍ͨ͜ͱͷຊ࣭ʹूதͰָ͖͍ͯ͠ʂʂ