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
祝う2
Search
mizdra
PRO
November 11, 2018
Programming
950
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
祝う2
Dentoo.LT #21で発表したスライドです.
mizdra
PRO
November 11, 2018
More Decks by mizdra
See All by mizdra
速さだけじゃない! VoidZero ツールが移行先に選ばれる理由
mizdra
PRO
6
830
60分で学ぶ最新Webフロントエンド
mizdra
PRO
51
28k
機密情報の漏洩を防げ! Webフロントエンド開発で意識すべき漏洩パターンとその対策
mizdra
PRO
19
11k
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
mizdra
PRO
3
9.2k
あなたの知らない Function.prototype.toString() の世界
mizdra
PRO
4
6.2k
React Server Components の疑問を解き明かす
mizdra
PRO
23
15k
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
PRO
8
3.3k
大量の ESLint エラーに対処する技術 / The technology to fight with many ESLint's errors
mizdra
PRO
0
3.4k
Vue Language Server から生まれた Volar.js と、それが秘める可能性
mizdra
PRO
13
10k
Other Decks in Programming
See All in Programming
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
140
技術的負債解消で開発者の未来を開く- AIの力でコード刷新
kmd2kmd
0
130
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.3k
はてなアカウント基盤 State of the Union
cockscomb
1
1.2k
Dataformのリポジトリを立ち上げるときにまずやること / dataform-day0-2026
snhryt
0
200
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.8k
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
380
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
140
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
tk3fftk
5
1k
dRuby over BLE
makicamel
2
400
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
190
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
160
Featured
See All Featured
Visualization
eitanlees
152
17k
Being A Developer After 40
akosma
91
590k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
370
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Faster Mobile Websites
deanohume
310
32k
Designing for Performance
lara
611
70k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
400
Writing Fast Ruby
sferik
630
63k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
990
Transcript
祝う2 in Dentoo.LT #21 1
自己紹介 mizdra 電気通信大学 3 年 興味のあること JavaScript/TypeScript Rust/WebAssembly ポケモン乱数調整 2
近状 3
何か部室に届いた 4
こうして 5
ペタッ 6
3D プリンタでmizdra ハンコを作った 朱肉とハンコさえあれば自己を出力できる便利ア イテム 今日持ってきたので押されたい人居たら僕の所ま で来て下さい!!! 紙でも服の上でも押します!!! 7
本題 8
本日のタイトル 「 祝う2」 9
2 というからには当然1 もあった 10
一年前のDentoo.LT にて 2 週間前にに二十歳を迎えた めでたい!!! めでたいし, おいわいしなきゃ 自分で自分の誕生日を祝えば良いのでは??? アー カイブ:
https://youtu.be/0ZkLdw3qypw?t=2201 11
12
13
こうして自分で自分の 誕生日をひたすら祝い続ける 異常なLT が 誕生したのだった... 14
ということは 15
「 祝う2」 16
「 祝う2」 17
「 祝う2」 誕生日を祝います2 18
19
・・・ 20
ちょっと待ってください 皆さん, 何か見落としてませんか? 今日が「 何の日か」 をよく考えてみましょう 21
突然ですが ここでクイズです!!! 今日は何の日でしょう か!!! 22
正解発表 23
24
25
「 残念! わたしだよ~!!!」 26
11 月11 日 僕が愛してやまないキャラクター, 日向縁さんの誕 生日 「 ゆゆ式」 ってアニメで登場します ちなみに作者の三上小又さんの誕生日でもある
おいわいしなきゃ… 27
という訳で 28
「 祝う2」 29
「 祝う2」 30
「 祝う2」 >> 日向縁さんの << 誕生日を祝います 31
成果物 32
ゆかりスロット https://yukari-slot.mizdra.net 33
ゆかりスロット ゆかりちゃんの目を揃えるスロットゲー ム 数字の1 のような目をすることに因んでる ボタンを押すと回転が止まる 結果をTwitter でシェアする機能も 34
やってみよう 35
開発裏話 36
開発裏話 開発途中のトラブルやバグの話とか 37
1. スロットの目の取得に失敗する スロットはWeb Animations API で動かしている ボタンが押されるとアニメー ションが停止し, 停止 した要素の位置から現在の目の値を計算
この計算にミスがあって目の取得に失敗すること があった 38
undefined ゆかり 39
2. レイヤの重ね合わせミス 顔のレイヤを重ねる順番を間違えちゃった この過ちがとんでもない結果を引き起こすことに… 40
ゆかりモンスター 誕生 41
まとめ 42
まとめ 43
まとめ 日向縁さん 44
まとめ 日向縁さん 誕生日 45
まとめ 日向縁さん 誕生日 おめでとう 46