Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

TanakaMidnight
May 24, 2019
Technology
0
400

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

TanakaMidnight

May 24, 2019
Tweet

More Decks by TanakaMidnight

See All by TanakaMidnight
APIを使う、作る
tanakamidnight
0
41
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
450
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
230
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
290
できるようになるかもしれないVueNative
tanakamidnight
0
22
ハンズオンを支えた技術
tanakamidnight
0
200
Vue.jsの始め方
tanakamidnight
0
220
Vuesaxを使ってみる
tanakamidnight
0
270
FirebaseでWebサービスを作った(てる)話
tanakamidnight
0
300

Other Decks in Technology

See All in Technology
Stripe / Okta Customer Identity Cloud(旧Auth0) の採用に至った理由　〜モリサワの SaaS 戦略〜
tomuro
0
140
CSS Variable をもっと活用する / Kyoto.js 18
spring_raining
2
1.1k
PHPのimmutable arrayとは
hnw
1
170
立ち止まっても、寄り道しても / even if I stop, even if I take a detour
katoaz
0
1k
Dockerに疲れた人のためのLXDではじめるシステムコンテナ入門
devops_vtj
0
130
PCI DSS に準拠したシステム開発
yutadayo
0
310
MoT/コネヒト/Kanmu が語るプロダクト開発xデータ分析 - 分析から機械学習システムの開発まで一人で複数ロールを担う大変さ
masatakashiwagi
3
790
CUEとKubernetesカスタムオペレータを用いた新しいネットワークコントローラをつくってみた
hrk091
1
300
NGINXENG JP#2 - 4-NGINX-エンジニアリング勉強会
hiropo20
0
130
初めてのデータ移行プロジェクトから得た学び
tjmtmmnk
0
420
NGINXENG JP#2 - 2-NGINXの動作の詳細
hiropo20
1
140
Bill One 開発エンジニア 紹介資料
sansantech
PRO
0
130

Featured

See All Featured
Building an army of robots
kneath
301
40k
Side Projects
sachag
451
37k
The MySQL Ecosystem @ GitHub 2015
samlambert
240
11k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
318
19k
Visualization
eitanlees
129
12k
The Pragmatic Product Professional
lauravandoore
21
3.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Pencils Down: Stop Designing & Start Developing
hursman
114
10k
Stop Working from a Prison Cell
hatefulcrawdad
263
18k

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ԡͬ͠Ά͍ɻ