Java도 Swift도 모르는 아마추어가 Ionic으로 스마트폰 앱을 만든다(그 1 개발 준비와 테스트 앱 작성편)

스마트 폰 앱이 만들고 싶어지는 충동

Ruby로 WEB 사이트는 만든다.
하지만 최근의 Z세대는 스마트폰 밖에 사용하지 않습니다.
그리고 자주 사용하는 서비스는 AppStore라든지 GooglePlay에서 다운로드하고 있다.
그래서 웹사이트뿐만 아니라 이 스마트폰 앱이 만들고 싶은 것이다.

Java도 Swift도 모르는 아마추어가 Ionic으로 스마트 폰 앱을 만들려면

Android 앱의 경우 Java, iOS 앱의 경우 Swift와 왜 2개 언어도 공부해야 하는가.
기술을 닦는 것이 아니라 앱을 만들고 싶다면 Android 앱과 iOS 앱을 만들어야한다면,
그 선택의 하나는 Ionic이라는 녀석을 잡으면 좋다.

Ionic은 HTML5로 만든 앱을 웹뿐만 아니라 iOS 앱이나 Android 앱으로도 출시할 수 있다.

처럼 지금까지 Ruby로 WEB 사이트를 만들고 있다면 아마 사용하고 있는 언어는 HTML, CSS, Javascript, Ruby일 것이다.
에서 추가로 언어 공부 없이 스마트폰 앱도 만들 수 있다는 것이다.

어려운 것 생각하지 않고, 즉시 개발 환경 구축한다.
덧붙여서 환경은 開発端末→Widows10、コマンドライン→Gitbush다.
그 이외의 사람은 분위기에서 응용해 주었으면 한다. 미안해.

Node.js 설치

Node.JS 라는 것은 언어다. PHP로 개발하고 싶을 때 사전에 PHP를 설치하는 것과 같은 이미지다. 세세한 것은 신경 쓰지 마라.

우선 Node.js가 설치되어 있는지 확인하기 위해,
아래 명령을 실행.

$ node -v

아래와 같이 버전 표시되면 이미 설치되어 있으므로 OK



반응이 없으면 다음 사이트로 이동



설치 프로그램을 다운로드, 실행 및 설치.
에서 콘솔에서 node -v를 실행하여 버전이 표시되면 설치가 성공한 것입니다.

Ionic CLI 설치

Ionic CLI 라는 것은 ionic 명령을 잡을 수 있는 녀석.
아래 명령으로 Ionic CLI를 설치하십시오.
※ 상당히 시간이 걸린다.

$ npm install ionic cordova -g

$ ionic -v

Git 설치

Git은 무언가를 하고 있어요. 자세한 것은 시란. 우선 있으므로 설치 필수.
이미 Git이 설치되어 있는지 아래 명령으로 확인.

$ git --version

위와 같이 버전이 표시되면 설치됨.
만약 움직이지 않으면 아래 사이트에 액세스하여 설치하자.

Android Studio 설치

안드로이드 스튜디오는 안드로이드 앱이 출시 될 때 필요하기 때문에 어딘가에 설치.

아래 사이트에 액세스.
믿을 수 없을 정도로 시간이 걸리기 때문에 컵라면에서도 어렵지만 설치 권장.

Xcode 설치

iOS 앱의 리스에 필요하지만, Macbook 가지고 있지 않기 때문에, 일단 포기. 스루.

Ionic 프로젝트 만들기

이제 빠른 테스트 앱을 만듭니다.
우선은 텍토에 ionic 개발용의 디렉토리를 작성해, 그 디렉토리중에서 하기 커멘드를 실행한다.

$ ionic start test03 tabs --type=ionic-angular
# コマンドの構文としては ionic start アプリ名 テンプレート名  --type=ionic-angular

그러면 앱 이름의 디렉토리가 완성되어 있으므로 거기에 들어가서 다음 명령을 실행합니다.

$ ionic serve

그러자 마음대로 브라우저가 올라간다.



여유롭다.

Java도 Swift도 모르는 아마추어가 Ionic으로 스마트폰 앱을 만든다(그 2 앱 릴리스편) 다음. .