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
430
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
93
CI/CD実践入門! GitHub ActionsでCI/CD環境を作ってみよう!
shingen29
0
270
ユースケース駆動開発で自社プロダクトを作ってみた!
shingen29
1
7k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
860
PHP8をざっくり解説してみる
shingen29
0
310
最近のプロジェクトを振り返ってみる
shingen29
0
380
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
830
Stripe CLIを触ってみた!
shingen29
1
230
Other Decks in Programming
See All in Programming
Agent Rules as Domain Parser
yodakeisuke
1
350
『Python → TypeScript』オンボーディング奮闘記
takumi_tatsuno
1
140
Use Perl as Better Shell Script
karupanerura
0
660
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
CRUD から CQRS へ ~ 分離が可能にする柔軟性
tkawae
0
230
型安全なDrag and Dropの設計を考える
yudppp
5
660
Cursor Meetup Tokyo ゲノミクスとCursor: 進化と制約のあいだ
koido
1
320
REST API設計の実践 – ベストプラクティスとその落とし穴
kentaroutakeda
2
320
primeNumberでのRBS導入の現在 && RBS::Traceでinline RBSを拡充してみた
mnmandahalf
0
260
Rethinking Data Access: The New httpResource in Angular
manfredsteyer
PRO
0
220
Rails産でないDBを Railsに引っ越すHACK - Omotesando.rb #110
lnit
1
100
What Spring Developers Should Know About Jakarta EE
ivargrimstad
1
610
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
Git: the NoSQL Database
bkeepers
PRO
430
65k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Building an army of robots
kneath
306
45k
Being A Developer After 40
akosma
91
590k
Embracing the Ebb and Flow
colly
85
4.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
620
KATA
mclloyd
29
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
750
A better future with KSS
kneath
239
17k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Gamification - CAS2011
davidbonilla
81
5.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ίϯϙʔωϯτ͕ଟ͍Β͍͠
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ