Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSSだけでCookie Clickerを作る
Search
kthatoto
October 29, 2023
Technology
0
880
CSSだけでCookie Clickerを作る
kthatoto
October 29, 2023
Tweet
Share
More Decks by kthatoto
See All by kthatoto
複数ブラウザウィンドウを 単一平面とみなしてボールの 衝突判定をする
kthatoto
0
180
いろいろな駆動開発の話 / various-driven-development
kthatoto
0
93
ぼくのかんがえたさいきょうの放置ゲームを作ってる話 / saikyou-houti-game
kthatoto
1
480
最強の放置ゲームを作ってる話 ~ と、そのうちのゲーム作るためのゲームデータエディタを作ってる話 ~
kthatoto
0
68
ぼくのかんがえたさいきょうのぶろぐしすてむ
kthatoto
0
730
Other Decks in Technology
See All in Technology
KINTO FACTORYから学ぶ生成AI活用戦略
kintotechdev
0
110
アジャイルテストで高品質のスプリントレビューを
takesection
0
130
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
210
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
KiroでGameDay開催してみよう(準備編)
yuuuuuuu168
1
150
Browser
recruitengineers
PRO
5
1.3k
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
290
実践AIガバナンス
asei
3
160
Vault meets Kubernetes
mochizuki875
0
110
我々は雰囲気で仕事をしている / How can we do vibe coding as well
naospon
2
220
LLMエージェント時代に適応した開発フロー
hiragram
1
430
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
18
5.7k
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Invisible Side of Design
smashingmag
301
51k
Music & Morning Musume
bryan
46
6.8k
Documentation Writing (for coders)
carmenintech
73
5k
Bash Introduction
62gerente
614
210k
Navigating Team Friction
lara
189
15k
Practical Orchestrator
shlominoach
190
11k
Facilitating Awesome Meetings
lara
55
6.5k
Code Reviewing Like a Champion
maltzj
525
40k
Become a Pro
speakerdeck
PRO
29
5.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
780
Fireside Chat
paigeccino
39
3.6k
Transcript
$44͚ͩͰ$PPLJF$MJDLFSΛ࡞Δ !IUPQJHFPO
ߴڮ Ұే (Kazuto Takahashi) ɾॴଐɿגࣜձࣾΫϩεϏοτ ɾۀɿγϑτཧαʔϏεͷ։ൃ, ςοΫϦʔυ ɾٕज़ɿRails, Vue,
React, NeoVim ɾझຯɿٕज़ͷແବ͍, ์ஔήʔϜ Zenn / GitHub @kthatoto X @h4topigeon
%FNP https://kthatoto.github.io/css-cookie-clicker
Έ JOQVUUZQFDIFDLCPYͷଟ༻ CZQVH $44ͷDPVOUFSؔDIFDLFE d 4BTT4$44ͷཞ༻
JOQVUUZQFDIFDLCPYͷଟ༻ CZQVH
JOQVUUZQFDIFDLCPYͷଟ༻ CZQVH 🍪 ਤղ ΫϦοΫ 🍪 🍪input:checked νΣοΫ͞ΕͨinputΛ ݟ͑ͳ͍ͱ͜Ζʹඈ͢
4BTT4$44ͷཞ༻ JUFN͕ߪೖՄೳ͔$44Ͱஅ ΄΅खଓతϓϩάϥϜॻ͍ͯΔײ֮ QSJDFͷJUFNʹରͯ͠ ଞͷJUFNΛߪೖ͍ͯ͠ͳ͚Ε ɹɹݸҎ্DIFDLFEͳΒMBCFMԡͤΔ
ଞͷJUFNΛߪೖ͍ͯ͠Δ߹ ɹɹͦͷJUFNͷஈ ݸҎ্DIFDLFE ɹ͜ΕΛશͯͷύλʔϯॻ͘
OݸͷJUFN͕͋Δ࣌ ɹ ͷએݴϒϩοΫ͕ඞཁʹͳΔ ྫ ݸͷJUFN͕࣌ JUFNΛങ͑Δ͔Ͳ͏͔ JUFNΛങͬͯͳ͍JUFNΛങͬͯͳ͍
JUFNΛങͬͨJUFNΛങͬͯͳ͍ JUFNΛങͬͯͳ͍JUFNΛങͬͨ JUFNΛങͬͨJUFNΛങͬͨ JUFNΛങ͑Δ͔Ͳ͏͔ ಉ͘͡ύλʔϯ JUFNΛങ͑Δ͔Ͳ͏͔ ಉ͘͡ύλʔϯ n ⋅ 2(n−1) 4BTT4$44ͷཞ༻ }2(3−1)}3
ྫ JUFNDPPLJF JUFNDPPLJFTͷ߹ 4BTT4$44ͷཞ༻ item1Λങ͏ͷʹ1cookieඞཁ item2ΛߪೖࡁΈ(2cookies) item1Λങ͏ͷʹ3cookiesඞཁ
.BQ "SSBZ ɹɹ JUFNใ GPS FBDIϧʔϓ ɹɹ
ී௨ʹ JG FMTFذ ɹɹ ϧʔϓͷ࠷ޙͷJUFSBUJPOͳΒʙ͢Δ ɹɹ JUFNΛങΘΕͨ߹ʙ ΧελϜؔ ɹɹ QPX O N OͷN ɹɹ CJOBSZIJU O EJHJU ɹɹɹOΛਐදهͨ࣌͠ʹEJHJUʹ ɹɹɹ͕͋Δ͔ 4BTT4$44ͷཞ༻
ΞΠςϜͷޮՌΛ࣮͢Δ ɹɹ ΫϦοΫ͋ͨΓͷ֫ಘ$PPLJFΛ૿͢ ɹɹ ࣗಈͰ૿͑ΔΑ͏ʹ͢Δ ͜ΕෆՄೳʹۙͦ͏ ࠓޙ