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
440
Onsen UI for Vue 導入してみた
大塚真言
February 05, 2019
Tweet
Share
More Decks by 大塚真言
See All by 大塚真言
自社プロダクトを作ってみた.pdf
shingen29
0
280
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
95
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
280
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7.1k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
870
PHP8をざっくり解説してみる
shingen29
0
310
最近のプロジェクトを振り返ってみる
shingen29
0
380
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
840
Stripe CLIを触ってみた!
shingen29
1
240
Other Decks in Programming
See All in Programming
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
110
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
400
童醫院敏捷轉型的實踐經驗
cclai999
0
200
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
エラーって何種類あるの?
kajitack
5
320
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
250
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
420
Result型で“失敗”を型にするPHPコードの書き方
kajitack
4
520
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
340
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
Being A Developer After 40
akosma
90
590k
Gamification - CAS2011
davidbonilla
81
5.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
GraphQLとの向き合い方2022年版
quramy
49
14k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Music & Morning Musume
bryan
46
6.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
A Tale of Four Properties
chriscoyier
160
23k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
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ίϯϙʔωϯτ͕ଟ͍Β͍͠
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ