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
690
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.2k
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
140
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
150
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
730
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
190
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
92
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
560
JSでFirebaseのML Kitを使う
ayasamind
0
2k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1.1k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Rails Girls Zürich Keynote
gr2m
96
14k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
2
3.8k
Paper Plane (Part 1)
katiecoart
PRO
1
11k
Between Models and Reality
mayunak
4
450
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
510
New Earth Scene 8
popppiees
3
2.5k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
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
ͭͬͯ͘Έͨײ