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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
コワくないJS:オープニングトーク
コワくない.jsでのオープニングトークで、「コワい」の定義をしました。
Emi MATSUDA
January 31, 2017
More Decks by Emi MATSUDA
See All by Emi MATSUDA
CSSでblend-modeを使ってみよう!
matsudaemi
0
260
コワくないmicroInteractionの考え方・作り方
matsudaemi
0
130
コワくない.js1@フレームワークの話
matsudaemi
0
210
リアルパンくずナビLT
matsudaemi
0
840
Other Decks in Programming
See All in Programming
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
110
ローカルLLMでどこまでコードが書けるか -拡張版 / How much code can be written on a local LLM Extended
kishida
11
4.3k
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
540
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
geekplus_tech
0
400
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成(CC Night 2026)
wemra
1
140
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
150
技術記事、 専門家としてのプログラマ、 言語化
mizchi
13
6.3k
Oxlintのカスタムルールの現況
syumai
6
1.1k
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
wagyu
0
250
RTSPクライアントを自作してみた話
simotin13
0
620
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
licux
6
370
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
210
Featured
See All Featured
New Earth Scene 8
popppiees
3
2.3k
The browser strikes back
jonoalderson
0
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
970
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
600
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
850
The SEO Collaboration Effect
kristinabergwall1
1
490
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
250
Mind Mapping
helmedeiros
PRO
1
250
HDC tutorial
michielstock
2
720
Accessibility Awareness
sabderemane
1
140
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ΛΑΖ͘͠ʙʢɾТɾʣϊ