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
MasayaYoshino
July 12, 2018
0
600
vuenight.pdf
MasayaYoshino
July 12, 2018
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
90
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
510
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
86
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
43
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
460
JSでFirebaseのML Kitを使う
ayasamind
0
1.8k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
960
AlexaからはじめるServerless
ayasamind
0
620
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.5k
Featured
See All Featured
BBQ
matthewcrist
87
9.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
360
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Invisible Side of Design
smashingmag
299
50k
Facilitating Awesome Meetings
lara
52
6.2k
Faster Mobile Websites
deanohume
306
31k
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
ͭͬͯ͘Έͨײ