Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
<form>があればゴルフもできる / If a <form> is there, you c...
Search
akwkm
June 27, 2023
Design
0
1.3k
<form>があればゴルフもできる / If a <form> is there, you can play golf.
https://tangolf.hatelabo.jp/
akwkm
June 27, 2023
Tweet
Share
More Decks by akwkm
See All by akwkm
いい感じのアニメーション研究会 / Good Feeling Animation Research Group
akwkm
0
1.9k
デザイングループのデザイン / Designing Design Organizations
akwkm
0
7.4k
Other Decks in Design
See All in Design
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
110
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
9
2.8k
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
120
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
8_8_リサーチカンファレンスプレイベント.pdf
muture
PRO
2
600
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
500
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
680
Diverse Design Team Deck
diverse
0
140
Liquid GlassとApp Intents
touyou
0
550
CursorでAI活用のナレッジベースを構築する
kanzaki
0
1.1k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.2k
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
840
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
57k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
710
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Documentation Writing (for coders)
carmenintech
76
5.2k
Side Projects
sachag
455
43k
How GitHub (no longer) Works
holman
316
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.1k
Transcript
GPSN ͕͋Ε ΰϧϑ Ͱ͖Δ 🏆
None
None
୯ޠΛϕΫτϧԽ͠ ʮҙຯΛ͠Ҿ͖ʯͯ͠༡Ϳ ΰϧϑήʔϜ
͡·Γ
None
ΰϧϑͱԕ͗͢Δʜ
ΰϧϑͯ͠Δײ
ͯ͠Δײ 🎮
ը໘্ͷԿ͔Λૢ࡞Ͱ͖Δɻ ͨͩͦΕ͚ͩͰɺ ຊॏͨ͞Կͳ͍ͱ͜Ζʹ ੜཧײ֮Λ࡞Δɻ ʰࡩҪതͷήʔϜʹ͍ͭͯࢥ͏͜ͱʱΑΓ
ͯ͠Δײ ߦҝͱ֮ΛΈ߹ΘͤΔ͜ͱ Ͱٖࣅతͳମײ͕֮ಘΒΕΔ 🤜 💥
ಧ͘ ⛳ ඈͿ ଧͭ 🏌
ಧ͘ ඈͿ ଧͭ ݁Ռ͕දࣔ ૹ৴த ೖྗͯ͠ૹ৴
ଧͬͨײ 🏌
ϘʔϧΛଧͭ 🏌
ඈͿ ଧͭ ϘʔϧΛଧͭ ʴ ʔ
ൃࣹͨ͠Α͏ʹݟ͑Δ
͘ ଧͭ ʴ ʔ ඈͿ 💥 ϘʔϧΛଧͭ
JOQVUͰεΠϯά͢Δ @keyframes swing { 0% { transform: rotateX(0deg); } 80%
{ transform: rotateX(390deg); } 100% { transform: rotateX(360deg); } }
γϣοτͷಈ EFH EFH EFHΑΓ ༨ʹճసͤͯ͞ ͍ͯ͠Δ 💥
ଧͬͨײ φΠεγϣοτ
ඈΜͩײ
Ϙʔϧ͕ඈͿ 🏌 ⛳
Ϙʔϧ͕ඈͿ 🏌 ⛳ ඈڑ ߴ
@keyframes shot { 0% { transform: scale(180%) translateY(0); } 100%
{ transform: scale(0) translateY(-4000%); } } ೋ࣍ݩۭؒʹϘʔϧΛඈ͢
USBOTMBUF: USBOTMBUF: :࣠Ҡಈʹඈڑ
TDBMF TDBMF มഒʹٖࣅతͳߴ
TUBSU FOE BOJNBUJPOEVSBUJPO :࣠Ҡಈʷมഒ
ඈΜͩײ φΠεγϣοτ
ಧ͍ͨײ ⛳
Ϙʔϧ͕ಧ͘ ⛳
جͱඪͷؒʹ͋Δڑ Λೝࣝ͢Δ͜ͱͰʮಧ͘ʯײ֮ΛಘΔ 🏌 ⛳ Ϙʔϧ͕ಧ͘ ඪ
ࢹઢ͕͔͍͍͢ը໘தԝʹ γϯϘϧͱͯ͠ͷඪΛઃஔ ඪΛࣔ͢
ڑΛࢹ֮Խ͢Δ ඪ·ͰͷڑΛ ૬ରతʹදࣔ͢Δ͜ͱͰ ڑײΛ͔ͭΊΔΑ͏ʹ͢Δ
ඪ͕ઃఆ͞ΕΔ ͜Ε͘Β͍ Ε͍ͯΔ ͜͜ʹ ϘʔϧΛಧ͚Δ
෩ʹͨΊ͘ϐϯϑϥοά @keyframes flag { 0% { transform: scaleX(100%) skewY(0deg); }
20% { transform: scaleX(100%) skewY(-2deg); } 80% { transform: scaleX(96%) skewY(2deg); } 100% { transform: scaleX(100%) skewY(0deg); } }
ಈ͖ͷجʹϙʔϧଆ
USBOTGPSNPSJHJO DFOUFSMFGU ಈ͖ͷجʹϙʔϧଆ
:࣠ࣼʹ্Լͷಈ͖ USBOTGPSNPSJHJO DFOUFSMFGU TLFX: EFH TLFX: EFH
USBOTGPSNPSJHJO DFOUFSMFGU TLFX: EFH TLFX: EFH :࣠ࣼʹ্Լͷಈ͖
USBOTGPSNPSJHJO DFOUFSMFGU TLFX: EFH TLFX: EFH :࣠ࣼʹ্Լͷಈ͖
USBOTGPSNPSJHJO DFOUFSMFGU TDBMF 9࣠৳ॖʹલޙͷಈ͖
USBOTGPSNPSJHJO DFOUFSMFGU TDBMF 9࣠৳ॖʹલޙͷಈ͖
USBOTGPSNPSJHJO DFOUFSMFGU TDBMF TDBMF 9࣠৳ॖʹલޙͷಈ͖
ΧοϓΠϯ͢ΔϘʔϧ @keyframes cupIn { 0% { transform: translateY(0); } 20%
{ transform: translateY(-2px); } 50% { opacity: 1; transform: translateY(0px) scale(100%); } 100% { opacity: 0; transform: translateY(0px) scale(0); } }
TDBMF TDBMF มഒʹϘʔϧͷམԼ
ٵ͍ࠐ·ΕͨΑ͏ʹݟ͑Δ
ΧοϓΠϯͷϘʔϧͷಈ͖ ΧοϓͷͰਅԼʹམԼ͍ͯ͠Δ
ΧοϓΠϯͷϘʔϧͷಈ͖ ਐ͖ͯͨ͠Ϙʔϧʹ׳ੑ͕ಇ͘
TDBMF TDBMF USBOTMBUF: มഒʹϘʔϧͷམԼ USBOTMBUF: ׳ੑΛߟྀ͠
௨Γա͔͗ͯΒམԼͤ͞Δ
ಧ͍ͨײ φΠεγϣοτ
ΰϧϑײ 🏌🏌🏌
ಧ͘ ⛳ ඈͿ ଧͭ 🏌
ಧ͘ ⛳ ඈͿ ଧͭ 🏌 ଧͬͨײ0,
ಧ͘ ⛳ ඈͿ ଧͭ 🏌 ଧͬͨײ0, ඈΜͩײ0,
ಧ͘ ⛳ ඈͿ ଧͭ 🏌 ଧͬͨײ0, ඈΜͩײ0, ಧ͍ͨײ0,
ΰϧϑײ φΠεγϣοτ
·ͱΊ
ମײ֮Λઃܭ͢Ε GPSNΰϧϑʹͳΔ
IUUQTUBOHPMGIBUFMBCPKQ ͥͻ༡ΜͰͶ