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
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
270
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
120
技術同人誌をMCP Serverにしてみた
74th
1
650
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
790
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
120
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
13k
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
510
Porting a visionOS App to Android XR
akkeylab
0
460
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
450
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
110
Featured
See All Featured
Building Applications with DynamoDB
mza
95
6.5k
Statistics for Hackers
jakevdp
799
220k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Navigating Team Friction
lara
187
15k
Adopting Sorbet at Scale
ufuk
77
9.5k
Building Adaptive Systems
keathley
43
2.7k
Practical Orchestrator
shlominoach
189
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
GraphQLとの向き合い方2022年版
quramy
49
14k
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最高 ・他のもやってみたい!
ありがとうございました