Tweet
Tweet

Slide 1

Slide 1 text

৽نαʔϏεʹ͓͚Δ σβΠφʔͱΤϯδχΞͷؔΘΓํ หޢ࢜υοτίϜגࣜձࣾ ྛ و༸ Designer Meetup+ #02ʮσβΠφʔͱΤϯδχΞͷؔΘΓํ2.0ʯ

Slide 2

Slide 2 text

ྛ و༸ หޢ࢜υοτίϜגࣜձࣾ
 
 หޢ࢜޲͚SaaSͷσβΠϯ୲౰ αʔϏεاըɺUIઃܭɾσβΠϯɺϏδϡΞϧσβΠϯ ϑϩϯτΤϯυ(Vue.js)ɺӦۀɺϢʔβʔίϛϡχέʔγϣϯ @taka_piya ͸΍͠ ͔ͨͻΖ

Slide 3

Slide 3 text

ࠓ೔ͷτϐοΫ ॳΊͯαʔϏεΛ্ཱͪ͛ͨσβΠφʔ͕ࢥ͏ ૣ͘ؾ͚ͮ͹ྑ͔ͬͨ͜ͱ

Slide 4

Slide 4 text

͏ͪΘλΠϜ σβΠφʔɾΤϯδχΞͰҰॹʹ ࢓༷ܾΊͨΓɺ࡞ͬͨΓ͍ͯ͠Δํ

Slide 5

Slide 5 text

ࣗ෼͕ࣦഊͨ͜͠ͱ ϓϩτλΠϐϯάΛԿ౓࡞ͬͯ΋ νʔϜͷೝ͕ࣝ·ͱ·Βͣ࣌ؒΛফඅ

Slide 6

Slide 6 text

ࣦഊͷݪҼ UIΛى఺ʹίϛϡχέʔγϣϯΛ औ͍͔ͬͯͨΒζϨ͕ੜͨ͡

Slide 7

Slide 7 text

ͭ·Δͱ͜Ζ ݟͨ໨ͷ͍͍UIΛ࡞Ζ͏ͱ͍ͯͨ͠

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Ͳ͏ͯ͜͠ͷUIͷߏ଄ͳͷ͔ʁ

Slide 10

Slide 10 text

Ͳ͏ͯ͜͠ͷUIͷߏ଄ͳͷ͔ʁ UI͸ԿΛදݱ͍ͯ͠Δͷ͔ʁ

Slide 11

Slide 11 text

Ͳ͏ͯ͜͠ͷUIͷߏ଄ͳͷ͔ʁ UI͸ԿΛදݱ͍ͯ͠Δͷ͔ʁ ϓϩμΫτ͸ԿΛදݱ͍ͯ͠Δͷ͔ʁ

Slide 12

Slide 12 text

Q. ϓϩμΫτ͸ԿΛ දݱ͍ͯ͠Δͷ͔?

Slide 13

Slide 13 text

A. ϓϩμΫτ͸ ʮ৘ใʯΛදݱ͍ͯ͠Δ

Slide 14

Slide 14 text

਎ͷճΓʹ͋;ΕΔσʔλɺ ͋Δ͍͸ίϯςϯπʹ ʮ·ͱ·ΓʯΛ͚ͭɺ ͦ͜ʹԿΒ͔ͷʮடং(จ຺)ʯΛ ༩͑Δ ৘ใσβΠϯೖ໳―Πϯλʔωοτ࣌୅ͷදݱज़

Slide 15

Slide 15 text

Ϣʔβʔ͕ ԿΛݟ͍ͯΔ͔ ৘ใͷύλʔϯ΋ൃࢄ ࣮૷ύλʔϯ͕ൃࢄ ৘ใͷύλʔϯ͕ແݶͰɺ͔Έ߹Θͳ͍ ͲΜͳ;͏ʹ
 ݟ͍͔͑ͨ UIΛى఺ʹ͢Δ

Slide 16

Slide 16 text

৘ใΛى఺ʹ͢Δ Ϣʔβʔʹ ৘ใ͕఻ΘΔ͔ Ұҙʹܾ·ͬͨ৘ใ ৘ใΛ຋༁ ৘ใͷύλʔϯ͕ݶΒΕ͍ͯΔͷͰἧ͍΍͍͢ ৘ใΛ͋ΒͤΔ UIύλʔϯΛબ୒

Slide 17

Slide 17 text

ϙΠϯτ ʮ৘ใʯ͕ى఺Ͱ͋Δ͜ͱΛ๨Εͳ͍

Slide 18

Slide 18 text

۩ମతʹ΍Δ͜ͱ

Slide 19

Slide 19 text

ݴ༿Λચ͍ग़͢ ϓϩμΫτͰͷ؊ͱͳΔʮҙຯͷ·ͱ·Γʯʹ ໊લΛ͚ͭɺ͍࣋ͬͯΔଐੑΛΈΜͳͰ߹ҙ͢Δ

Slide 20

Slide 20 text

ؔ܎ੑΛܾΊΔ ʮݴ༿ʯಉ࢜͸Ͳ͏͍͏ߏ଄Λ͍࣋ͬͯΔͷ͔Λ ΈΜͳͰ߹ҙ͢Δ

Slide 21

Slide 21 text

ߏ଄Λදݱ͢Δ ߹ҙͨ͠৘ใߏ଄͕දͤΔΑ͏ɺ
 σβΠφʔɾΤϯδχΞ͕ɺUI΍ίʔυʹ຋༁͢Δ

Slide 22

Slide 22 text

·ͱΊ ॳΊͯαʔϏεΛ্ཱͪ͛ͨσβΠφʔ͕ࢥ͏ ૣ͘ؾ͚ͮ͹ྑ͔ͬͨ͜ͱ

Slide 23

Slide 23 text

ίϛϡχέʔγϣϯ͸ʮ৘ใʯ͕ى఺Ͱ͋Δ

Slide 24

Slide 24 text

͓ΘΓ ৽نαʔϏεʹ͓͚Δ σβΠφʔͱΤϯδχΞͷؔΘΓํ