그래서 Ionic은?

Cordova를 확장하여 제작 된 모바일 UI 프레임 워크

AngularJS를 채용하고 있습니다

HTML5로 크로스 컴파일된 네이티브 앱을 만들 수 있다!

※ 1계와 2계가 있지만, 이번은 1계의 1.3을 사용해 보았다.

즉 쿨!

어떻게 만드는거야?

다양한 방법을 시작하는 방법이 있지만 이번에는

Ionic Creator

를 사용하여 시작했습니다.

Ionic Creator

Prott 같은 프로토 타이핑 도구
htps : // c 후 r. 이오니 c. 이오/

등록하여 UI 부품을 드래그하여 UI를 만듭니다.

도중, 프리뷰로 페이지 천이의 확인도 할 수 있다!

UI의 색등도 CSS로 상당히 좋아 마음대로 바꿀 수 있다!

UI가 생기면 프로젝트로 다운로드 할 수 있다!

→ 다운로드하여 실제로 구현에 사용했습니다.

다운로드한 프로젝트는 이런 느낌의 구성



이것을 이대로 웹에 올리면 웹 앱도 된다!

로컬 Ionic 개발 환경은 명령으로 작성됩니다.
htp // 이오니 cf 라메를 rk. 코 m / 껄껄 g-s r d / 를 타고 있는 순서대로.



Ionic을 설치하십시오.

로컬에서 일단 적당하게 프로젝트를 만들어



이번에는 안드로이드, iOS 이었기 때문에

xxxdir/$cd myApp
xxxdir/myApp$ionic platform add ios android

그리고 iOS · 안드로이드 프로젝트를 만들고
다운로드한 프로젝트로 덮어쓰기



이런 느낌이 든다
그리고는 고리고리 쓸 ​​뿐!

잇츠 쿨!

　

"controllers.js"에 골고루 쓴다.



이런 느낌

할 수 있었어!

되면 빌드한다.

xxxdir/myApp$ionic build ios
xxxdir/myApp$ionic build android

XCode 프로젝트와 apk가 가능하기 때문에
iOS는 이 후 더욱 XCode 열고 XCode에서 보통으로 빌드하면 OK!

언제 이지! !

실제로 상점에 지금은 나오고 있습니다.

iOS

htps: //언제나 s. 아 ぇ. 코 m/우 s/아 p/k-3-톤 g-렌-지-마이-후이-y 인 g/이 d1133023112? l = 그럼 & ls = 1 & mt = 8

안드로이드

htps : // p ぁ y. 오, ぇ. 이 m / s 취해 / 아 ps /에서 원하는 ls? 예 d = jp.ぢぎq. k3, p & hl = 그럼

사용하여 느낀 이점

역시 크로스 플랫폼이므로 개발이 빠르다!

3bk 앱은 iOS, 안드로이드 함께 1개월 정도

html · CSS로 UI를 작성하는 데 익숙하기 때문에 (네이티브에 비해) 빠르다!

사용하여 느낀 단점

UI 너무 어색해 보이는 애니메이션이나 어색한 것 같아

단말기 기능을 사용하기 위해 Cordova를 사용하지만, 코이츠에서 제공되지 않으면 상당히 힘들다

하마리 포인트

run 명령으로 실행하면 Codeova-Auth가 작동하지 않습니다!

하지만 run 하지 않으면 로그를 볼 수 없기 때문에 어디에서 이끼 하고 있는 것은 이번은 모르게 된다!

→ 오직 alert라고 하는 원시적인 방법으로 디버그했다···

단말 하드웨어 기능을 사용하기 위한 Cordova가 오래되거나 찾는 것이 힘들다!

개인 총평

하지만 어쨌든 개발 속도가 빠르기 때문에 활용하고 싶다.

라이벌의 OnsenUI도 신경이 쓰이지만・・・
그것은 저희 회사 에이스 엔지니어가 이 후 기사로 해 주고 있습니다!

　

Created by 주식회사 디지털 퀘스트 오노 슈헤이 ( @ 사이무시 )