Onsen UI for Vue 導入してみた

Transcript

1. Onsen UI for Vue ಋೖͯ͠Έͨ 2019/2/4 JS΍ΒφΠτvol.4 ʂ େ௩ਅݴ
2. ࣗݾ঺հ ɾ໊લɹɿେ௩ ਅݴʢMakoto Otsukaʣ ɾ໊͋ͩɿ͠Μ͛Μ ɾTwitterɿ@mametra ɾॴଐɹɿ߹ಉձࣾϊϚυϦ ɾεΩϧɿLaravel, Vue.js ɾझຯɹɿΩϟϯϓ, ϑΣε
3. ։ൃதͷγεςϜ ɾҩྍܥγεςϜ iOS/AndroidΞϓϦ Ϣʔβ޲͚ WebΞϓϦ පӃ/ຊ෦޲͚
4. ࢖༻ٕज़ ᶃϢʔβ޲͚ʢ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ʣ
5. ࢖༻ٕज़ʢiOS/AndroidΞϓϦʣ ϑϩϯτΤϯυ
   )5.-
   $44
   7VFKT
   0OTFO6* ϋΠϒϦουΞϓϦ
   J04ΞϓϦ
   "OESPJEΞϓϦ $PSEPWB Ϗϧυ όοΫΤϯυ
   'JSFCBTF
   %BUB
   #BTF
6. બఆཧ༝ ᶃCordova ɹɾ༧ࢉͷؔ܎্ɺiOSͱAndroidΛ֤ʑ։ൃͰ͖ͣ ɹɾωΠςΟϒΞϓϦ։ൃऀෆࡏ ɹɾWebʢHTML,CSS,JavaScriptʣٕज़Ͱ࣮૷Մೳ ɹɾReact Native΍Flutter͸ෑډ͕ߴͦ͏… ɹ ᶄOnsenUI ɹɾVue.jsʹରԠ ɹɾυΩϡϝϯτ͕೔ຊޠରԠ ᶅFirebase ɹɾ։ൃ଎౓up͕ݟࠐΊΔ ɹɾಋೖاۀ͕૿͓͑ͯΓࢀߟࢿྉ͕͋Δ
7. OnsenUIͱ͸ ɹɾϞόΠϧΞϓϦʹಛԽͨ͠UIϑϨʔϜϫʔΫ ɹɾωΠςΟϒͷΑ͏ͳUIΛఏڙ ɹɾ༝དྷ͸ SPA -> Թઘ -> Onsen ͔Β͖ͨΒ͍͠ ɹɾhttps://ja.onsen.io/demo/
8. iOS Android ࣮ߦ͢Δ୺຤ʹԠͯ͡ελΠϧΛௐ੔ͯ͘͠ΕΔ
9. Onsen UI for Vue ͱ͸ ɹɾ2017೥7݄ Vue.jsʹରԠ ɹɾv-ons-*Ͱ͸͡·Δίϯϙʔωϯτ ɹɾ͢΂ͯͷAPI͸Vue޲͚ʹΧελϚΠζ
10. ᶃηοτΞοϓ͢Δ https://ja.onsen.io/vue/
11. ᶄ࣮૷͢Δ https://ja.onsen.io/vue/
12. ิ଍ ɾIonic ͕ Vue.js ʹରԠʢα൛ʣ IonicɺVue.jsΠϯςάϨʔγϣϯͷαϦϦʔεΛൃදʢhttps://www.infoq.com/jp/news/ 2018/12/ionic-vue-integration-alpha#.XBHW6TGs7yU.twitterʣ ɾIonic ͷํ͕UIίϯϙʔωϯτ͕ଟ͍Β͍͠
13. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ