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
やってみたよVueNative
Search
hitsuji-haneta
November 25, 2019
Programming
2
450
やってみたよVueNative
hitsuji-haneta
November 25, 2019
Tweet
Share
More Decks by hitsuji-haneta
See All by hitsuji-haneta
SSIで覗き見るPWAの世界 / SSI on PWA
hitsuji_haneta
2
1.1k
GoとMicroserviceでDDDやってみました
hitsuji_haneta
0
370
これもフロントエンド!画面つきスピーカーで遊んでみた
hitsuji_haneta
0
100
VueではじめるWeb Components
hitsuji_haneta
1
540
webエンジニア向けブロックチェーンの技術的「へぇ」 / Blockchain tech tips for web developers
hitsuji_haneta
0
150
Other Decks in Programming
See All in Programming
ComposeでのPicture in Picture
takathemax
0
120
Making TCPSocket.new "Happy"!
coe401_
1
1.9k
Building Scalable Mobile Projects: Fast Builds, High Reusability and Clear Ownership
cyrilmottier
2
310
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
4
1.2k
API for docs
soutaro
3
1.4k
七輪ライブラリー: Claude AI で作る Next.js アプリ
suneo3476
1
120
The Implementations of Advanced LR Parser Algorithm
junk0612
1
390
Strategic Design (DDD)for the Frontend @DDD Meetup Stuttgart
manfredsteyer
PRO
0
170
note の Elasticsearch 更新系を支える技術
tchov
0
150
The Evolution of the CRuby Build System
kateinoigakukun
0
720
エンジニア向けCursor勉強会 @ SmartHR
yukisnow1823
0
320
Rollupのビルド時間高速化によるプレビュー表示速度改善とバンドラとASTを駆使したプロダクト開発の難しさ
plaidtech
PRO
1
180
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Statistics for Hackers
jakevdp
798
220k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
How GitHub (no longer) Works
holman
314
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Site-Speed That Sticks
csswizardry
5
500
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Transcript
やってみたよ Vue Native 2019/11/21 @v-sendai #4 ヒツジハネタ
自己紹介 高橋翔太 hitsuji-haneta LasTrust株式会社 h1tsuj1_haneta https://lastrust.io 元はフリーランス でした ・ブロックチェーン証明書の発行 ・証明書の管理アプリの開発
(ヒツジハネタ)
ちょっと宣伝を
▪1/16(木) 19:00 ~ ブロックチェーンハンズオン ▪12/19(木) 19:00 ~ git ハンズオン
本題
Sendai Frontend Meetup の二次会にて…
React Native使ったことあります?
Vueにもありますよね。 Vue NativeとかNative Scriptとか。
知ってるけどやったことないなぁ。 !
次のLTテーマ決まったでこれ
Vue Nativeとは何か? ✋
JavaScriptでアプリ作る隊 Cordova (Ionic) ReactNative (Expo) NativeScript VueNative PWA クロスプラットフォーム!
Cordova (Ionic) NativeScript VueNative Vueに対応してる人たち ビルドめんどくさそう ReactNative (Expo) 兄貴! ちょー簡単
$ npm install —-global expo-cli vue-native-cli $ vue-native init <projectName>
$ cd <projectName> $ npm run start どんな感じで作る? コンソールに出るよ!
Expo簡単すぎ
<template> <view class="container"> <text class="text-color-primary">My Vue Native App</text> </view> </template>
<style> .container { background-color: white; align-items: center; justify-content: center; flex: 1; } .text-color-primary { color: blue; } </style>
何を作った?
写真とったら画像解析してくれるアプリ
デモ
構成図 Firebase Storage Firebase Function Cloud Vision Firestore ①画像 ②フック
③解析 ④結果 ⑤読み込み
意外と簡単! Cloud Visionやばす
苦労したこと Expoの仕様変更に VueNativeの公式サイトが 追いついてなかった
苦労したこと 情報が少なすぎて 自分で考えなきゃいけない ことが多い 設計とか プラグインとか
苦労したこと iOSで開発してたら Android特有のバグに最後まで 気づけなかった
苦労したこと 楽しすぎて仕事そっちのけで 作りたくなってしまった プッシュ通知やりたかった!
まとめ ・VueNative意外と簡単 ・Expo最高 ・Cloud Vision最高 ・他のもやってみたい!
ありがとうございました