このエントリーをはてなブックマークに追加

Jul

2

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜

カレンダーアプリを通して Flutter を学ぶ、オンライン形式で開催します

Organizing : Flutter Japan User Group

Hashtag :#flutter_osaka
Registration info

オンライン参加枠

Free

Attendees
65

参加者への情報
(参加者と発表者のみに公開されます)

Description

開催概要

今回はアプリ開発未経験の方を対象に、Flutterのハンズオンを開催します!

  • アプリ開発未経験のWebデザイナーやコーダー
  • その他Flutterに興味のある方

ハンズオンの内容

2021年11月の FlutterKaigi 2021 でも登壇された ちゅーやん (@chooyan) が、今回は担当させていただきます。

学ぶ内容は Flutterパッケージ、Dartパッケージの開発を学びながら作る簡単なカレンダーアプリ!
パッケージプロジェクトの新規作成から実装、それを取り込んだアプリ開発までの一連の流れを行います。

※もしご不明な点がありましたら Flutter Osaka のSlackでいつでも質問を受け付けております。

また Flutter Osaka 専用Slackの #handson チャンネルで進めますので、 招待リンク より入ってください。

事前準備

当日までに Flutter の開発環境の構築をお願いします。
flutter create でプロジェクトを作成し、最初のカウンターアプリが起動できたら OK です!

まだ環境構築ができていない方は、以下の公式ドキュメントを参考に進めてみてください。

https://docs.flutter.dev/get-started/install

いろいろ書いてありますが、大まかな手順は以下の通りです。

  • SDK をインストールする
  • パスを通す
  • エディタ (今回使う Visual Studio Code) をインストールする

このうち上 2つについては以下でも詳しく書いております。参考にしてみてください。

SDK をインストールする

各自の環境に合わせて SDK をダウンロード、それぞれの環境でインストールしてください。

なお、今回の Flutter バージョンは 3.0.0-stable を使う予定です。

パスを通す

Mac をお使いの方

.bash_profile を vi で開いて以下コマンドを叩きます。

mkdir ~/project

<USER> を個別のユーザー名に置き換えて PATH を追加します。

export PATH="$PATH:/Users/<USER>/project/flutter/bin"

PATH を更新して以下コマンドを叩きます。

source ~/.bash_profile

Windows をお使いの方

C:\Program Files のようにアクセス許可が必要な場所で行うと失敗する可能性があるので注意してください。

C 直下に project フォルダを作成、ダウンロードした C:\project 直下に解凍します。そして bin フォルダを環境変数に追加します。

タイムスケジュール

時間 内容
14:00 Flutterの概要説明
14:05 Flutter Osaka説明
14:10 ハンズオン開始
16:00 簡単に質疑応答など
16:30 完全撤収(予定)

講師紹介

【ちゅーやん (@chooyan_i18n)】

フリーランス Flutter アプリ開発者。企業向け研修の講師もやってます。

Flutter の画像切り抜きパッケージ crop_your_image をはじめとしたパッケージ開発と Flutter の内部実装の調査が趣味です。Zenn で 「内側から理解する Flutter 入門」 を販売中。

行動規範, Code of Conduct

https://flutter-osaka.netlify.app/#行動規範-code-of-conduct

ロゴマークについて

Flutter's identity system に従って使用しています。

発表者

Feed

jiyuujin

jiyuujinさんが資料をアップしました。

07/04/2022 09:44

Ended

2022/07/02(Sat)

14:00
16:30

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2022/06/13(Mon) 12:00 〜
2022/07/02(Sat) 13:59

Location

オンライン

オンライン

Attendees(65)

Susumu Hoshikawa

Susumu Hoshikawa

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

Julia_Akashi

Julia_Akashi

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

hiro

hiro

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

ukaznil

ukaznil

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜 に参加を申し込みました!

mikiarakawa0407

mikiarakawa0407

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

n-hitoshi

n-hitoshi

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

misaki.kawaguchi

misaki.kawaguchi

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜 に参加を申し込みました!

youichirou4016

youichirou4016

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜 に参加を申し込みました!

kohei machida

kohei machida

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

ari526msx

ari526msx

【オンライン】Flutter ハンズオン #10 〜 カレンダーアプリ製作 〜に参加を申し込みました!

Attendees (65)

Canceled (7)