Vue.jsで作るAdobeXDプラグイン

Transcript

1. 7VFKTͰ࡞Δ
   "EPCF9%ϓϥάΠϯ TanakaMidnight 2018/05/24 VueJS Osaka
2. ࣗݾ঺հ ͨͳ͔͠Μ΍ !5BOBLB.JEOJHIU
   γεςϜΤϯδχΞ
   '+6( 'JSFCBTF
   +BQBO
   6TFS
   (SPVQ 0TBLB
   0SHBOJ[FS
   0DVMVT
   2VFTU
   "NB[PO೉ຽ
   
   
3. ໨࣍ ɾ"EPCF9%ͱ͸
   ɾ"EPCF9%ϓϥάΠϯͱ͸
   ɾͳͥ7VFͰ"EPCF9%ϓϥάΠϯΛ࡞Δͷ͔
   ɾσϞ
   ɾ·ͱΊ
4. "EPCF9%ͱ͸ʁ
5. "EPCF9%ͱ͸ʁ ɾ8FC΍ΞϓϦΛ࡞Δҝͷ6*69σβΠϯπʔϧ
   ɾը໘ભҠͱ͔͕ग़དྷΔΠϥϨΈ͍ͨͳײ͡ʁ
   ɾελʔλʔϓϥϯ͸ແྉɻ
   ɾνʔϜͰ࢖ΘͣɺਓͰ࢖͏෼ʹ͸ແྉͰे෼ɻ
   ɾ࠷ۙ͸ը໘෇͖76*༻ΞϓϦͷσβΠϯ΋Մೳʹɻ
6. "EPCF9%
   ϓϥάΠϯͱ͸ʁ
7. "EPCF9%ϓϥάΠϯͱ͸ʁ ɾ൓෮ૢ࡞΍ɺ໘౗ͰෳࡶͰ൓෮తͳσβΠφʔϫʔΫ ϑϩʔͷҰ෦ΛࣗಈԽͰ͖Δ
   ɾϓϥάΠϯ͸9%ΞϓϦ͔ΒΠϯετʔϧՄೳ
   ɾ"1*͕Ұൠެ։͞Ε͓ͯΓɺࣗ༝ʹ։ൃՄೳ
   ɾ)5.-
   +BWBTDSJQUͰهड़͢Δ
8. "EPCF9%
   ϓϥάΠϯͰ
   ग़དྷΔ͜ͱ
9. "EPCF9%ϓϥάΠϯͰग़དྷΔ͜ͱ ɾ܁Γฦ͠࡞ۀΛࣗಈԽ͢Δ
   ɾΞηοτ΍σʔλΛಡΈࠐΈσβΠϯʹ൓ө͢Δ
   ɾσβΠϯΛڞ༗͢ΔͨΊʹॻ͖ग़͢
   ɾσβΠϯཁૉͷௐ੔΍֬ೝΛߦ͏
10. "EPCF9%ϓϥάΠϯͰग़དྷΔ͜ͱ ɾϔουϨεεΫϦϓτͷ࣮ߦ
    ɾϞʔμϧμΠΞϩά )5.- ͷදࣔ
11. Ұྫ
12. (PPHMF
    4IFFUT
    GPS
    9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
13. (PPHMF
    4IFFUT
    GPS
    9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
14. 4UBSL
    GPS
    9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
15. 4UBSL
    GPS
    9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
16. "EPCF9%
    ϓϥάΠϯ։ൃͰ࢖͑Δ
    +BWBTDSJQU
17. "EPCF9%ϓϥάΠϯ։ൃͰ࢖͑Δ+BWBTDSJQU ɾ&4͸࢖͑Δ
    ɾ&4͸Ұ෦࢖͑Δ MFUDPOTU
    BTZODBXBJU
    ɾ/PEFKT
    "1*͸αϙʔτ͞Εͳ͍
18. "EPCF9%
    ϓϥάΠϯΛ
    ͳͥ7VFͰ
    ॻ͘ͷ͔
19. "EPCF9%ϓϥάΠϯΛͳͥ7VFͰॻ͘ͷ͔ ɾ୯ҰϑΝΠϧίϯϙʔωϯτͰΘ͔Γ΍͘͢ॻ͚Δ
    ɾެ͕ࣜαϯϓϧ༻ҙͯ͘͠ΕͯΔ
    ɾૉͷ)5.-͝Γ͝Γ͢ΔΑΓϦετϨϯμϦϯά
 ɹͱ͔ͷ੍ޚָ͕
    ɾͨͩɺѹ౗తϝϦοτ͸ͦ͜·Ͱײ͡ͳ͍
 ɹ ݸਓͷײ૝Ͱ͢
20. ࣌ؒ͋Ε͹σϞ
21. 7VFKT࢖Θͣʹॻ͍ͨ৔߹ɻ dҎ߱ɺ%0.ͷੜ੒ٴͼॲཧίʔυ͕ଓ͘ɻ ެࣜαϯϓϧίʔυΑΓൈਮ https://github.com/AdobeXD/plugin-samples/tree/master/ui-hello
22. 7VFKT࢖ͬͯॻ͍ͨ৔߹ɻ ςϯϓϨʔτ෦෼ ެࣜαϯϓϧίʔυΑΓൈਮ https://github.com/AdobeXD/plugin-samples/tree/master/ui-hello-vue
23. 7VFKT࢖ͬͯॻ͍ͨ৔߹ɻ εΫϦϓτ෦෼ ެࣜαϯϓϧίʔυΑΓൈਮ https://github.com/AdobeXD/plugin-samples/tree/master/ui-hello-vue
24. 7VFKT࢖ͬͯॻ͍ͨ৔߹ɻ Մಡੑ͕ߴ͍ɻ
25. ·ͱΊ
26. ·ͱΊ ɾ"EPCF9%͸ϓϥάΠϯ͕ࣗ෼Ͱ࡞ΕΔɻ
    ɾଞਓͷϓϥάΠϯ΋ιʔεݟΕΔͷͰࢀߟʹͳΔɻ
    ɾ܁Γฦ͠ඞཁͳͷ͸ϓϥάΠϯͰॻ͍ͪΌ͑͹ָɻ
    ɾ)5.-Ͱॻ͚ΔͷͰ7VFKTͰॻ͚Δɻ
    ɾͨͩެࣜ͸3FBDUԡͬ͠Ά͍ɻ