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.2k
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
410
P3インスタンスではじめるDeep Learningと画像レコメンド
dmmlabo
2
2.9k
DMM.comのサービス開発におけるGitHub Enterprise活用の舞台裏
dmmlabo
2
800
Digdagを導入してみて
dmmlabo
8
3.7k
DMM.comラボにおける Scality Ring 活⽤事例
dmmlabo
0
870
デジタルコンテンツの安定配信とコスト削減の両立を実現したシステム刷新
dmmlabo
1
2.6k
DMM CM AWAEDS におけるフロントエンド技術選定について
dmmlabo
1
1.3k
エンジニアのパフォーマンス・モチベーション管理
dmmlabo
1
1.3k
AWSエンジニアがオンプレミスと対峙するとき
dmmlabo
2
5.3k
Other Decks in Design
See All in Design
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
500
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
250
ウェブディレクターを救うBacklog
wattlaa
0
280
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
170
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
190
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
実案件でのFigmaデータの作り方
xxxkinu
2
220
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
31
2.6k
文化に寄りそうデザイン
recruitengineers
PRO
4
910
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
360
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
300
Featured
See All Featured
A Tale of Four Properties
chriscoyier
150
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Bash Introduction
62gerente
604
210k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
GraphQLとの向き合い方2022年版
quramy
31
12k
What's in a price? How to price your products and services
michaelherold
237
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
The Language of Interfaces
destraynor
151
23k
What the flash - Photography Introduction
edds
64
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
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 ૬ޓʹӨڹ͠߹͑ΔΑ͏ͳڥ࡞Γ
ͦΜͳ%..Ͱ Ұॹʹಇؒ͘Λืू͍ͯ͠·͢ʂ
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠