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
DMMに於ける技術導入はじめの一歩
Search
DMM.com
September 07, 2017
Design
1
1.3k
DMMに於ける技術導入はじめの一歩
17年8月22日に開催した #DMMmeetup DMMフロントエンド開発最前線にて発表した際の資料です
DMM.com
September 07, 2017
Tweet
Share
More Decks by DMM.com
See All by DMM.com
Neo4j with Spark for Big Data Analysis
dmmlabo
1
540
P3インスタンスではじめるDeep Learningと画像レコメンド
dmmlabo
2
3.3k
DMM.comのサービス開発におけるGitHub Enterprise活用の舞台裏
dmmlabo
2
1k
Digdagを導入してみて
dmmlabo
9
4.1k
DMM.comラボにおける Scality Ring 活⽤事例
dmmlabo
0
1.1k
デジタルコンテンツの安定配信とコスト削減の両立を実現したシステム刷新
dmmlabo
1
2.6k
DMM CM AWAEDS におけるフロントエンド技術選定について
dmmlabo
1
1.4k
エンジニアのパフォーマンス・モチベーション管理
dmmlabo
1
1.4k
AWSエンジニアがオンプレミスと対峙するとき
dmmlabo
2
5.7k
Other Decks in Design
See All in Design
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.3k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
500
株式会社バクタム 会社説明資料
bactum
0
300
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.6k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
710
Goodpatch Tour💙 / We are hiring!
goodpatch
31
880k
What makes a great Director?
_limex_
0
200
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
230
7 Core Values of Round-L
wired888
0
1.5k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
390
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.3k
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Automating Front-end Workflow
addyosmani
1370
200k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Building an army of robots
kneath
306
46k
Rails Girls Zürich Keynote
gr2m
95
14k
Practical Orchestrator
shlominoach
190
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Designing for humans not robots
tammielis
253
25k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Transcript
%..ʹԙ͚Δ ٕज़ಋೖ͡ΊͷҰา גࣜձࣾ%..DPNϥϘσβΠϯຊ෦ϑϩϯτΤϯυ։ൃ෦ ςΫχΧϧϦʔυࠤʑ྄জ
ࣗݾհ w ࠤʑ྄জ ͻΖ͖͋ w 8FCσβΠφˠιγϟή։ൃˠ8FC։ൃ w !EPVUPSJ w
ࣇͷύύ
ຊ͓͢Δ͜ͱ w %..ͷ։ൃମ੍ ৫ମ੍ w ٕज़ಋೖΛ࢝ΊΔʹ͋ͨͬͯͷ͏ͪͰͷࣄྫ w ࠓޙͷ՝
ຊ͓͠ͳ͍͜ͱ w ۩ମతͳٕज़ͷ w ࠓͬΆ͞Λ͍͔͚ଓ͚ΔϑϩϯτΤϯυ ք۾ͷ
͡Ίʹ
ϑϩϯτΤϯυ։ൃ෦ ϑϩϯτΤϯυ ։ൃ෦ઃཱ σβΠϯ෦ ϑϩϯτΤϯυνʔϜ ໊ ໊
໊
ϑϩϯτΤϯυ։ൃ෦ w ϑϩϯτΤϯυ։ൃ෦ɺࠓ݄ʹ৽ઃ w ݩσβΠϯ෦͖ͷϑϩϯτΤϯυνʔϜ w σβΠφ͔Βస͢Δέʔε͋ΓɺόοΫϘʔ ϯ͕ͦΕͧΕҧ͏
ςΫχΧϧϦʔυͷׂ ্࣭ɾ࣭୲อ ϑϩϯτΤϯυ։ൃ෦ͷྗఈ্͛ ։ൃͷޮԽͱ࠷େԽ ٕज़ྗ্
ςΫχΧϧϦʔυͷׂ (- -& -& -& 5- άϧʔϓ
ςΫχΧϧϦʔυͷׂ (- -& -& -& 5- άϧʔϓ
ςΫχΧϧϦʔυͷׂ (- -& 5- ϓϩμΫτͷՌʹΛෛ͏ਓ άϧʔϓͷӡӦʹΛෛ͏ਓ ෦ͷ ٕज़໘ ͷʹΛෛ͏ਓ
࣮ࡍͷମ੍ɺ w αʔϏεͷ͕ଟ͘ɺνʔϜ͕ଟ͍ w νʔϜʹΑͬͯઓྗ͕όϥόϥ w σβΠφ͕ଟ͍νʔϜ͋Δ w ϓϩμΫτͷՌɾ࣭શͯΞαΠϯ͞Ε ΔνʔϜྗʹ͔͔͍ͬͯΔ
ٕज़ಋೖΛ࢝ΊΔʹ͋ͨͬͯ ͔͜͜Βຊ
ʮٕज़ಋೖʯͱ ʮࠓ·Ͱʹ͍ͬͯͳ͔ͬͨ Εͳ͔ͬͨ ͜ͱΛ৽ͨʹಋೖ͢Δʯ ͱఆٛ͠·͢
Կ͔͠Β৽͍͜͠ͱΛಋೖ͢Δʹ ͜ΕΒΓ͍͢έʔεͰ͕͢ ͦ͏Ͱͳ͍߹ w ৽ن։ൃͳͲ۠Γ͕͍͍߹ w ࣾҊ݅ͳͲείʔϓ͕ߜΒΕ͍ͯΔ߹
w ։ൃͨ͠ޙͷӡ༻Ͳ͏͢ΔΜͰ͔͢ w ࠓ·ͰͷͷͰͳ͘ಈ͍͍ͯΔ w ͬͨ͜ͱͳ͍͜ͱʹର͢Δയવͱͨ͠ෆ҆ w ͦͦಋೖ͢Δඞཁ͕͋Δͷ͔Ͳ͏͔͕Θ͔Βͳ͍ w
Өڹൣғ͕େ͖͗ͯ͢ɺͲ͏ͳΔ͔Θ͔Βͳ͍ w ӡ༻ͰखҰഋͰɺ͕ͦͦऔΕͳ͍ w ଞ෦ͱͷௐʹίετ͕͔͔Δ
w ։ൃͨ͠ޙͷӡ༻Ͳ͏͢ΔΜͰ͔͢ w ࠓ·ͰͷͷͰͳ͘ಈ͍͍ͯΔ w ͬͨ͜ͱͳ͍͜ͱʹର͢Δയવͱͨ͠ෆ҆ w ͦͦಋೖ͢Δඞཁ͕͋Δͷ͔Ͳ͏͔͕Θ͔Βͳ͍ w
Өڹൣғ͕େ͖͗ͯ͢ɺͲ͏ͳΔ͔Θ͔Βͳ͍ w ӡ༻ͰखҰഋͰɺ͕ͦͦऔΕͳ͍ w ଞ෦ͱͷௐʹίετ͕͔͔Δ
՝νʔϜʹ ґͬͯόϥόϥ
ཁҼͷΓ͚ w ৺తཁҼ w ٕज़తཁҼ w ϦιʔεཁҼ w ֎తཁҼ ͪΐͬͱཁҼΛ͚ͯߟ͑ͯΈΔ
ཁҼͷΓ͚ w ৺తཁҼ w ٕज़తཁҼ w ϦιʔεཁҼ w ֎తཁҼ ͪΐͬͱཁҼΛ͚ͯߟ͑ͯΈΔ
͜ͷลԿͱ͔ͳΓͦ͏
DBTF w ଞνʔϜ͕ͲΜͳٕज़Λར༻͍ͯ͠Δ͔͍ ͔͚ΒΕͳ͍ʢ·ͨͦͷػձ͕ͳ͍ʣ w ଞڌͳ͜ͱ͋Γɺಈ͕ݟ͑ͮΒ͍
DBTF w ଞνʔϜ͕ͲΜͳٕज़Λར༻͍ͯ͠Δ͔͍ ͔͚ΒΕͳ͍ʢ·ͨͦͷػձ͕ͳ͍ʣ w ଞڌͳ͜ͱ͋Γɺಈ͕ݟ͑ͮΒ͍ νʔϜͰಋೖ͍ͯ͠Δٕज़ൃ৴ͷͷఏڙ w ִि։࠵ w
(PPHMFϋϯάΞτʹͯ৴
DBTF w ϢχοτςετΛಋೖ͍͕ͨ͠ݟ͕ͳ͍
DBTF w ϢχοτςετΛಋೖ͍͕ͨ͠ݟ͕ͳ͍ ڥಋೖɺαϙʔτ w 5-ओಋͰ։ൃϦϙδτϦʹڥΛ༻ҙ w খ͞ͳͱ͜Ζ͔Βίπίπ
DBTF w ϑϩϯτΤϯυΤϯδχΞͷϦιʔε͕Βͣ ɺ σβΠφʹίʔυΛॻ͍ͯΒ͍ͬͯΔ w ͨͩɺ࣭ͷ্͍ͨ͠ w ීஈͷίʔυϨϏϡʔ͚ͩͰݶք͕͋Δ
DBTF w ϑϩϯτΤϯυΤϯδχΞͷϦιʔε͕Βͣ ɺ σβΠφʹίʔυΛॻ͍ͯΒ͍ͬͯΔ w ͨͩɺ࣭ͷ্͍ͨ͠ w ීஈͷίʔυϨϏϡʔ͚ͩͰݶք͕͋Δ ଞ෦
σβΠφ ͱͷ࿈ܞڧԽ w σβΠφ͚ͷษڧձ։࠵
·ͱΊ w Ͳ͏ٕͬͯज़ΛΊ͍͔ͯ͘ըҰతͰ࣮֬ ͳਖ਼ղͳ͍ w ԿͷͨΊͷٕज़ͳͷ͔ɺతΛ໌֬ʹͯ͠ɺ νʔϜɾϓϩδΣΫτ୯ҐͰدΓఴͬͯҰॹ ʹࡧ͍ͯ͘͠
ࠓޙͷ՝ w ͍ࣗͯ͘͠νʔϜମ੍ w ςΫχΧϧϦʔυ͕ډͳͯͦ͘ΕͧΕ͕ ՝Λݟ͚ͭղܾ͍ͯ͘͠ w ϦʔυΤϯδχΞͷҭ w ૬ޓʹӨڹ͠߹͑ΔΑ͏ͳڥ࡞Γ
ͦΜͳ%..Ͱ Ұॹʹಇؒ͘Λืू͍ͯ͠·͢ʂ
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠