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.5k
エンジニアとデザイナーが協働について本気出して考えてみた
2018/10/22 DXEL.2 エンジニアとデザイナーが「いい関係」を築くために
akatsuki174
October 22, 2018
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
510
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
800
私が変えてきたこと、変えなかったこと
akatsuki174
2
980
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
250
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
130
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
6k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
500
オフライン勉強会ぼっち対策
akatsuki174
1
690
Xcode 15の新機能
akatsuki174
0
2.9k
Other Decks in Design
See All in Design
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
950
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
Correspondence:共に生成していく過程
akiramotomura
0
190
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
250
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
1
900
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
240
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
670
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
3.1k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.3k
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
680
mount_company_profile
mount_inc
0
5k
デザインするために「多様性」について考える
iflection
0
190
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
225
10k
Practical Orchestrator
shlominoach
191
11k
How to build a perfect <img>
jonoalderson
1
4.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
340
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
330
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
How to Think Like a Performance Engineer
csswizardry
28
2.5k
Chasing Engaging Ingredients in Design
codingconduct
0
120
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
GitHub's CSS Performance
jonrohan
1032
470k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
160
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
͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ