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
240
1
Share
コワくないJS:オープニングトーク
コワくない.jsでのオープニングトークで、「コワい」の定義をしました。
Emi MATSUDA
January 31, 2017
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
250
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
130
コワくない.js1@フレームワークの話
matsudaemi
0
210
リアルパンくずナビLT
matsudaemi
0
840
Other Decks in Programming
See All in Programming
OSもどきOS
arkw
0
360
色即是空、空即是色、データサイエンス
kamoneggi
1
250
tsserverとは何だったのか、これからどうなるのか
nowaki28
1
430
Signal Forms: Beyond the Basics @ngBaguette 2026 in Paris
manfredsteyer
PRO
0
190
[KCD Czech] eBPF Meets the GPU: Future of AI Infra Observability
doniacld
0
130
次世代リンターで探る、tsgo 時代における型認識カスタムルールの現実解
ytakahashii
3
1.4k
Modding RubyKaigi for Myself
yui_knk
0
830
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
310
Transactional Change Stream Processing With Debezium and Apache Flink
gunnarmorling
1
140
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
310
AI駆動開発で崩れていくコードベースを立て直す
kyoko_nr_nr
1
400
Featured
See All Featured
Designing Powerful Visuals for Engaging Learning
tmiket
1
390
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Building Applications with DynamoDB
mza
96
7.1k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
430
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
830
Site-Speed That Sticks
csswizardry
13
1.2k
Deep Space Network (abreviated)
tonyrice
0
160
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
240
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
170
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ΛΑΖ͘͠ʙʢɾТɾʣϊ