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

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

F38f6a8424ffd84d7869989856d90c6f?s=47 TanakaMidnight
May 24, 2019
Technology
0
350

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

F38f6a8424ffd84d7869989856d90c6f?s=128

TanakaMidnight

May 24, 2019
Tweet

More Decks by TanakaMidnight

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

Other Decks in Technology

See All in Technology
アジャイル推進活動におけるBeAgileへの変化の兆し/Signs_of_Change_to_"Be_Agile"_in_Agile_Promotion_Activities
88892f20b802d5a732b7c16ce40528f0?s=48 m_iyama
0
170
WACATE 2022 夏 ワークショップの目的
Add1036688abcb2e3dbff7c3090f7e35?s=48 imtnd
0
120
Persistence in Serverless Applications - ServerlessDays NYC
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
0
230
データエンジニアリングの潮流を俯瞰する
Cb7edd153cf503f44c727b73647558bf?s=48 tetsuroito
1
720
モブに早く慣れたい人のためのガイド / A Guide to Getting Started Quickly with Mob Programming
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
2
1.8k
HoloLens2とMetaQuest2どちらも動くWebXRアプリをBabylon.jsで作る
Bf0e54ea0d4ea19343ccfbe5d410a96b?s=48 iwaken71
0
190
20220622_FinJAWS_あのときにAWSがあったらこうできた
Feb135945a82ac9c12e91ba5f7e8bce2?s=48 taketakekaho
0
110
UIKitのアップデート 
#WWDC22
9d1961575e45a8286cdde5f86dbba312?s=48 akatsuki174
4
300
JFrog 最新情報 - JFrog DevOps プラットフォームの今までとこれから / jfrog-update-for-devopskaigi-2022
567600e04dbcb14d6bd8f120e6625a27?s=48 tsuyo
0
150
IoTLT88-NTKanazawa-laundry-dry
4256c3dc4c4b6933bb2ffb4176a595a0?s=48 yukima0707
0
220
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
50bc42471d197d0dbef7171f2ef85bb6?s=48 comucal
PRO
0
180
リファインメントは楽しいかね？
F4ea0f5f6211de72f79576d020308de5?s=48 kitamu_mu
1
400

Featured

See All Featured
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
5
2.2k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
86
12k
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
11k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
166
7.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
119
28k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
19
1.4k

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