Slide 1
Slide 1 text
͙͑͢Δ$MPVE
fl
BSF8PSLFSTʂ
$MPVE
fl
BSF.FFUVQ0LJOBXB7PM
Slide 2
Slide 2 text
!DPEFIFY !$PEF)FY
w /05")05&-Ͱಇ͍͍ͯ·͢
w 1P$Λ࡞ͬͯɺӡ༻·Ͱ͍࣋ͬͯ͘
w ࣗಈԽɺ"*ΠϯςάϨʔγϣϯ
w ͓٬༷͚ɺ͚ࣾ
Slide 3
Slide 3 text
͙͢ʹָ͍͑ͯ͠ʂ
Slide 4
Slide 4 text
͙͢ʹָ͍͑ͯ͠ʂ
w σϓϩΠ͢Ε͙͢ʹ͑Δʂ
w ؆୯ͳ+BWB4DSJQUͷίʔυ͚ͩͰ͑Δʂ
w ࢝ΊΔͨΊʹ֮͑Δ͜ͱ͕গͳ͍ʂ
w ૣ͍ʂʂ
Slide 5
Slide 5 text
IUUQTTQFBLFSEFDLDPNDPEFIFYDMPVE
fl
BSFXPSLFSTIBMFTJJ
Slide 6
Slide 6 text
ΞϓϦέʔγϣϯͷ։ൃڥΛ͑Δ
ίϯςφΛͬͨڥͱͷൺֱ
Slide 7
Slide 7 text
ίϯςφ࣌ͷ։ൃڥ
Slide 8
Slide 8 text
ίϯςφ࣌ͷ։ൃڥ
w ։ൃڥΛ͑Δͷ໘͍͘͞ʂ
w
w
Slide 9
Slide 9 text
ίϯςφ࣌ͷ։ൃڥ
w ։ൃڥΛ͑Δͷ໘͍͘͞ʂ
w %PDLFS
fi
MFͷهड़ɺΞϓϦΛಈ͔ͨ͢Ίͷઃఆ
ϑΝΠϧͷهड़ɺڥมͳͲ
w
Slide 10
Slide 10 text
ίϯςφ࣌ͷ։ൃڥ
w ։ൃڥΛ͑Δͷ໘͍͘͞ʂ
w %PDLFS
fi
MFͷهड़ɺΞϓϦΛಈ͔ͨ͢Ίͷઃఆ
ϑΝΠϧͷهड़ɺڥมͳͲ
w %#ͩͬͨΓ2VFVFͩͬͨΓɺ$SPO+PCͳͲ
ΛϩʔΧϧͰ༻ҙ͢Δͷେม
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
֮͑Δ͜ͱ͕͍ͬͺ͍ʂʂ
Slide 13
Slide 13 text
$MPVE
fl
BSF8PSLFSTͷ߹
Slide 14
Slide 14 text
$MPVE
fl
BSF8PSLFSTͷ߹
w ։ൃڥςϯϓϨʔτΛͬͯηοτΞοϓՄೳ
w ։ൃڥͱσϓϩΠڥͷဃ͕গͳ͍
w ϥϯλΠϜͷXPSLFSE044
IUUQTHJUIVCDPNDMPVE
fl
BSFXPSLFSE
w ΠϯϑϥͷػೳXPSLFSEΛܦ༝ͯ͠ར༻Ͱ͖Δ
Slide 15
Slide 15 text
ΞϓϦέʔγϣϯͷ։ൃڥΛ͑Δ
$ npx create-cloudflare my-app --framework hono \
--deploy false
Slide 16
Slide 16 text
ΞϓϦέʔγϣϯͷ։ൃڥΛ͑Δ
$ tree my-app --gitignore
my-app
├── README.md
├── package.json
├── src
│ └── index.ts
├── tsconfig.json
└── wrangler.toml
Slide 17
Slide 17 text
ΞϓϦέʔγϣϯͷ։ൃڥΛ͑Δ
$ cd my-app && npm run dev
$ curl http://localhost:8787
Hello Hono!
Slide 18
Slide 18 text
w XSBOHMFSUPNMʹσϓϩΠޙʹར༻͢ΔڥมΛॻ͘
w EFWWBSTʹϩʔΧϧͰར༻͍ͨ͠ڥมΛॻ͘
ڥมΛ͑Δ
Slide 19
Slide 19 text
ڥมΛ͑Δ
$ echo "ENV = \"local\"" >> .dev.vars
$ ls .dev.vars
.dev.vars
Slide 20
Slide 20 text
name = "my-app"
compatibility_date = "2023-01-01"
[vars]
ENV = "development"
ڥมΛ͑Δ
XSBOHMFSUPNM
Slide 21
Slide 21 text
import { Hono } from "hono";
const app = new Hono<{
Bindings: {
ENV: string;
};
}>();
app.get("/", (c) => c.text(c.env.ENV));
export default app;
ڥมΛ͑Δ
JOEFYUT
Slide 22
Slide 22 text
ڥมΛ͑Δ
$ cd my-app && npm run dev
$ curl http://localhost:8787
local
Slide 23
Slide 23 text
w XSBOHMFSίϚϯυΛར༻ͯ͠ϦιʔεΛ࡞
w ϦιʔεΛར༻͢ΔͨΊʹXSBOHMFSUPNMઃఆΛهड़
w $MPVE
fl
BSF8PSLFSTͰར༻Ͱ͖ΔϛυϧΣΞ
جຊಉ͡
ϛυϧΣΞΛ͑Δ
Slide 24
Slide 24 text
ϛυϧΣΞΛ͑Δʢྫ,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" }
Slide 25
Slide 25 text
[[kv_namespaces]]
binding = "TEST_KV"
id = "da56a0e3ee6641fabf26b726e60fa550"
XSBOHMFSUPNM
ϛυϧΣΞΛ͑Δʢྫ,7ʣ
Slide 26
Slide 26 text
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ʣ
Slide 27
Slide 27 text
$ curl http://localhost:8787/counter
1
ϛυϧΣΞΛ͑Δʢྫ,7ʣ
Slide 28
Slide 28 text
ͪΐͬͱͨ͠Ϣʔεέʔε
/05")05&-ͷ߹
Slide 29
Slide 29 text
$034ͷϔομՃ
Slide 30
Slide 30 text
$034ͷϔομՃ
Slide 31
Slide 31 text
$034ͷϔομՃ
Slide 32
Slide 32 text
͍߹ΘͤͷϝλใՃ
Slide 33
Slide 33 text
w ΞϓϦ͔Β;FOEFTLͷ͍߹ΘͤϑΥʔϜͷ
ಋઢ͕༻ҙ͞Ε͍ͯΔ
w ϩάΠϯதͷͲͷ͓٬༷͔Βͷ͓͍߹Θ͔ͤ
Ѳ͍ͨ͠
w ؔ࿈͢ΔใΓ͍ͨ
͍߹ΘͤͷϝλใՃ
Slide 34
Slide 34 text
͍߹ΘͤͷϝλใՃ
Slide 35
Slide 35 text
w ΞϓϦ͔Βͷಋઢશͯ$MPVE
fl
BSF8PSLFSTͷ
63-Λࢦఆ͢Δ
w ϝλใ63-ΫΤϦύϥϝʔλʔʹηοτ͢Δ
w 8PSLFS্ͰΫΤϦύϥϝʔλʔͱҰக͢Δ
νέοτϑΟʔϧυ൪߸ࠩ͠ସ͑Δ UG@
͍߹ΘͤͷϝλใՃ
Slide 36
Slide 36 text
ϝϯςφϯεϞʔυ
Slide 37
Slide 37 text
ϝϯςφϯεϞʔυ
IUUQTTQFBLFSEFDLDPNDPEFIFYHSQDDMJFOUPODMPVE
fl
BSFXPSLFST
Slide 38
Slide 38 text
$IBU(151SPYZ
Slide 39
Slide 39 text
w (15TͷΞΫγϣϯ͔Β/05")05&-"1*Λ
ར༻͢ΔͨΊͷ1SPYZ
w $IBU(150"VUIೝূΛఏڙ͍ͯ͠ΔͷͰ
ϩάΠϯ͕Ͱ͖Ε/")"1*Λ͑Δ
w "1*ͱ0"VUIαʔόʔಉ͡3PPU63-͡Όͳ͍ͱ
ར༻Ͱ͖ͳ੍͍ݶ͕͋ΔͨΊ
$IBU(151SPYZ
Slide 40
Slide 40 text
$IBU(151SPYZ
w BVUIPSJ[BUJPOͱUPLFOΛఏڙ
w 4DPQF'JSFCBTF"VUIͰඞཁͳ
༰Λೖྗ͢Δ
Slide 41
Slide 41 text
$IBU(151SPYZ
Slide 42
Slide 42 text
%ZOBNJD-JOLT
Slide 43
Slide 43 text
w 'JSFCBTFͰఏڙ͞Ε͍ͯΔػೳ
w %ZOBNJD-JOLTഇࢭ༧ఆ
w ϢχόʔαϧϦϯΫͷ༷ʹԊͬͯ։ൃ͢Δඞ
ཁ͕͋ͬͨ
w ϦϯΫΛ։͘ͱɺରԠ͢ΔΞϓϦ͕ىಈ
͞Εɺͦͷը໘Λ։͘͜ͱ͕Ͱ͖Δ
w ͪΖΜϓϨϏϡʔը໘͋Δ
%ZOBNJD-JOLT
Slide 44
Slide 44 text
%ZOBNJD-JOLT
w ॖ63-Λൃߦ͢ΔΠϝʔδ
w 63-ʹ͏จࣈྻ͕ඃΒͳ͍Α͏ʹ
%VSBCMF0CKFDUTͷτϥϯβΫγϣϯΛར༻
w )POPΛͬͯɺϓϨϏϡʔը໘ͱࣝผࢠͷใΛؚ
Ίͨ+40/ϑΝΠϧʢ"TTFU-JOL
fi
MFʣΛฦ͢
Slide 45
Slide 45 text
ΧελϚΠζ
֎෦ͷσʔλετϨʔδΛ͏
Slide 46
Slide 46 text
ίϯγΣϧδϡϓϥοτϑΥʔϜ
Slide 47
Slide 47 text
֎෦ͷϩάج൫Λ͏
($1$MPVE-PHHJOH
Slide 48
Slide 48 text
ʜͷલʹ-PH1VTIͷհ
Slide 49
Slide 49 text
-PH1VTI
Slide 50
Slide 50 text
w $MPVE
fl
BSFʹؔ࿈ͨ͠ϩάΛ࿈ܞͰ͖Δ
ετϨʔδϩάΛૹΓ͚ͭΔػೳ
w $MPVE
fl
BSF8PSLFSTͷ߹DPOTPMFMPHͷ
தΛ1VTIͰ͖Δ
-PH1VTI
Slide 51
Slide 51 text
-PH1VTI
Slide 52
Slide 52 text
-PH1VTI
Slide 53
Slide 53 text
-PH1VTI
Slide 54
Slide 54 text
-PH1VTI
Slide 55
Slide 55 text
-PH1VTI
Slide 56
Slide 56 text
ࣗͰϩάΛૹΔ
Slide 57
Slide 57 text
w ͓ͦΒ͘།Ұͷऑ
w $MPVE
fl
BSFͷΈͩͱϩάΛ୳͢ͷʹۤ࿑͢Δ
w ͏ͪͷϢʔεέʔεͩͱ$MPVE-PHHJOHΛܦ༝ͯ͠
ૹΔํ͕͍҆
ࣗͰϩάΛૹΔ
Slide 58
Slide 58 text
2VFVFͰϩάΛૹ৴͢Δ
Slide 59
Slide 59 text
w ($1ͷ$MPVE-PHHJOHૹ৴͢Δ
w ࠓͩͱ5BJM8PSLFSTΛར༻͢Δͷ͕Φεεϝ͔
2VFVFͰϩάΛૹ৴͢Δ
Slide 60
Slide 60 text
2VFVFͰϩάΛૹ৴͢Δ
w 4DPQFΛهड़
w $MPVE-PHHJOHͷ"1*
ϦΫΤετ͢Δ
Slide 61
Slide 61 text
2VFVFͰϩάΛૹ৴͢Δ
w -PHHFS$MBTT
w ྻΛ࣋ͭϓϩύςΟ
FOUSJFT
w "1*ϋϯυϥͰ
͜ͷϝιουΛݺͼग़͢
Slide 62
Slide 62 text
2VFVFͰϩάΛૹ৴͢Δ
w "1*ͷॲཧͷ࠷ޙʹ
FOUSJFTΛΩϡʔʹૹ৴͢Δ
w όοναΠζͷ্ݶ
NFTTBHFT
Slide 63
Slide 63 text
2VFVFͰϩάΛૹ৴͢Δ
w $POTVNFSͰϝοηʔδΛ
ड৴͢Δ
w $MPVE-PHHJOHૹ৴
Slide 64
Slide 64 text
֎෦ͷΩϡʔΛ͏
$MPVE5BTLTͷซ༻
Slide 65
Slide 65 text
8PSLFST2VFVF CFUB
͕ෆ҆ఆ
Slide 66
Slide 66 text
8PSLFST2VFVF͕ෆ҆ఆ
ͨ·ʹΩϡʔ͕٧·Δ
Slide 67
Slide 67 text
8PSLFST2VFVF͕ෆ҆ఆ
αʔόʔ͔ΒͷλΠϜΞτͳ͍
Slide 68
Slide 68 text
w $MPVE
fl
BSF8PSLFST্ʹඇಉظ͚ͷ
ΤϯυϙΠϯτΛ࡞͢Δ
w 8PSLFSTܦ༝Ͱ5BTLΛ࡞͢Δ
w ࡞͞Εͨ5BTLΛͱʹ$MPVE5BTLTܦ༝Ͱ
ΤϯυϙΠϯτ͕ୟ͔ΕΔ
$MPVE5BTLTΛ͏
Slide 69
Slide 69 text
$MPVE5BTLTΛ͏
Slide 70
Slide 70 text
͙͢ʹָ͍͑ͯ͠🔥
Slide 71
Slide 71 text
͙͢ʹָ͍͑ͯ͠🔥
w ։ൃͨ͠ΞϓϦΛ୭͔ʹͬͯΒ͏·Ͱͷ
εςοϓ͕͘ͳͬͨ
w ։ൃˠϦϦʔεˠϑΟʔυόοΫʢϧʔϓʣ
w Γ͍ͨ͜ͱͷຊ࣭ʹूதͰָ͖͍ͯ͠ʂʂ