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
860
0
Share
祝う2
Dentoo.LT #21で発表したスライドです.
mizdra
PRO
November 11, 2018
More Decks by mizdra
See All by mizdra
60分で学ぶ最新Webフロントエンド
mizdra
PRO
33
15k
機密情報の漏洩を防げ! Webフロントエンド開発で意識すべき漏洩パターンとその対策
mizdra
PRO
19
11k
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
mizdra
PRO
3
8.9k
あなたの知らない Function.prototype.toString() の世界
mizdra
PRO
4
6k
React Server Components の疑問を解き明かす
mizdra
PRO
23
15k
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
PRO
8
3.2k
大量の ESLint エラーに対処する技術 / The technology to fight with many ESLint's errors
mizdra
PRO
0
3.3k
Vue Language Server から生まれた Volar.js と、それが秘める可能性
mizdra
PRO
13
9.7k
マルチテナントで GraphQL を使う際の工夫
mizdra
PRO
0
2.7k
Other Decks in Programming
See All in Programming
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
900
10 Tips of AWS ~Gen AI on AWS~
licux
5
260
PHPのバージョンアップ時にも役立ったAST(2026年版)
matsuo_atsushi
0
300
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
240
実践ハーネスエンジニアリング #MOSHTech
kajitack
7
6.2k
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
orgachem
PRO
9
5.4k
PHP 7.4でもOpenTelemetryゼロコード計装がしたい! / PHPerKaigi 2026
arthur1
1
550
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
330
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
kentaroutakeda
5
2.5k
存在論的プログラミング: 時間と存在を記述する
koriym
5
860
「効かない!」依存性注入(DI)を活用したAPI Platformのエラーハンドリング奮闘記
mkmk884
0
320
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
itsmedreamwalker
0
550
Featured
See All Featured
How to make the Groovebox
asonas
2
2.1k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
520
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
100
KATA
mclloyd
PRO
35
15k
Designing for humans not robots
tammielis
254
26k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
290
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
330
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
170
New Earth Scene 8
popppiees
3
2k
A Tale of Four Properties
chriscoyier
163
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
880
The Cult of Friendly URLs
andyhume
79
6.8k
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