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
470
やってみたよ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
380
これもフロントエンド!画面つきスピーカーで遊んでみた
hitsuji_haneta
0
100
VueではじめるWeb Components
hitsuji_haneta
1
550
webエンジニア向けブロックチェーンの技術的「へぇ」 / Blockchain tech tips for web developers
hitsuji_haneta
0
160
Other Decks in Programming
See All in Programming
「App Intent」よくわからんけどすごい!
rinngo0302
1
100
テスト駆動Kaggle
isax1015
1
620
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
300
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
280
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
150
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
15k
PipeCDのプラグイン化で目指すところ
warashi
1
300
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
240
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
580
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Git: the NoSQL Database
bkeepers
PRO
430
65k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Bash Introduction
62gerente
613
210k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Navigating Team Friction
lara
187
15k
GitHub's CSS Performance
jonrohan
1031
460k
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最高 ・他のもやってみたい!
ありがとうございました