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
850
Other Decks in Programming
See All in Programming
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
140
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
contour_gara
0
400
継続モナドとリアクティブプログラミング
yukikurage
3
700
Foundation Models frameworkで画像分析
ryodeveloper
1
600
Detecting Compromised CI with eBPF and Cilium Tetragon
lizrice
0
170
夏だ!祭りだ!祭りとはドメインモデリングでは?
ryugen04
0
200
20260722_microCMSで考える、AI時代のコンテンツ運用設計
yosh1
0
380
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
670
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
seike460
PRO
1
540
数百円から始めるRuby電子工作
tarosay
0
140
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
18k
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
rick_ds
0
490
Featured
See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Marketing to machines
jonoalderson
1
5.7k
Speed Design
sergeychernyshev
33
2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Paper Plane
katiecoart
PRO
2
52k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
170
Practical Orchestrator
shlominoach
191
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
650
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
990
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
640
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ΛΑΖ͘͠ʙʢɾТɾʣϊ