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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ