요 전날 2020/8/14에 참가한 Flutter 공부회에 대해 아웃풋합니다.
연구회 URL(connpass): 처음 Flutter! - connpass

Flutter 개요

Flutter는 Google의 오픈 소스 모바일 개발 프레임워크로, iOS, Android마다 개발 언어 등을 구분하지 않고 하나의 코드베이스로 두 플랫폼에 대응시킬 수 있습니다.
또한 최근에는 웹 앱에 대한 대응도 진행되고있는 것 같습니다.
Flutter의 개발에는 Dart라고 하는 언어를 사용해, 미리 준비된 위젯을 사용해, 버튼이나 텍스트, 아이콘의 표시라고 하는 GUI 디자인을 만들 수 있습니다.

공부회에서 만든 앱

연구회에서는 샘플로서 버튼을 누를 때마다 무작위로 문자열을 표시하는 운세 앱을 작성한 것 외에 샘플을 개조한 앱을 참가자 각자로 작성했습니다.
작업에는 DartPad라는 브라우저상에서 가동하는 에디터를 사용했습니다(본격적인 개발의 경우 Xcode, Android Studio등을 사용하는 모양).

1개만 표시하고 있던 버튼을 4개로 늘린 후, 버튼마다 표시 문자열을 나누어 나누는 것으로 퀴즈 앱을 작성했습니다.

퀴즈 앱 코드를 입력한 DartPad는 다음 URL로 액세스할 수 있습니다.
공부회에서 즉흥으로 작성한 후, 약간 미비 수정·코멘트 추가를 실시하고 있습니다.
Gist라는 GitHub 서비스를 통해 Gist에서 공유한 코드를 DartPad에 표시합니다.
htps : //이다 rt파 d. 다 rt㎁g. rg / a 4cdb87971 예 f02b8 a d63d59b876818c

퀴즈 앱의 화면 사진은 다음과 같습니다.

초기 표시

부정해(B 이외를 탭)

정답(B를 탭)

마지막으로

Flutter에 대해 비교적 쉽게 스마트 폰용 GUI 앱을 만들 수 있다는 것에 관심이있었습니다. 현재 Google이 힘을 쏟고 개발하고 있는 것 같기 때문에, 앞으로도 Flutter의 동향에 눈을 나누고 싶다고 생각하고 있습니다.
본 기사내의 기술에 잘못등 있으면 연락을 부탁드리겠습니다.