Showed in "ng-japan 2019" at 2019/7/13

1. First step to Mobile x Angular
at the Beginning of 2019

2. almiraj (Daichi Nohara)
Griffin co. Assistant Manager
The programmer who wouldn't be.
I love music and Angular.
My “Angular x kawaii” may be known.
2

3. 3
At first
I created Mobile App
in a way that implements Cordova
into Angular App.

4. Rejected
by App Store
“You may wish to
build an HTML5
web app instead”
4

5. I needed Mobile Components.

6. Onsen UI vs Ionic
IonicOnsen UI
Lightweight
It may show favor to Vue
v2.10 was released
in May 2018
Full-stack
Based in Angular until v3
v4 was just released
(supporting React/Vue)
I hear that they are good rivals.

7. Onsen UI vs Ionic
IonicOnsen UI
Full-stack
Perfectly matches for
Angular
Just released v4

8. Easy to put on

9. actual movement

10. confirm here as well
and got the
complete code

11. Since I use iPhone,
it looks good.

12. Onsen UI vs Ionic
IonicOnsen UI

13. I could not but hoped
“ng new”
“ng serve”
“cordova build”

14. Why ask me Log in?

15. No sample
(because some
samples were
under construction
for v4, but I didn’t
know it yet)

16. Um… they prefers
Material Design?

17. Public market has
awesome products.

19. I tried Onsen UI.
(with various misunderstanding)

20. 20
Another trouble
Debug on an iOS Real Device
(Where is Macintosh sold?)

21. Xamarin
Live Player A Microsoft product.
Xamarin is Native Mobile App Builder different
from Cordova.
In 2017, it was iOS Native App Debugger.
In 2018, it had been forced to run in TestFlight
(published by Apple).
By the beginning of 2019, it was dead.
21

22. Monaca Asial (which provides Onsen UI) manages it.
Monaca is like IDE for mobile on the cloud.
We may use IDE or can use only iOS Native
App Debugger including Cordova.
Why do I say that?
22

32. 1
2
3
4
5
Angular x Cordova x Onsen UI x Monaca worked well.
Onsen UI gave me “nativeElement” instead of a router. (I heard Ionic has a good one.)
Monaca Debugger for iOS was super useful (with developing on Windows).
Cordova App rendered *ngFor slowly, especially on iOS.
Flutter was released, which made me dream of collaboration with Angular.
Summary of findings

33. Contact Us!
13-2 Kanda Tsukasamachi, Chiyoda,
Tokyo Prefecture
nohara@griffin-net.co.jp
+81 03 5577 8833
33