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
Onsen UI for Vue 導入してみた
Search
大塚真言
February 05, 2019
Programming
1
390
Onsen UI for Vue 導入してみた
大塚真言
February 05, 2019
Tweet
Share
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
230
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
72
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
170
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
5.1k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
690
PHP8をざっくり解説してみる
shingen29
0
250
最近のプロジェクトを振り返ってみる
shingen29
0
320
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
710
Stripe CLIを触ってみた!
shingen29
1
190
Other Decks in Programming
See All in Programming
今の SmartHR にエンジニアで入社するとどうなるの?
daisukeshinoku
5
4.6k
Code Reviews
bkuhlmann
4
880
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
120
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
230
脱・初心者!脱・マネコン!AWS CDKを使ってみませんか!?
har1101
0
300
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
3
270
Build with AI 2024 Seoul - 제로부터 시작하는 Flutter with Gemini 생활 - 박제창
itsmedreamwalker
0
200
オブジェクト指向のリ・オリエンテーション~歴史を振り返り、AI時代に向きなおる~
hanyudaeiiti
10
5.6k
Milestoner
bkuhlmann
1
400
HUIT新歓2024「競技プログラミング、やってみませんか?」
slephy2784
1
250
プールにゆこう
irof
2
120
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
8
2.2k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1355
200k
A Philosophy of Restraint
colly
196
16k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
BBQ
matthewcrist
80
8.7k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
The Mythical Team-Month
searls
215
42k
Atom: Resistance is Futile
akmur
258
25k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Gamification - CAS2011
davidbonilla
76
4.6k
It's Worth the Effort
3n
180
27k
Transcript
Onsen UI for Vue ಋೖͯ͠Έͨ 2019/2/4 JSΒφΠτvol.4 ʂ େ௩ਅݴ
ࣗݾհ ɾ໊લɹɿେ௩ ਅݴʢMakoto Otsukaʣ ɾ໊͋ͩɿ͠Μ͛Μ ɾTwitterɿ@mametra ɾॴଐɹɿ߹ಉձࣾϊϚυϦ ɾεΩϧɿLaravel, Vue.js ɾझຯɹɿΩϟϯϓ,
ϑΣε
։ൃதͷγεςϜ ɾҩྍܥγεςϜ iOS/AndroidΞϓϦ Ϣʔβ͚ WebΞϓϦ පӃ/ຊ෦͚
༻ٕज़ ᶃϢʔβ͚ʢiOS/AndroidΞϓϦʣ ɹɾHTML, CSS, JavaScript, Vue.js ɹɾOnsenUIʢUIϑϨʔϜϫʔΫʣ ɹɾCordovaʢϋΠϒϦουΞϓϦ։ൃPFʣ ɹɾFirebaseʢAuthentication, Cloud
FireStore, ͋ͱͨͿΜFunctionsʣ ᶄපӃ/ຊ෦͚ʢWebΞϓϦʣ ɹɾHTML, CSS, JavaScript, Vue.js ɹɾFirebaseʢAuthentication, Cloud Firestore, Hostingʣ
༻ٕज़ʢiOS/AndroidΞϓϦʣ ϑϩϯτΤϯυ )5.- $44 7VFKT 0OTFO6* ϋΠϒϦουΞϓϦ J04ΞϓϦ "OESPJEΞϓϦ $PSEPWB
Ϗϧυ όοΫΤϯυ 'JSFCBTF %BUB #BTF
બఆཧ༝ ᶃCordova ɹɾ༧ࢉͷ্ؔɺiOSͱAndroidΛ֤ʑ։ൃͰ͖ͣ ɹɾωΠςΟϒΞϓϦ։ൃऀෆࡏ ɹɾWebʢHTML,CSS,JavaScriptʣٕज़Ͱ࣮Մೳ ɹɾReact NativeFlutterෑډ͕ߴͦ͏… ɹ ᶄOnsenUI ɹɾVue.jsʹରԠ
ɹɾυΩϡϝϯτ͕ຊޠରԠ ᶅFirebase ɹɾ։ൃup͕ݟࠐΊΔ ɹɾಋೖاۀ͕૿͓͑ͯΓࢀߟࢿྉ͕͋Δ
OnsenUIͱ ɹɾϞόΠϧΞϓϦʹಛԽͨ͠UIϑϨʔϜϫʔΫ ɹɾωΠςΟϒͷΑ͏ͳUIΛఏڙ ɹɾ༝དྷ SPA -> Թઘ -> Onsen ͔Β͖ͨΒ͍͠
ɹɾhttps://ja.onsen.io/demo/
iOS Android ࣮ߦ͢ΔʹԠͯ͡ελΠϧΛௐͯ͘͠ΕΔ
Onsen UI for Vue ͱ ɹɾ20177݄ Vue.jsʹରԠ ɹɾv-ons-*Ͱ͡·Δίϯϙʔωϯτ ɹɾͯ͢ͷAPIVue͚ʹΧελϚΠζ
ᶃηοτΞοϓ͢Δ https://ja.onsen.io/vue/
ᶄ࣮͢Δ https://ja.onsen.io/vue/
ิ ɾIonic ͕ Vue.js ʹରԠʢα൛ʣ IonicɺVue.jsΠϯςάϨʔγϣϯͷαϦϦʔεΛൃදʢhttps://www.infoq.com/jp/news/ 2018/12/ionic-vue-integration-alpha#.XBHW6TGs7yU.twitterʣ ɾIonic ͷํ͕UIίϯϙʔωϯτ͕ଟ͍Β͍͠
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ