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
650
vuenight.pdf
MasayaYoshino
July 12, 2018
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
63
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
110
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
600
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
120
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
63
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
500
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
700
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
Faster Mobile Websites
deanohume
310
31k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Statistics for Hackers
jakevdp
799
220k
Automating Front-end Workflow
addyosmani
1371
200k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Build your cross-platform service in a week with App Engine
jlugia
233
18k
BBQ
matthewcrist
89
9.9k
Visualization
eitanlees
149
16k
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
ͭͬͯ͘Έͨײ