そのデザインにエンジニアは何を想う

by akatsuki174

Slide 1

Slide 1 text

@akatsuki174 ͦͷσβΠϯʹ ΤϯδχΞ͸ ԿΛ૝͏ DXEL3. ΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔ܎ʯΛஙͨ͘Ίʹ ʙ͓ޓ͍ͷ಄ͷதΛ஌Ζ͏ʙ

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

• ਢ౻ຘʢ@akatsuki174ʣ • גࣜձࣾZaim / iOSΤϯδχΞ • TechTrain ϝϯλʔ • ϋϯυϝΠυ࡞Ո • DXELओ࠵ • TECH PLAYঁࢠ෦ ڞಉ୅ද • Women In Technology (WITY) ૑ઃ ϝϯόʔ ͦͷଞॾʑ

Slide 4

Slide 4 text

ࠓ೔ͷ࿩

Slide 5

Slide 5 text

σβΠϯ͕౉͞Εͨ࣌ʹ ͍ͪiOSΤϯδχΞͰ͋Δࢲ͕ ԿΛߟ͑ɺԿΛ͢Δ͔ʹ͍ͭͯ ※λΠτϧͷओޠ͕σΧ͗ͨ͢͜ͱ͸͜͜ͰँΓ·͢ ͝ΊΜͳ͍͞ɻ

Slide 6

Slide 6 text

note

Slide 7

Slide 7 text

࿩ͷେ࿮

Slide 8

Slide 8 text

σβΠϯҊ ׬੒ ޻਺͕ ͲΕ͘Β͍͔ ͲΜͳઃܭΛ ͢Δ͔ Ͳ͏΍ͬͯ ࣮૷͢Δ͔ J04ͷੈքʹ ߹͍ͬͯΔ͔ ✨ ✨ ΋ͬͱྑ͘ Ͱ͖ͳ͍͔ ݕ౼࿙Ε͕ ͳ͍͔

Slide 9

Slide 9 text

̍ ݕ౼࿙Ε͕ͳ͍͔

Slide 10

Slide 10 text

ΤϯδχΞͷํ͕ৄ͍͜͠ͱ • ͲΜͳΤϥʔͷछྨ͕͋Δ͔ • ͲΜͳεςʔλε͕ଘࡏ͢Δ͔ • ෳ਺ͷ୺຤αΠζʹରԠͰ͖ͦ͏͔ • ٕज़తʹ࣮ݱՄೳ͔ • ʢ৽API͕ඞཁ͔ʣ

Slide 11

Slide 11 text

ύϑΥʔϚϯεʹ໰୊͕ͳ͍͔ • ॏ͍ॲཧ͕૸Δ৔߹ • Ϣʔβ΁ͷϑΟʔυόοΫ͸ඞཁͳ͍͔ • Ϣʔβૢ࡞ʹ੍ݶΛઃ͚ͳ͍͍͔ͯ͘

Slide 12

Slide 12 text

̎ ΋ͬͱྑ͘Ͱ͖ͳ͍͔

Slide 13

Slide 13 text

͜ΕͰ͖ΔΑతͳఏҊ • ಺෦࣮૷΍OS࠷৽ࣄ৘ʹΑΓৄ͍͠ͷ͸ ΤϯδχΞ • ΤϯδχΞ͔ͩΒͦ͜Ͱ͖ΔUIվળఏҊ΋͋Δ

Slide 14

Slide 14 text

ྫ͑͹… • ʮ͜ͷ࿈ܞઌʙʯͩͱந৅తͰΘ͔Γʹ͍͔͘΋ →ʮ○○ۜߦʯͱ͍͏໊લΛऔͬͯ͘Δͷ͸ ೉͘͠ͳ͍͔Βදࣔͯ͠Έͯ͸ʁ

Slide 15

Slide 15 text

̏ iOSͷੈքʹ߹͍ͬͯΔ͔

Slide 16

Slide 16 text

iOSͷੈք

Slide 17

Slide 17 text

Androidͷੈք

Slide 18

Slide 18 text

ੈք؍ɺOSඪ४UI͸େࣄʁ ͱͯ΋େࣄʂʢͩͱࢥ͏ʣ

Slide 19

Slide 19 text

࣮૷ίετ͕͔͔Βͳ͍ • ͢Ͱʹ༻ҙ͞Ε͍ͯΔUI෦඼Λ࢖͑Δ

Slide 20

Slide 20 text

ϝϯςφϯείετ͕௿͍ • ඪ४ͷ΋ͷͰ͋Ε͹ͪΌΜͱςετ͞ΕͯΔ ͸ͣͳͷͰɺOSόʔδϣϯΞοϓʹΑΔ ʮͳΜ͔Α͘Θ͔Βͳ͍͚Ͳڍಈ͕มΘͬͨʯ ౳ͷӨڹΛड͚ʹ͍͘

Slide 21

Slide 21 text

ҙࢥͷૄ௨͕औΓ΍͍͢ • ໊শ͕ҰൠԽ͞Ε͍ͯΔ • ࡉ෦Λࢦఆ͢Δඞཁ͕ͳ͍ • Ξχϝʔγϣϯͷඵ਺ • αΠζ etc…

Slide 22

Slide 22 text

Ϣʔβ͕ݟ׳Ε͍ͯΔ • ʮ͜ͷ෦඼͸͜͏Ώ͏;͏ʹ࢖͏΋ͷʯͱ આ໌͢Δඞཁ͕ͳ͍ • σβΠϯͱͯ͠ͷػೳΛՌͨ͠΍͍͢

Slide 23

Slide 23 text

ؔ࿈ࢿྉ̍

Slide 24

Slide 24 text

ؔ࿈ࢿྉ̎

Slide 25

Slide 25 text

̐ Ͳ͏΍࣮ͬͯ૷͢Δ͔

Slide 26

Slide 26 text

ྫ͑͹… ԫ৭view3͕ͭ ্ԼࠨӈதԝͬΆ͍

Slide 27

Slide 27 text

ྫ͑͹… ԫ৭view3ͭΛͽͬͨΓ෴͏ viewΛ࡞ΓɺͦΕʹ্Լࠨӈ தԝͷ੍໿ʢϧʔϧʣΛ ෇͚Ε͹ྑͦ͞͏

Slide 28

Slide 28 text

ϥΠϒϥϦಋೖͷݕ౼ • ϥΠϒϥϦ ≒ ൚༻తʹ࢖͑ΔΑ͏ʹ૊·Εͨ ϓϩάϥϜ • ෳࡶͰ࣮૷޻਺͕͔͔Γͦ͏ͳΒݕ౼ • άϥϑͷඳըͳͲ

Slide 29

Slide 29 text

͕ɺ҆қʹ͸ೖΕͳ͍ • ϥΠϒϥϦͷϝϯςφϯε͕ࢭ·ͬͨΒʁ • ΧελϚΠζ͠ʹ͔ͬͨ͘Βʁ • ศརػೳ͋Γ͗ͯ͢ॏ͔ͬͨΒʁ

Slide 30

Slide 30 text

̑ ͲΜͳઃܭΛ͢Δ͔

Slide 31

Slide 31 text

σβΠϯҊΛ࣮ݱ͢ΔͨΊʹ… • ઌͷʮͲ͏΍࣮ͬͯ૷͢Δ͔ʯʹ߹Θͤͯɺ Ͳ͏૊Έཱ͍͔ͯͯ͘Λߟ͑Δ

Slide 32

Slide 32 text

̒ ޻਺͕ͲΕ͘Β͍͔

Slide 33

Slide 33 text

্هίϛίϛͰߟ͑Δ • ԿʹͲΕ͘Β͍͔͔Δ͔ • Ͳ͕͜ϙΠϯτͳͷ͔ • ୅ସखஈͱͯ͠Կ͕ߟ͑ΒΕΔ͔

Slide 34

Slide 34 text

ϝοηʔδ

Slide 35

Slide 35 text

σβΠφʔ͞Μ΁ • σβΠϯʹ͍ͪΌ΋Μ෇͚ͯ͝ΊΜͳ͍͞ • UIվળ͸σβΠφʔ͚ͩͰ׬݁ͤ͞ͳͯ͘ • ͓ޓ͍ཧղ͠߹͓ͬͯ࢓ࣄ͠Α͏

Slide 36

Slide 36 text

͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ