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.3k
エンジニアとデザイナーが協働について本気出して考えてみた
2018/10/22 DXEL.2 エンジニアとデザイナーが「いい関係」を築くために
akatsuki174
October 22, 2018
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
34
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.4k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
390
オフライン勉強会ぼっち対策
akatsuki174
1
570
Xcode 15の新機能
akatsuki174
0
2.5k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.2k
Famm Android改善記
akatsuki174
0
340
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.4k
UIKitのアップデート #WWDC22
akatsuki174
4
1.2k
Other Decks in Design
See All in Design
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.4k
Design System for training program
mct
0
130
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.4k
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4.7k
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
820
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
280
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
300
Personal Story Sequence(WIP) - Younghoon Park
elrns88
0
260
Yahoo Newsletter Clicker Template
xuechunwu
0
290
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
260
Haruki_Konaka_Portforio.pdf
haruki556
0
650
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
510
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
327
38k
How GitHub (no longer) Works
holman
310
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Navigating Team Friction
lara
183
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Bash Introduction
62gerente
608
210k
Designing for humans not robots
tammielis
250
25k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ