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
400
やってみたよ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
340
これもフロントエンド!画面つきスピーカーで遊んでみた
hitsuji_haneta
0
82
VueではじめるWeb Components
hitsuji_haneta
1
500
webエンジニア向けブロックチェーンの技術的「へぇ」 / Blockchain tech tips for web developers
hitsuji_haneta
0
130
Other Decks in Programming
See All in Programming
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
380
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
210
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
GraphQL あるいは React における自律的なデータ取得について
quramy
11
3k
API Platform for Laravel
dunglas
0
320
What is Parser
yui_knk
9
4.1k
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
120
Some more adventure of Happy Eyeballs
coe401_
2
190
Perl 5 OOP機構30年史 - Perl 5's OOP Mechanism over the past 30 years
moznion
0
270
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.5k
開発を加速する共有Swift Package実践
elmetal
PRO
0
420
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
29
1.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
24
610
Mobile First: as difficult as doing things right
swwweet
221
8.8k
Building Applications with DynamoDB
mza
90
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
1
53
Six Lessons from altMBA
skipperchong
26
3.4k
Web Components: a chance to create the future
zenorocha
309
42k
Teambox: Starting and Learning
jrom
131
8.7k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
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最高 ・他のもやってみたい!
ありがとうございました