Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
コワくないJS:オープニングトーク
Search
Emi MATSUDA
January 31, 2017
Programming
1
230
コワくない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
800
Other Decks in Programming
See All in Programming
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
400
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
150
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
clockmaker
18
7.4k
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
220
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
AIコーディングエージェント(Gemini)
kondai24
0
220
Findy AI+の開発、運用におけるMCP活用事例
starfish719
0
350
Developing static sites with Ruby
okuramasafumi
0
290
リリース時」テストから「デイリー実行」へ!開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
goataka
0
130
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
330
愛される翻訳の秘訣
kishikawakatsumi
3
320
WebRTC と Rust と8K 60fps
tnoho
2
2k
Featured
See All Featured
Navigating Team Friction
lara
191
16k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Agile that works and the tools we love
rasmusluckow
331
21k
Become a Pro
speakerdeck
PRO
31
5.7k
For a Future-Friendly Web
brad_frost
180
10k
Statistics for Hackers
jakevdp
799
230k
Making Projects Easy
brettharned
120
6.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
A better future with KSS
kneath
240
18k
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ΛΑΖ͘͠ʙʢɾТɾʣϊ