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
530
P3インスタンスではじめるDeep Learningと画像レコメンド
dmmlabo
2
3.3k
DMM.comのサービス開発におけるGitHub Enterprise活用の舞台裏
dmmlabo
2
980
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.6k
Other Decks in Design
See All in Design
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
AIで加速するアクセシビリティのこれから
magi1125
3
540
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
410
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
670
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
430
今日から意識できるアクセシビリティ
fumiko
0
240
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
0
1.2k
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
240
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
150
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Fireside Chat
paigeccino
37
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Gamification - CAS2011
davidbonilla
81
5.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
The Cult of Friendly URLs
andyhume
79
6.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Music & Morning Musume
bryan
46
6.6k
It's Worth the Effort
3n
185
28k
A Modern Web Designer's Workflow
chriscoyier
694
190k
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 ૬ޓʹӨڹ͠߹͑ΔΑ͏ͳڥ࡞Γ
ͦΜͳ%..Ͱ Ұॹʹಇؒ͘Λืू͍ͯ͠·͢ʂ
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠