Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ionic Framework v4 with any other frameworks

3135a28c51dfa27396bb525e9972db95?s=47 kkeeth
June 02, 2019

Ionic Framework v4 with any other frameworks

3135a28c51dfa27396bb525e9972db95?s=128

kkeeth

June 02, 2019
Tweet

More Decks by kkeeth

Other Decks in Programming

Transcript

  1. Ionic Framework v4 with any other frameworks k-kuwahara @kuwahara_jsri clown0082

    2019/06/02 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ] Ionic Meetup #11 Tokyo
  2. About me

  3. About me const my_info = { Name: ‘܂ݪ੟ਔ’, Workplace: ‘Yumemi

    Inc’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, PokemonGO: ‘TL39’ }
  4. Communities collaborator translator staff

  5. Communities github.com/k-kuwahara

  6. Let’s start the today’s Ionic talks !!

  7. It has been a few years since being said mobile

    first.
  8. Mobile first example ‣ Design tailored to each terminal

  9. Mobile first example 'JSTU1BJOU 'JSTU$POUFOUGVM1BJOU 'JSTU.FBOJOHGVM1BJOU 'VMMZ-PBEFE ‣ First view

    optimized for mobile
  10. For more mobile first ⚡AMP (Accelerated Mobile Pages) PWA (Progressive

    Web Apps)
  11. ‣ Served over HTTPS PWA examples ‣ Add to home

    screen APP
  12. PWA examples ‣ Offline Experience ‣ Push Notifications

  13. How to make it PWA? See “Progressive Web App Checklist”.

    URL: https://developers.google.com/web/progressive-web-apps/checklist See “Your First Progressive Web App”. URL: https://codelabs.developers.google.com/codelabs/your-first-pwapp/ index.html?index=..%2F..%2Findex#0
  14. In recently years, Develop applications with “WEB”

  15. So, how about “Ionic Framework” ?

  16. What is “Ionic Framework”?

  17. What is “Ionic Framework” ? image by: https://ionicframework.com/

  18. What is “Ionic Framework” ? image by: https://ionicframework.com/

  19. What is “Ionic Framework” ? +

  20. What is “Ionic Framework” ? Web

  21. What is “Ionic Framework” ? Android iOS Web

  22. up to Ionic v3

  23. Ionic + other frameworks +

  24. What is “Ionic Framework” ? UI Base WebView

  25. What is “Ionic Framework” ? UI Base WebView Ionic Native

    Native API Cordova API
  26. Ionic v4 + other frameworks

  27. Ionic + other frameworks +

  28. What is “Ionic Framework” ? UI Base WebView + Any

    FWs
  29. More Details

  30. More Details

  31. More Details

  32. What is “Capacitor” ?

  33. What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973

  34. Other features of Ionic

  35. Summary of Ionic features 1. PWA(by default) 2. It's fun

    to develop 3. Support of slack is profound 4. Clean, simple, and functional 5. Abundant API to native function
  36. So, let’s try + I think

  37. DEMO …it was plan of

  38. I wasn’t in time my riot demo for today’s talk…

  39. ‣ https://github.com/ionic-team/ionic-cli/pull/3951/files ‣ https://github.com/ionic-team/starters/commit/ 1d95f8de91c0f35b2b067258c555bd0bd7ed0ee5 How to introduce other FW

    to Ionic
  40. Q. How do we get started?

  41. See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda

  42. with this book ↓

  43. Let’s Create Mobile Application by Ionic Framework!!

  44. Publicity

  45. We’re looking for Engineers!!

  46. None