デザイナーの私がVue.jsを触ってみた

by cotolier_risa

Slide 1

Slide 1 text

σβΠφʔͷࢲ͕ 7VFKTΛ৮ͬͯΈͨ IUUQTLGVHDPOOQBTTDPNFWFOU 7VFKT/VYUKT.FFUVQ0TBLB :BTVJ3JTB

Slide 2

Slide 2 text

:BTVJ3JTB 吳䒭⠓爡DIBUCPY رؠ؎ش٦ؿٗٝزؒٝسؒٝآص، !DPUPMJFS@SJTB DPUPMJFS3JTB

Slide 3

Slide 3 text

ͳͥ7VFKTΛ ֶ΅͏ͱࢥ͔ͬͨʁ ͸͡·Γ

Slide 4

Slide 4 text

ۀ຿Ͱ7VFΛ৮Δػձ͕૿͑ͨ 7VFͷ࢓૊Έ΍Կ͕Ͱ͖Δ͔Λ ΋ͬͱ஌Γ͍ͨʂ 7VFΛֶͼ͍ͨͱࢥͬͨཧ༝

Slide 5

Slide 5 text

࢓૊ΈΛߟྀͨ͠σβΠϯ͕Ͱ͖Δ ޻਺࡟ݮʹڠྗͰ͖Δ ࢓૊ΈΛ׆͔ͨ͠σβΠϯ͕࡞ΕΔ σβΠφʔ͕7VFΛ஌ΔϝϦοτ

Slide 6

Slide 6 text

σβΠφʔ΋ίʔσΟϯά΍ ϓϩάϥϛϯά͕Ͱ͖Δ΂͖ʁʁ ͱ͍͏ͱ

Slide 7

Slide 7 text

ඞͣ͠΋Ͱ͖Δඞཁ͸ͳ͍ͱࢥ͍·͢ʂ ຊਓͷ໨ࢦ͢εΩϧ ೚͞Ε͍ͯΔ࢓ࣄ಺༰ νʔϜͷεΩϧηοτ ͳͲͳͲɾɾɾ ؀ڥ࣍ୈͰඞཁʹͳΔεΩϧ͸ҟͳΔ

Slide 8

Slide 8 text

$PEF1FOΛ࢖ͬͯ 7VFKTΛ৮ͬͯΈͨ ͱͬͯ΋ॳ৺ऀ޲͚

Slide 9

Slide 9 text

7VFʹඞཁͳ খ೉͍͠؀ڥߏஙͳ͠Ͱ ͱΓ͋͑ͣ৮Δ͜ͱ͕Ͱ͖Δʂ ͳͥ$PEF1FOͳͷ͔ʁ

Slide 10

Slide 10 text

$PEF1FOΛ։͍ͯઃఆ͢Δ +4ͷࣃंϚʔΫΛΫϦοΫ 2VJDLBEE͔ΒʮK2VFSZʯͱʮ7VFʯΛબ୒ ͦΕͧΕͷ$%/ΛಡΈࠐΉ

Slide 11

Slide 11 text

σϞɿ7VFͷ࿅श@)FMMP8PSMEΛॻ͍ͯΈΔ IUUQTDPEFQFOJPZBVTJSJTBQFOH,;,#K ެࣜυΩϡϝϯτ IUUQTKQWVFKTPSHWHVJEFJOEFYIUNM ̎)FMMP8PSMEΛॻ͍ͯΈΔ

Slide 12

Slide 12 text

7VFߏจʹ͍ͭͯ 7VFͰܭࢉͨ͠Γɺऔಘͨ͠σʔλΛ )5.-ʹ൓ө͢Δ͜ͱ͕Ͱ͖Δ ίί·ͰͰΘ͔ͬͨ͜ͱ

Slide 13

Slide 13 text

7VFKTΛ࢖ͬͯ ؆୯ͳλεΫϦετΛ࡞Δ ॳ৺ऀ޲͚7VFϨοεϯ

Slide 14

Slide 14 text

λεΫϦετ׬੒Πϝʔδ

Slide 15

Slide 15 text

σϞɿ7VFͷ࿅श@Ϧετͷ࡞੒ IUUQTDPEFQFOJPZBVTJSJTBQFO8Z-Z:# )5.-ͰϦετදݱ λεΫϦετͷ഑ྻΛ࡞Δ ·ͣ͸Ϧετͷ෦෼Λ࡞ͬͯΈΔ

Slide 16

Slide 16 text

ࢦఆ͞ΕͨཁૉΛ܁Γฦͯ͠ ഑ྻ಺ͷσʔλΛදࣔ͢Δ͜ͱ͕Ͱ͖Δ WGPSΛ࢖ͬͯΈΑ͏

Slide 17

Slide 17 text

7VFଆͰ༷ʑͳσʔλΛอ࣋Ͱ͖Δ 7VFͷ഑ྻΛར༻ͯ͠ಉ͡ίϯϙʔωϯτ ɹΛ܁Γฦ͢͜ͱ͕؆୯ʹͰ͖Δ ίί·ͰͰΘ͔ͬͨ͜ͱ

Slide 18

Slide 18 text

σϞɿ7VFͷ࿅श@ϑΥʔϜͷ࡞੒ IUUQTDPEFQFOJPZBVTJSJTBQFO+;X#C. )5.-ͰϑΥʔϜදݱ ̎λεΫ௥ՃϑΥʔϜͷ෦෼Λ࡞ͬͯΈΔ

Slide 19

Slide 19 text

WNPEFMΛ࢖ͬͯΈΑ͏ ϑΥʔϜʹೖྗ͞Εͨ஋Λ औಘ͢Δ͜ͱ͕Ͱ͖Δ

Slide 20

Slide 20 text

ΫϦοΫΠϕϯτΛऔಘͯ͠ ॲཧΛݺͼग़͢ WPODMJDLΛ࢖ͬͯΈΑ͏

Slide 21

Slide 21 text

)5.-ଆͰೖྗ͞Εͨ஋Λ؆୯ʹѻ͑Δ WPOΛ࢖͑͹༷ʑͳΠϕϯτΛͱΕΔ NFUIPETΛݟΕ͹ͲΜͳॲཧΛ ɹߦ͍ͬͯΔ͔͕Θ͔Δ ίί·ͰͰΘ͔ͬͨ͜ͱ

Slide 22

Slide 22 text

$PEF1FOΛ࢖͑͹ϋʔυϧͷߴ͍ ؀ڥߏஙͳ͠Ͱ7VFΛ৮Δ͜ͱ͕Ͱ͖Δ ίʔυ͕γϯϓϧͰΘ͔Γ΍͍͢ ·ͣ͸؆୯ͳ͜ͱ͔ΒॳΊͯΈΔͱ ɹֶָ͘͠Ϳ͜ͱ͕Ͱ͖Δ ɹ ·ͱΊʂ

Slide 23

Slide 23 text

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