소개

Flutter(플러터)는 Google에서 개발한 무료 및 오픈 소스 모바일 애플리케이션 프레임워크입니다. Flutter는 Android 및 iOS용 애플리케이션을 개발하는 데 사용됩니다.

다양한 UI 파트가 처음부터 준비되어 있어, 조합하는 것으로 간단하게 UI를 구현할 수 있습니다.

프로그래밍 언어에는 "Dart"를 사용합니다.
※JavaScript나 Java의 개발 경험자라면, 간단하게 이해할 수 있다고 생각합니다.

Flutter의 개발 환경 구축과 프로젝트를 만드는 방법을 비망록으로 정리합니다.

사전 준비

공식 문서와 개발 환경을 구축하는 방법을 파악합니다.

문서

Flutter

공식 사이트 : htps : // f ぅ라고 r. 에서 v/

문서

API 문서

샘플

Dart

공식 사이트 : htps : //이다 rt. 에서 v/

문서

참고로 한 책

기초에서 배우기 Flutter

Flutter 모바일 앱 개발 바이블

환경 구축

GitHub의 Flutter 리포지토리에서 소스 코드를 검색하고 필요에 따라 분기 또는 태그를 변경합니다.
htps : // 기주 b. 이 m / f ぅ r / f ぅ r

$ git clone https://github.com/flutter/flutter.git -b stable

.bash_profile에 flutter 도구의 경로를 추가합니다.

#Flutter
$ export PATH_TO_FLUTTER_GIT_DIRECTORY=/Applications/flutter
$ export PATH=${PATH_TO_FLUTTER_GIT_DIRECTORY}/bin:$PATH

PATH_TO_FLUTTER_GIT_DIRECTORY는 Flutter의 git 저장소를 복제 된 경로로 만듭니다.

다음 명령을 실행하여 flutter/bin 디렉토리가 PATH에 포함되어 있는지 확인하십시오.

$ echo $PATH

다음 명령을 실행하여 flutter 명령을 사용할 수 있는지 확인합니다.

$ which flutter

다음 명령을 실행하여 설치를 완료하는 데 필요한 다른 소프트웨어가 있는지 확인합니다.
(세부 출력의 경우 -v 플래그를 추가합니다).

$ flutter doctor

구현

신규 프로젝트 작성

새 앱을 만들려면 다음 명령을 실행하여 myapp 프로젝트의 이름으로 바꿉니다.

$ flutter create myapp
$ cd myapp

iOS simulator에서 실행

$ open -a Simulator
$ flutter run

Flutter 및 Dart 패키지 사용

Flutter나 Dart의 각종 패키지는, 「Dart packages」에서 찾을 수 있습니다.

Dart packages

Flutter는 외부 패키지와 같은 종속성 및 앱 설정을 pubspec.yaml에 설명합니다.
다음 명령을 실행하면 pubspec.yaml에 나열된 외부 패키지 등을 검색하여 사용할 수 있습니다.

$ flutter packages get

요약

이번에는 Flutter의 개발 환경 구축을 실시해, 샘플 프로젝트 를 작성해, 여러가지 동작을 검증해 보았습니다.
검증으로부터 몇가지, 메리트·데메리트로서 들 수 있는 점을 느꼈으므로 정리합니다.

장점

하나의 소스 코드로 iOS 및 Android에서 실행되는 앱을 손쉽게 개발할 수 있습니다.

고품질의 UI를 쉽게 구현할 수 있습니다

Dart 언어는 JavaScript 또는 Java 개발 경험이 있다면 쉽게 이해할 수 있습니다

단점

일본에서의 채용 사례가 적고, 개발자의 인구도 많지 않다

오픈 소스 라이브러리 및 정보가 적습니다 (일본어로 작성된 자료가 적습니다)

OS에 의존하는 기능에 대해서는, 각 플랫폼 마다 구현할 필요가 있다

또 별로, Flutter 와 Firebase 로, 「어플리의 액세스/크래쉬 해석」이나 「크로스 플랫폼으로 PUSH 통지」나 「로그인 인증」등을 간단하게 구현할 수 있었으므로, 향후 정리해 갑니다.

추가

Flutter 프로젝트에서 Firebase 설정을 Flutter 앱에 Firebase 추가에 요약했습니다.