Onsen UI for Vue 導入してみた

Ca1357a6e793898d30cec23068c3cb36?s=47 大塚真言
February 05, 2019

Onsen UI for Vue 導入してみた

Ca1357a6e793898d30cec23068c3cb36?s=128

大塚真言

February 05, 2019
Tweet

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