エンジニアとデザイナーが協働について本気出して考えてみた

by akatsuki174

Slide 1

Slide 1 text

ڠಇʹ͍ͭͯ ຊؾग़ͯ͠ߟ͑ͯΈͨ @akatsuki174 DXEL vol.2 ΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔ܎ʯΛஙͨ͘Ίʹ ΤϯδχΞͱ σβΠφʔ͕

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

• ਢ౻ຘʢ@akatsuki174ʣ • גࣜձࣾZaim / iOSΤϯδχΞ • DXELओ࠵ • TECH PLAYঁࢠ෦ ڞಉ୅ද • Women In Technology (WITY) ૑ઃ ϝϯόʔ

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

ࠓ೔ͷ಺༰

Slide 6

Slide 6 text

ࣾ಺ͰͲ͏ͨ͠Β͍͍͔Μ͡ʹ ࿈ܞऔΕΔ͔σΟεΧογϣϯͨ͠࿩

Slide 7

Slide 7 text

։࠵ͷܦҢ

Slide 8

Slide 8 text

ZaimͰͷίϛϡχέʔγϣϯ

Slide 9

Slide 9 text

ΤϯδχΞଆͷࢥ͍

Slide 10

Slide 10 text

σβΠφʔଆͷࢥ͍

Slide 11

Slide 11 text

ͱ͍͏͜ͱͰ • σΟεΧογϣϯͯ͠ΈΔ͜ͱʹ

Slide 12

Slide 12 text

͓ޓ͍ͷཁ๬Λڞ༗

Slide 13

Slide 13 text

• ΤϯδχΞ → σβΠφʔ • σβΠφʔ → ΤϯδχΞ • ͦΕͧΕࢥͬͯΔ͜ͱɺཁ๬Λ෇ᝦʹॻ͍ͨ

Slide 14

Slide 14 text

ΤϯδχΞ → σβΠφʔ • σβΠϯɺ࢓༷ͷࠩ෼͕Θ͔ΔΑ͏ʹ͍ͨ͠ • ୺຤αΠζ͕มΘͬͨ࣌ͷࢦ͕ࣔ΄͍͠ • ϑΥϯτɺ৭ͳͲͷύλʔϯΛ೺Ѳ͍ͨ͠ • ͳͥͦͷσβΠϯʹͳͬͨͷ͔஌Γ͍ͨ • T͞ΜʢσβΠφʔʣ͕΋͏Ұਓ΄͍͠…

Slide 15

Slide 15 text

σβΠφʔ → ΤϯδχΞ • σβΠφʔʹ஌ͬͯ΄͍͜͠ͱ͕͋Ε͹஌Γ͍ͨ • σβΠϯϨϏϡʔͷ޻ఔ͕΄͍͠ • ϒϥϯσΟϯά͔ΒΤϯδχΞͱҰॹʹߟ͍͑ͨ • iOS / Android / Web ؒͷ৘ใڞ༗Λ εϜʔζʹ͍ͨ͠

Slide 16

Slide 16 text

ղܾࡦͷܾఆ

Slide 17

Slide 17 text

1. ࢓༷ॻͷ GitHub ؅ཧ

Slide 18

Slide 18 text

ैདྷͷ࢓༷؅ཧ • Qiita::teamɺεϓϨουγʔτ etc… • ݟͮΒ͍ • มߋཤྺΛ௥͍ʹ͍͘

Slide 19

Slide 19 text

৽ɾ࢓༷؅ཧ • GitHub • มߋ͕͋ͬͨΒPull RequestΛग़͢ • มߋཤྺɺมߋҙਤΛ࢒ͤΔ

Slide 20

Slide 20 text

2 . ࢓༷͢Γ߹ΘͤMTGͷ࣮ࢪ

Slide 21

Slide 21 text

ैདྷͷ࢓༷͢Γ߹Θͤ • Slack ΍υΩϡϝϯτ্Ͱ࣮ࢪ • จࣈ͚ͩͩͱ౓ʑೝࣝᴥᴪ͕ൃੜ

Slide 22

Slide 22 text

৽ɾ࢓༷͢Γ߹Θͤ • ର໘͢Γ߹ΘͤMTGͷ࣮ࢪ

Slide 23

Slide 23 text

3 . σβΠϯϨϏϡʔͷ࣮ࢪ

Slide 24

Slide 24 text

ैདྷͷσβΠϯϨϏϡʔ • େ͖Ίͷ։ൃʢϦχϡʔΞϧ౳ʣͰ͸࣮ࢪ • খ͞Ίͷ։ൃͰ͸࠷ޙͷσβΠφʔνΣοΫͳ͠ • ৭ͷมߋ๨Εɺʮҧ࿨ײʯ͕ൃੜ͢ΔͳͲ

Slide 25

Slide 25 text

৽ɾσβΠϯϨϏϡʔ • খ͞Ίͷ։ൃͰ΋σβΠϯϨϏϡʔΛ࣮ࢪ

Slide 26

Slide 26 text

4. ঢ়گ֬ೝ MTG ͷ࣮ࢪ

Slide 27

Slide 27 text

ैདྷͷਐḿ೺Ѳ • ΤϯδχΞ • ͍ͭ࢓্༷͕͕ͬͯ͘Δͷ͔Θ͔Βͳ͍ • σβΠφʔ • ։ൃ͕ͲΕ͘Β͍ਐΜͰ͍Δͷ͔Θ͔Βͳ͍

Slide 28

Slide 28 text

৽ɾਐḿ೺Ѳ • ਐḿঢ়گΛڞ༗͢Δ MTG Λຖि࣮ࢪ

Slide 29

Slide 29 text

5. UI Ξηοτͷ੔ཧ

Slide 30

Slide 30 text

UI Ξηοτ؅ཧ΁ͷࢥ͍ • ΤϯδχΞ • Կճ΋࢖͏ϑΥϯτɺΧϥʔ͸ఆ਺Խ ͓͖͍ͯͨ͠ • Ұؾʹมߋ͢Δ৔߹ͷ͍Ζ͍Ζɺ هड़ϛεͷൃੜΛةዧ

Slide 31

Slide 31 text

৽ɾUI Ξηοτ؅ཧ • ϑΥϯτɺΧϥʔͳͲΛ·ͱΊͨࢿྉΛ࡞Δ

Slide 32

Slide 32 text

6. ࢓༷ॻ࡞੒ͷ෼୲

Slide 33

Slide 33 text

ैདྷͷ࢓༷ॻ࡞੒෼୲ • σβΠφʔ͕ɺUI σβΠϯ͔Βࡉ͔͍࢓༷ܾΊͷ ෦෼·Ͱ͢΂ͯ୲౰ • ͔ͳΓෛ୲͕͔͔͍ͬͯͨঢ়ଶ

Slide 34

Slide 34 text

৽ɾ࢓༷ॻ࡞੒෼୲ • ΤϯδχΞͷํ͕ৄ͍͠෦෼ʹؔͯ͠͸ ΤϯδχΞଆͰ࢓༷Λ࡞੒ • શମײͷௐ੔ͳͲ࠷ऴతͳ౷ׅ͸σβΠφʔʹ

Slide 35

Slide 35 text

σΟεΧογϣϯޙ

Slide 36

Slide 36 text

͍͔࣮ͭ͘ӡ༻த… • ࢓༷ͷGitHub؅ཧ • ਐḿڞ༗MTGͷ࣮ࢪ • σβΠϯɾ࢓༷ϨϏϡʔظؒΛ௕Ίʹ֬อ

Slide 37

Slide 37 text

࠷ޙʹ

Slide 38

Slide 38 text

• ΤϯδχΞͱσβΠφʔ͸ʮҟจԽਓʯ • ͓ޓ͍าΈدΔ͜ͱʹΑͬͯ΋ͬͱྑ͍ ϓϩμΫτ࡞Γ͕Ͱ͖Δ͸ͣ