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
コワくないJS:オープニングトーク
Search
Emi MATSUDA
January 31, 2017
Programming
1
220
コワくないJS:オープニングトーク
コワくない.jsでのオープニングトークで、「コワい」の定義をしました。
Emi MATSUDA
January 31, 2017
Tweet
Share
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
240
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
120
コワくない.js1@フレームワークの話
matsudaemi
0
200
リアルパンくずナビLT
matsudaemi
0
790
Other Decks in Programming
See All in Programming
0から始めるモジュラーモノリス-クリーンなモノリスを目指して
sushi0120
1
280
Reactの歴史を振り返る
tutinoko
1
180
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
480
Flutterと Vibe Coding で個人開発!
hyshu
1
250
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
10
1.8k
Understanding Ruby Grammar Through Conflicts
yui_knk
1
110
decksh - a little language for decks
ajstarks
4
21k
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
290
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
110
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
230
Nuances on Kubernetes - RubyConf Taiwan 2025
envek
0
170
#QiitaBash TDDで(自分の)開発がどう変わったか
ryosukedtomita
1
370
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
890
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Faster Mobile Websites
deanohume
309
31k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Speed Design
sergeychernyshev
32
1.1k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Automating Front-end Workflow
addyosmani
1370
200k
Transcript
ίϫ͘ͳ͍KTW ίϫ͘ͳ͍ΦʔϓχϯάτʔΫ UVF ʮίϫ͍ʯ+4ͱ ʮίϫ͘ͳ͍ʯ+4ͷ ఆٛɻ
ʮίϫ͍ʯͬͯʁ
ʮ+4͕ίϫ͍ʯͱࢥ͏ཁૉ w Θ͔Βͳ͍༻ޠ͕͍ͬͺ͍ग़ͯ͘Δ w αϯϓϧ͕ԿʹͲ͏ศརͳͷ͔ʢԿ͕Ͱ͖Δͷ͔ʣ ͕Θ͔Βͳ͍ w ͳͷʹղઆʮΘ͔ͬͯΔલఏʯͰ͕ਐΉ
ʮ+4͕ίϫ͍ʯͱࢥ͏ཁૉ w ͦͦϓϥάΠϯͷ͍ํΑ͘Θ͔Βͳ͍͔Βί ϐϖͩ͠ w ϓϥάΠϯͬͯͯʮίίม͍͑ͨʯͬͯࢥͬͯ Ͳ͏͍͍͔ͯ͠Θ͔Βͳ͍ w K2VFSZ͑Δ͚ͲɺΘͳ͍ͭͬͯԿ͕Ͳ͏ ͳͬͯΔͷʁ
ʮ+4͕ίϫ͍ʯͱࢥ͏ཁૉ w ͳΜ͔ʮ͔Βͳ͍ʯ͍ͬͯ͏ͱʮάάΕʯͱౖ͔ ΒΕΔ w ͦͦάάΓํΘ͔ΒΜ͠ʼʻ w ͳʹ͕͔ΒΜ͔͢Β͔ΒΜ
ʮ+4͕ίϫ͍ʯͱࢥ͏ཁૉ w ͔Βͳ͍͍ͬͯ͏ͱόΧʹ͞ΕΔΜ͡Όͳ͍͔Ϗ ΫϏΫ w ͬͯܟԕͯ͠Δؒʹɺ৽͍͜͠ͱ૿͑͗͢ʼʻ w ͦΕΘ͔ͬͯΔલఏͰίτ͕ਐΜͰ͘͠ʼʻ
ʮ+4ษڧձʯͷΠϝʔδ w ͳΜ͔εΰ͍ਓ͔ͬΓͳΠϝʔδɻΘ͔Μͳ͍ਓ ͕ߦͬͯBXBZͩΑͶɻ w ͦΜͳͱͩ͜ͱʮΘ͔Μͳ͍ʯͬͯݴ͑ͳ͍ɻόΧ ʹ͞Εͦ͏ɻ
ʮ+4ษڧձʯͷΠϝʔδ w ͦͦʮΘ͔Μͳ͍ʯ͔Βษڧ͍ͨ͠ͷʹʮΘ͔ Μͳ͍ʯͱࢀՃͰ͖ͳͦ͞͏ɻ w Θ͔Μͳͯ͘ࢀՃ͠ͳ͍Ͱܟԕͯ͠Δͱͳ͓͞Βஔ ͍͍͔ͯΕͦ͏ɻ
ʮ͔Βͳ͍ʯʹʮίϫ͍ʯʂ
ʮ͔Βͳ͍ʯʮෆ҆Λ͓͋Δʯɻ w ༓ྶͷɹਖ਼ମΈͨΓɹރΕඌՖ
ʮ͔Βͳ͍ʯʮෆ҆Λ͓͋Δʯɻ w ͳΜΑʔΘ͔ΒΜ͚Ͳ ϑϠϑϠͯͯ͠ΩϞ͍ίϫ͍ˠ༓ྶʼʻ w ϑϠϑϠͯ͠Δͷ Α͘ΈͨΒΘ͔ͬͨˠͳΜɻεεΩΜɻ
ʮ͔Βͳ͍ʯʮෆ҆Λ͓͋Δʯɻ w Θ͔ͬͨΒɺͦΜͳίϫ͘ͳ͍ɻ
ʮίϫ͍ʯͷछྨΛݮΒͯ͠ΈΑ͏ɻ w ʮ+4͕ίϫ͍ʯͱʮ+4ษڧձ͕ίϫ͍ʯɺ ͕ͪ͏ɻ
ʮίϫ͍ʯͷछྨΛݮΒͯ͠ΈΑ͏ɻ w ʮ+4͕ίϫ͍ʯ ˠʮ͔Βͳ͍͜ͱ͕͍ͬͺ͍ʯ ˠʮ͔Βͳ͍ʯΛখ͚ʹͯ͠ɺ গͣͭ͠ʮ͔Βͳ͍ʯΛݮΒ͍ͯ͘͠ͷ͕େࣄɻ
ʮίϫ͍ʯͷछྨΛݮΒͯ͠ΈΑ͏ɻ w ʮ+4ษڧձ͕ίϫ͍ʯ ˠίϫ͘ͳ͍ษڧձΛ͕͢͞ɻ
ʮίϫ͍ʯͷछྨΛݮΒͯ͠ΈΑ͏ɻ w ͨͿΜɺʮ+4ษڧձ͕ίϫ͍ʯͷਓͷํ͕ଟ͍ʁ
͜ͷษڧձͰ ʮίϫ͍ਓʯΛېࢭ͠·͢ɻ
ʮίϫ͍ਓʯͷఆٛ w ͍͠༻ޠ͚ͩͰ͠ΌΔɻ w ࣗͷཧཧΛԡ͚͠Δɻ w ਓΛ൱ఆ͢ΔɻਓΛόΧʹ͢ΔɻਓΛݟԼ͢ɻ w ഁ͢Δɻ w
ϚαΧϦ͛Δɻ
͜͏͢Εʮίϫ͘ͳ͍ʯɻ w ฉ͍͍ͯΔਓʹΘ͔Γ͘͢͢ɻ w ଞͷਓͷΛःΒͣʹฉ͘ɻ൱ఆ͠ͳ͍ɻҰ୴ड͚ ೖΕ͔ͯΒɺࣗͷҙݟΛݴ͏ɻ
͜͏͢Εʮίϫ͘ͳ͍ʯɻ w ʮΘ͔Βͳ͍ʯΛେʹ͢Δɻ w ʮ͕ࣗਖ਼ղʯͬͯࢥ͍ࠐ·ͳ͍ɻਖ਼͍͑͠Λٻ Ίͳ͍ɻ
ϗϯτɺ +4ʹਖ਼ղͳΜ͔ͳ͍ɻ
ਖ਼͍͑͠ΛٻΊͳ͍ͱ͍͏͜ͱɻ w ʮ͜͏ॻ͔ͳ͍ͱಈ͔ͳ͍ʯ͋Δ͚Ͳ ʮ͜ͷॻ͖ํΫιʯɺ ͨͩͷཧݸਓతझຯɻઈରతͳՁͳ͍ɻ
ਖ਼͍͑͠ΛٻΊͳ͍ͱ͍͏͜ͱɻ w ͓ߦّΑͨ͘͠΄͏͕Α͍͚Ͳɺੜ·Εͳ͕Βʹ ͓ߦّͬͯΔࢠͱ͔͍ͳ͍ΑͶʁ গֶͣͭ͠ΜͰ͍ͬͨΒΑ͍Αɻ ͦΕΛ൱ఆ͢ΔͬͯͷɺΉ͠Ζ͓ߦّΘΔ͍ɻ w ͓ߦّʹྲྀʢXʣ͕͋ͬͨΓ͢Δ͠Ͷɻ w Ή͠Ζࢲ͓ߦّݟश͍͍ͨ͠ʢɾТɾʣ
ਖ਼͍͑͠ΛٻΊͳ͍ͱ͍͏͜ͱɻ w ͍ΖΜͳॻ͖ํ͕͋ͬͯΑ͍ɻͦͷͨΊͷ+4ͳΜ ͔ͩΒɻ w ଞͷݴޠͱൺֱͯ͠ҙຯ͕ͳ͍ɻ
ίϫ͘ͳΜ͔ɺͳ͍Αɻ w ࠓ·ͰͷਓੜͰ͍ΖΜͳ͜ͱΛ͓ษڧ͖ͯͨ͠Α͏ ʹɺগͣͭ͠ɺࠜؾΑ͘ɻ
ίϫ͘ͳΜ͔ɺͳ͍Αɻ w +4ίϫ͍ʼʻ +4ίϫ͍Αʔʼʻ Ͱͳ͘ɻ
ίϫ͘ͳΜ͔ɺͳ͍Αɻ w +4ίϫ͍ʢɾТɾʣ +4ʁ ͋ʔίϫ͍ͳʔ ͬͱͪΐ͏͍ͩ ͘Β͍ʹͳΔͱخ͍͠Ͱ͢ʈʈ
ͱɺ͍͏Θ͚Ͱɻ w ίϫ͘ͳ͍KTΛΑΖ͘͠ʙʢɾТɾʣϊ