Slide 1

Slide 1 text

Recommend Ionic ϥΠτχϯάτʔΫ෇͖ΫϦΤΠλʔζަྲྀձ in౦ژ by @kuwahara_ngv5

Slide 2

Slide 2 text

Self-Introduction

Slide 3

Slide 3 text

Basic Information const my_info = { ɹ Name: ‘܂ݪ੟ਔ’, ɹ Twitter: ‘@kuwahara_ngv5’, ɹ GitHub: ’k-kuwahara’, ɹ Qiita: ’clown0082’, ɹ Workplace: ‘Yumemi, Inc.’ }

Slide 4

Slide 4 text

Communities collaborator translator staff staff

Slide 5

Slide 5 text

In the past: Web First ↓ Currently: Mobile First

Slide 6

Slide 6 text

Mobile First …?

Slide 7

Slide 7 text

Mobile First …? It’s Responsive!!

Slide 8

Slide 8 text

Mobile First = Responsive

Slide 9

Slide 9 text

Mobile First = Responsive ×

Slide 10

Slide 10 text

Mobile First is … Optimizing UI design for mobile

Slide 11

Slide 11 text

Mobile first example ‣ Design tailored to each terminal

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

⚡ AMP (Accelerated Mobile Pages) PWA (Progressive Web Application) let me choose either. For more mobile first

Slide 14

Slide 14 text

Web with PWA ↓ Mobile Application

Slide 15

Slide 15 text

In recently years, Develop applications with HTML5 (so-called hybrid development) Ex:

Slide 16

Slide 16 text

So, how about “Ionic Framework” ?

Slide 17

Slide 17 text

What is “Ionic Framework”?

Slide 18

Slide 18 text

What is “Ionic Framework” ? UI Base WebView

Slide 19

Slide 19 text

What can be made with ionic Android iOS Web

Slide 20

Slide 20 text

What can be made with ionic 1. PWA(by default) 2. Ionic DevApp 3. All current mobile devices and platforms 4. Clean, simple, and functional 5. Abundant API to native function

Slide 21

Slide 21 text

But it's really difficult, is not it?

Slide 22

Slide 22 text

Application Example: ʮϗ΢Ϗϯΰʯ Web URL: https://app.houbingo.com App URL : https://play.google.com/store/apps/details?id=com.houbingo

Slide 23

Slide 23 text

This app was developed by a designer alone. While reading this introductory book.

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content