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
630
vuenight.pdf
MasayaYoshino
July 12, 2018
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
100
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
550
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
110
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
53
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
480
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
670
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Become a Pro
speakerdeck
PRO
28
5.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Optimizing for Happiness
mojombo
379
70k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
920
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
GraphQLとの向き合い方2022年版
quramy
46
14k
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
ͭͬͯ͘Έͨײ