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.2k
MDN Web Docsから学ぶ 公式ドキュメントを読むメリット
shingen29
0
870
PHP8をざっくり解説してみる
shingen29
0
310
最近のプロジェクトを振り返ってみる
shingen29
0
380
Style Guideとstylelintを使ってHTML/CSSを綺麗に書こう!
shingen29
2
850
Stripe CLIを触ってみた!
shingen29
1
240
Other Decks in Programming
See All in Programming
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
3
410
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.6k
テスト駆動Kaggle
isax1015
1
620
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
880
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
620
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
生成AI時代のコンポーネントライブラリの作り方
touyou
1
290
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
240
CDK引数設計道場100本ノック
badmintoncryer
2
480
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
990
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
800
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Gamification - CAS2011
davidbonilla
81
5.4k
4 Signs Your Business is Dying
shpigford
184
22k
Scaling GitHub
holman
460
140k
Being A Developer After 40
akosma
90
590k
We Have a Design System, Now What?
morganepeng
53
7.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Designing for humans not robots
tammielis
253
25k
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ίϯϙʔωϯτ͕ଟ͍Β͍͠
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ