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
エンジニアとデザイナーが協働について本気出して考えてみた
Search
akatsuki174
October 22, 2018
Design
2
6.4k
エンジニアとデザイナーが協働について本気出して考えてみた
2018/10/22 DXEL.2 エンジニアとデザイナーが「いい関係」を築くために
akatsuki174
October 22, 2018
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
私が変えてきたこと、変えなかったこと
akatsuki174
2
850
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
200
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
95
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.7k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
460
オフライン勉強会ぼっち対策
akatsuki174
1
660
Xcode 15の新機能
akatsuki174
0
2.8k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.4k
Famm Android改善記
akatsuki174
0
390
Other Decks in Design
See All in Design
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
160
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
130
freee + Product Design FY25Q4
freee
4
16k
デザイナー向けフライル説明資料
toshiblues
0
110
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
marietournelle35
0
120
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
430
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
160
Cyber Heart Online Book
hjnasby
0
170
CMS管理画面のアクセシビリティ
magi1125
8
2.4k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.2k
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Building Adaptive Systems
keathley
43
2.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Site-Speed That Sticks
csswizardry
10
800
Scaling GitHub
holman
463
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
900
Optimizing for Happiness
mojombo
379
70k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Automating Front-end Workflow
addyosmani
1370
200k
Transcript
ڠಇʹ͍ͭͯ ຊؾग़ͯ͠ߟ͑ͯΈͨ @akatsuki174 DXEL vol.2 ΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔʯΛஙͨ͘Ίʹ ΤϯδχΞͱ σβΠφʔ͕
ࣗݾհ
• ਢ౻ຘʢ@akatsuki174ʣ • גࣜձࣾZaim / iOSΤϯδχΞ • DXELओ࠵ • TECH
PLAYঁࢠ෦ ڞಉද • Women In Technology (WITY) ઃ ϝϯόʔ
None
ࠓͷ༰
ࣾͰͲ͏ͨ͠Β͍͍͔Μ͡ʹ ࿈ܞऔΕΔ͔σΟεΧογϣϯͨ͠
։࠵ͷܦҢ
ZaimͰͷίϛϡχέʔγϣϯ
ΤϯδχΞଆͷࢥ͍
σβΠφʔଆͷࢥ͍
ͱ͍͏͜ͱͰ • σΟεΧογϣϯͯ͠ΈΔ͜ͱʹ
͓ޓ͍ͷཁΛڞ༗
• ΤϯδχΞ → σβΠφʔ • σβΠφʔ → ΤϯδχΞ • ͦΕͧΕࢥͬͯΔ͜ͱɺཁΛᝦʹॻ͍ͨ
ΤϯδχΞ → σβΠφʔ • σβΠϯɺ༷ͷ͕ࠩΘ͔ΔΑ͏ʹ͍ͨ͠ • αΠζ͕มΘͬͨ࣌ͷࢦ͕ࣔ΄͍͠ • ϑΥϯτɺ৭ͳͲͷύλʔϯΛѲ͍ͨ͠ •
ͳͥͦͷσβΠϯʹͳͬͨͷ͔Γ͍ͨ • T͞ΜʢσβΠφʔʣ͕͏Ұਓ΄͍͠…
σβΠφʔ → ΤϯδχΞ • σβΠφʔʹͬͯ΄͍͜͠ͱ͕͋ΕΓ͍ͨ • σβΠϯϨϏϡʔͷఔ͕΄͍͠ • ϒϥϯσΟϯά͔ΒΤϯδχΞͱҰॹʹߟ͍͑ͨ •
iOS / Android / Web ؒͷใڞ༗Λ εϜʔζʹ͍ͨ͠
ղܾࡦͷܾఆ
1. ༷ॻͷ GitHub ཧ
ैདྷͷ༷ཧ • Qiita::teamɺεϓϨουγʔτ etc… • ݟͮΒ͍ • มߋཤྺΛ͍ʹ͍͘
৽ɾ༷ཧ • GitHub • มߋ͕͋ͬͨΒPull RequestΛग़͢ • มߋཤྺɺมߋҙਤΛͤΔ
2 . ༷͢Γ߹ΘͤMTGͷ࣮ࢪ
ैདྷͷ༷͢Γ߹Θͤ • Slack υΩϡϝϯτ্Ͱ࣮ࢪ • จࣈ͚ͩͩͱʑೝࣝᴥᴪ͕ൃੜ
৽ɾ༷͢Γ߹Θͤ • ର໘͢Γ߹ΘͤMTGͷ࣮ࢪ
3 . σβΠϯϨϏϡʔͷ࣮ࢪ
ैདྷͷσβΠϯϨϏϡʔ • େ͖Ίͷ։ൃʢϦχϡʔΞϧʣͰ࣮ࢪ • খ͞Ίͷ։ൃͰ࠷ޙͷσβΠφʔνΣοΫͳ͠ • ৭ͷมߋΕɺʮҧײʯ͕ൃੜ͢ΔͳͲ
৽ɾσβΠϯϨϏϡʔ • খ͞Ίͷ։ൃͰσβΠϯϨϏϡʔΛ࣮ࢪ
4. ঢ়گ֬ೝ MTG ͷ࣮ࢪ
ैདྷͷਐḿѲ • ΤϯδχΞ • ্͍༷͕͕ͭͬͯ͘Δͷ͔Θ͔Βͳ͍ • σβΠφʔ • ։ൃ͕ͲΕ͘Β͍ਐΜͰ͍Δͷ͔Θ͔Βͳ͍
৽ɾਐḿѲ • ਐḿঢ়گΛڞ༗͢Δ MTG Λຖि࣮ࢪ
5. UI Ξηοτͷཧ
UI Ξηοτཧͷࢥ͍ • ΤϯδχΞ • Կճ͏ϑΥϯτɺΧϥʔఆԽ ͓͖͍ͯͨ͠ • Ұؾʹมߋ͢Δ߹ͷ͍Ζ͍Ζɺ هड़ϛεͷൃੜΛةዧ
৽ɾUI Ξηοτཧ • ϑΥϯτɺΧϥʔͳͲΛ·ͱΊͨࢿྉΛ࡞Δ
6. ༷ॻ࡞ͷ୲
ैདྷͷ༷ॻ࡞୲ • σβΠφʔ͕ɺUI σβΠϯ͔Βࡉ͔͍༷ܾΊͷ ෦·Ͱͯ͢୲ • ͔ͳΓෛ୲͕͔͔͍ͬͯͨঢ়ଶ
৽ɾ༷ॻ࡞୲ • ΤϯδχΞͷํ͕ৄ͍͠෦ʹؔͯ͠ ΤϯδχΞଆͰ༷Λ࡞ • શମײͷௐͳͲ࠷ऴతͳ౷ׅσβΠφʔʹ
σΟεΧογϣϯޙ
͍͔࣮ͭ͘ӡ༻த… • ༷ͷGitHubཧ • ਐḿڞ༗MTGͷ࣮ࢪ • σβΠϯɾ༷ϨϏϡʔظؒΛΊʹ֬อ
࠷ޙʹ
• ΤϯδχΞͱσβΠφʔʮҟจԽਓʯ • ͓ޓ͍าΈدΔ͜ͱʹΑͬͯͬͱྑ͍ ϓϩμΫτ࡞Γ͕Ͱ͖Δͣ
ͱ͍͏͜ͱͰ
܅ڠಇʹ͍ͭͯ ߟ͑ͯΈͯΑ
͋ͱͰʢ࠙ձͰʣ ͑߹Θͤ͠Α͏
গ͠߹ͬͯΔ͔ͳʁ
͓ΘΓ
એ
None
None
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ