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
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
690
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
390
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
790
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.1k
技術同人誌をMCP Serverにしてみた
74th
1
650
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
1k
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
650
Result型で“失敗”を型にするPHPコードの書き方
kajitack
5
880
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
14
5.2k
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Embracing the Ebb and Flow
colly
86
4.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
Balancing Empowerment & Direction
lara
1
430
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Become a Pro
speakerdeck
PRO
29
5.4k
Practical Orchestrator
shlominoach
189
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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最高 ・他のもやってみたい!
ありがとうございました