Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
vuenight.pdf
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
MasayaYoshino
July 12, 2018
680
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
vuenight.pdf
MasayaYoshino
July 12, 2018
More Decks by MasayaYoshino
See All by MasayaYoshino
コミュニティと共に変化する 私とFusicの8年間
ayasamind
0
4.1k
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
130
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
140
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
710
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
170
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
88
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
540
JSでFirebaseのML Kitを使う
ayasamind
0
2k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1.1k
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
5.1k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
200
What's in a price? How to price your products and services
michaelherold
247
13k
Technical Leadership for Architectural Decision Making
baasie
3
410
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
380
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
The Cult of Friendly URLs
andyhume
79
6.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
440
The Invisible Side of Design
smashingmag
302
52k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Transcript
Serverless+Nativescript-vueͰ ΞϓϦ࡞ͬͯΈͨ ٢խ !BZBTBNJOE
ࣗݾհ
ࣗݾհ ٢ խ (23) (Masaya Yoshino) FusicΤϯδχΞ Geek StudioӡӦ भΞΠυϧޫGENKI
ʰՎͬͯགྷΕΔΤϯδχΞʱ Twitter: @ayasamind ࠷ۙͷؔ৺: Ethereum, NEM
ࣗݾհ ि1ษڧձͯ͠·͢ ͓ؾܰʹ!!!
ࠓճͷςʔϚ
Serverless+Nativescript-vueͰ ΞϓϦ࡞ͬͯΈͨ ٢խ !BZBTBNJOE
NativeScriptͬͯʁ
NativeScriptͬͯʁ ɾJavaScriptͱCSSͰiOS,AndroidΞϓϦΛ࡞͢Δ͜ͱ͕ Ͱ͖ΔϑϨʔϜϫʔΫɻ ɾWebViewͷUIϨϯμϦϯά༻͍ͯ͠ͳ͍ɻ ɾAngularɺVueʹରԠɻ NativeScript
NativeScript-Vue
NativeScript-Vue
NativeScript-Vue
NativeScript-VueΛମݧ!
https://play.nativescript.org/? template=play-vue
NativeScript-Vueͷ࢝Ίํ
NativeScript-Vueͷ࢝Ίํ ωΠςΟϒΞϓϦͷ։ൃڥΛߏங
NativeScript-Vueͷ࢝Ίํ ωΠςΟϒΞϓϦͷ։ൃڥΛߏங tnsίϚϯυ͕ศརɻ $ tns doctor ։ൃڥ͕͍ͬͯΔ͔அ
NativeScript-Vueͷ࢝Ίํ
NativeScript-Vueͷ࢝Ίํ $ yarn install $ yarn run watch:<platform> (<platform>iOS͔android)
NativeScript-Vueͷ࢝Ίํ
όοΫΤϯυ?
None
NativeScript-Vueͷॻ͖ํ
NativeScript-Vueͷॻ͖ํ σΟϨΫτϦߏ IUUQTHJUIVCDPNBZBTBNJOE/&.&&5
NativeScript-Vueͷॻ͖ํ JS෦ WebͷVuejsͱ΄΅ಉ͡!
NativeScript-Vueͷॻ͖ํ JS෦ ɾVue-routerVuex͕શ͘ಉ͡Α͏ʹ༻Ͱ͖Δɻ ɾhttpΫϥΠΞϯτaxiosͰͳ͘ɺnativescriptͷhttpModuleɻ ɾiOSͰSSLԽͯ͠ͳ͍URLʹΞΫηε͢ΔલʹઃఆΛ͍͡Δඞཁ༗ɻ etc…
NativeScript-Vueͷॻ͖ํ HTML,CSS෦ CSSWebͱಉ͡Α͏ʹهड़Մೳ HTMLಠࣗͷλά͕͋Δ
NativeScript-Vueͷॻ͖ํ HTML,CSS෦
࣮ࡍʹNativeScript-VueͰΞϓϦ Λͭͬͯ͘Έͨ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ ͭ͘ΔͷɹҐஔใ×ϒϩοΫνΣʔϯΞϓϦ ֓ཁɹɹ ۙ͘ʹ͍Δਓʹແ࡞ʹ͛મ͕Ͱ͖Δ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ Ͱ͖ͨͷ(·ͩग़དྷͯͳ͍)ɹ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ ओͳػೳ ɾҐஔใऔಘ ɾ͛મ(ೖۚɾૹۚ) ɾϝοηʔδ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ όοΫΤϯυ ɾnativescript-nodeify npm,yarnϞδϡʔϧΛ͍͍ײ͡ʹnativescriptͰ ͑ΔΑ͏ʹͯ͘͠ΕΔɻ ɾaws-amplify aws-sdkΛػೳΛߜ͍ͬͯͨ͘͢͠Α͏ͳͷ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ όοΫΤϯυ ΥϨοτใ Ϣʔβʔใ Ґஔใ ೝূ $PHOJUP "84-BNCEB "84-BNCEB
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ ೝূ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ Ґஔใऔಘ
࣮ࡍʹNativeScript-VueͰΞϓϦΛͭͬͯ͘Έͨ Ґஔใऔಘ
σϞ
IUUQTXXXZPVUVCFDPNXBUDI WF324NGSYI6
ͭͬͯ͘Έͨײ