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

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

F38f6a8424ffd84d7869989856d90c6f?s=128

TanakaMidnight

May 24, 2019
Tweet

Transcript

  1. 7VFKTͰ࡞Δ "EPCF9%ϓϥάΠϯ TanakaMidnight 2018/05/24 VueJS Osaka

  2. ࣗݾ঺հ ͨͳ͔͠Μ΍ !5BOBLB.JEOJHIU  γεςϜΤϯδχΞ '+6( 'JSFCBTF+BQBO6TFS(SPVQ 0TBLB0SHBOJ[FS 0DVMVT2VFTU"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. (PPHMF4IFFUTGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/

  13. (PPHMF4IFFUTGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/

  14. 4UBSLGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/

  15. 4UBSLGPS9% 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ԡͬ͠Ά͍ɻ