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
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
120
私が変えてきたこと、変えなかったこと
akatsuki174
2
850
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
200
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
98
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
Other Decks in Design
See All in Design
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
540
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
550
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
160
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
110
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
240
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
520
AIで加速するアクセシビリティのこれから
magi1125
3
670
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
460
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
696
190k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
187
55k
Docker and Python
trallard
45
3.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
The Cult of Friendly URLs
andyhume
79
6.6k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Automating Front-end Workflow
addyosmani
1370
200k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
BBQ
matthewcrist
89
9.8k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ