Slide 1
Slide 1 text
$44͚ͩͰ$PPLJF$MJDLFSΛ࡞Δ
!IUPQJHFPO
Slide 2
Slide 2 text
ߴڮ Ұే (Kazuto Takahashi)
ɾॴଐɿגࣜձࣾΫϩεϏοτ
ɾۀɿγϑτཧαʔϏεͷ։ൃ, ςοΫϦʔυ
ɾٕज़ɿRails, Vue, React, NeoVim
ɾझຯɿٕज़ͷແବ͍, ์ஔήʔϜ
Zenn / GitHub
@kthatoto
X
@h4topigeon
Slide 3
Slide 3 text
%FNP
https://kthatoto.github.io/css-cookie-clicker
Slide 4
Slide 4 text
Έ
JOQVUUZQF DIFDLCPY ͷଟ༻ CZQVH
$44ͷDPVOUFSؔDIFDLFE
d
4BTT4$44ͷཞ༻
Slide 5
Slide 5 text
JOQVUUZQF DIFDLCPY ͷଟ༻ CZQVH
Slide 6
Slide 6 text
JOQVUUZQF DIFDLCPY ͷଟ༻ CZQVH
🍪
ਤղ
ΫϦοΫ
🍪
🍪input:checked
νΣοΫ͞ΕͨinputΛ
ݟ͑ͳ͍ͱ͜Ζʹඈ͢
Slide 7
Slide 7 text
4BTT4$44ͷཞ༻
JUFN͕ߪೖՄೳ͔$44Ͱஅ
΄΅खଓతϓϩάϥϜॻ͍ͯΔײ֮
QSJDFͷJUFNʹରͯ͠
ଞͷJUFNΛߪೖ͍ͯ͠ͳ͚Ε
ɹɹݸҎ্DIFDLFEͳΒMBCFMԡͤΔ
ଞͷJUFNΛߪೖ͍ͯ͠Δ߹
ɹɹͦͷJUFNͷஈ ݸҎ্DIFDLFE
ɹ͜ΕΛશͯͷύλʔϯॻ͘
Slide 8
Slide 8 text
OݸͷJUFN͕͋Δ࣌
ɹ ͷએݴϒϩοΫ͕ඞཁʹͳΔ
ྫ
ݸͷJUFN͕࣌
JUFNΛങ͑Δ͔Ͳ͏͔
JUFNΛങͬͯͳ͍JUFNΛങͬͯͳ͍
JUFNΛങͬͨJUFNΛങͬͯͳ͍
JUFNΛങͬͯͳ͍JUFNΛങͬͨ
JUFNΛങͬͨJUFNΛങͬͨ
JUFNΛങ͑Δ͔Ͳ͏͔
ಉ͘͡ύλʔϯ
JUFNΛങ͑Δ͔Ͳ͏͔
ಉ͘͡ύλʔϯ
n ⋅ 2(n−1)
4BTT4$44ͷཞ༻
}2(3−1)}3
Slide 9
Slide 9 text
ྫ
JUFNDPPLJF
JUFNDPPLJFTͷ߹
4BTT4$44ͷཞ༻
item1Λങ͏ͷʹ1cookieඞཁ
item2ΛߪೖࡁΈ(2cookies)
item1Λങ͏ͷʹ3cookiesඞཁ
Slide 10
Slide 10 text
.BQ
"SSBZ
ɹɹ JUFNใ
GPS
FBDIϧʔϓ
ɹɹ ී௨ʹ
JG
FMTFذ
ɹɹ ϧʔϓͷ࠷ޙͷJUFSBUJPOͳΒʙ͢Δ
ɹɹ JUFNΛങΘΕͨ߹ʙ
ΧελϜؔ
ɹɹ QPX O
N
OͷN
ɹɹ CJOBSZIJU O
EJHJU
ɹɹɹOΛਐදهͨ࣌͠ʹEJHJUʹ
ɹɹɹ͕͋Δ͔
4BTT4$44ͷཞ༻
Slide 11
Slide 11 text
ΞΠςϜͷޮՌΛ࣮͢Δ
ɹɹ ΫϦοΫ͋ͨΓͷ֫ಘ$PPLJFΛ૿͢
ɹɹ ࣗಈͰ૿͑ΔΑ͏ʹ͢Δ ͜ΕෆՄೳʹۙͦ͏
ࠓޙ