Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Vue.jsで作るAdobeXDプラグイン
TanakaMidnight
May 24, 2019
Technology
0
400
Vue.jsで作るAdobeXDプラグイン
TanakaMidnight
May 24, 2019
Tweet
Share
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
7VFKTͰ࡞Δ "EPCF9%ϓϥάΠϯ TanakaMidnight 2018/05/24 VueJS Osaka
ࣗݾհ ͨͳ͔͠Μ !5BOBLB.JEOJHIU γεςϜΤϯδχΞ '+6( 'JSFCBTF+BQBO6TFS(SPVQ 0TBLB0SHBOJ[FS 0DVMVT2VFTU"NB[POຽ
࣍ ɾ"EPCF9%ͱ ɾ"EPCF9%ϓϥάΠϯͱ ɾͳͥ7VFͰ"EPCF9%ϓϥάΠϯΛ࡞Δͷ͔ ɾσϞ ɾ·ͱΊ
"EPCF9%ͱʁ
"EPCF9%ͱʁ ɾ8FCΞϓϦΛ࡞Δҝͷ6*69σβΠϯπʔϧ ɾը໘ભҠͱ͔͕ग़དྷΔΠϥϨΈ͍ͨͳײ͡ʁ ɾελʔλʔϓϥϯແྉɻ ɾνʔϜͰΘͣɺਓͰ͏ʹແྉͰेɻ ɾ࠷ۙը໘͖76*༻ΞϓϦͷσβΠϯՄೳʹɻ
"EPCF9% ϓϥάΠϯͱʁ
"EPCF9%ϓϥάΠϯͱʁ ɾ෮ૢ࡞ɺ໘ͰෳࡶͰ෮తͳσβΠφʔϫʔΫ ϑϩʔͷҰ෦ΛࣗಈԽͰ͖Δ ɾϓϥάΠϯ9%ΞϓϦ͔ΒΠϯετʔϧՄೳ ɾ"1*͕Ұൠެ։͞Ε͓ͯΓɺࣗ༝ʹ։ൃՄೳ ɾ)5.- +BWBTDSJQUͰهड़͢Δ
"EPCF9% ϓϥάΠϯͰ ग़དྷΔ͜ͱ
"EPCF9%ϓϥάΠϯͰग़དྷΔ͜ͱ ɾ܁Γฦ͠࡞ۀΛࣗಈԽ͢Δ ɾΞηοτσʔλΛಡΈࠐΈσβΠϯʹө͢Δ ɾσβΠϯΛڞ༗͢ΔͨΊʹॻ͖ग़͢ ɾσβΠϯཁૉͷௐ֬ೝΛߦ͏
"EPCF9%ϓϥάΠϯͰग़དྷΔ͜ͱ ɾϔουϨεεΫϦϓτͷ࣮ߦ ɾϞʔμϧμΠΞϩά )5.- ͷදࣔ
Ұྫ
(PPHMF4IFFUTGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
(PPHMF4IFFUTGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
4UBSLGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
4UBSLGPS9% https://blogs.adobe.com/japan/web-world-of-xd-plugins/
"EPCF9% ϓϥάΠϯ։ൃͰ͑Δ +BWBTDSJQU
"EPCF9%ϓϥάΠϯ։ൃͰ͑Δ+BWBTDSJQU ɾ&4͑Δ ɾ&4Ұ෦͑Δ MFUDPOTU BTZODBXBJU ɾ/PEFKT"1*αϙʔτ͞Εͳ͍
"EPCF9% ϓϥάΠϯΛ ͳͥ7VFͰ ॻ͘ͷ͔
"EPCF9%ϓϥάΠϯΛͳͥ7VFͰॻ͘ͷ͔ ɾ୯ҰϑΝΠϧίϯϙʔωϯτͰΘ͔Γ͘͢ॻ͚Δ ɾެ͕ࣜαϯϓϧ༻ҙͯ͘͠ΕͯΔ ɾૉͷ)5.-͝Γ͝Γ͢ΔΑΓϦετϨϯμϦϯά ɹͱ͔ͷ੍ޚָ͕ ɾͨͩɺѹతϝϦοτͦ͜·Ͱײ͡ͳ͍ ɹ ݸਓͷײͰ͢
࣌ؒ͋ΕσϞ
7VFKTΘͣʹॻ͍ͨ߹ɻ dҎ߱ɺ%0.ͷੜٴͼॲཧίʔυ͕ଓ͘ɻ ެࣜαϯϓϧίʔυΑΓൈਮ https://github.com/AdobeXD/plugin-samples/tree/master/ui-hello
7VFKTͬͯॻ͍ͨ߹ɻ ςϯϓϨʔτ෦ ެࣜαϯϓϧίʔυΑΓൈਮ https://github.com/AdobeXD/plugin-samples/tree/master/ui-hello-vue
7VFKTͬͯॻ͍ͨ߹ɻ εΫϦϓτ෦ ެࣜαϯϓϧίʔυΑΓൈਮ https://github.com/AdobeXD/plugin-samples/tree/master/ui-hello-vue
7VFKTͬͯॻ͍ͨ߹ɻ Մಡੑ͕ߴ͍ɻ
·ͱΊ
·ͱΊ ɾ"EPCF9%ϓϥάΠϯ͕ࣗͰ࡞ΕΔɻ ɾଞਓͷϓϥάΠϯιʔεݟΕΔͷͰࢀߟʹͳΔɻ ɾ܁Γฦ͠ඞཁͳͷϓϥάΠϯͰॻ͍ͪΌָ͑ɻ ɾ)5.-Ͱॻ͚ΔͷͰ7VFKTͰॻ͚Δɻ ɾͨͩެࣜ3FBDUԡͬ͠Ά͍ɻ