IT素人が作るチャットアプリpart1

Sorry, this entry is only available in 日本語. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.

「エンジニアが集まる・活躍する・成長する街、福岡」の実現を目指し、2019年8月に誕生したエンジニアカフェ。

エンジニアの育成・成長・交流を促進するさまざまなイベントを開催し、エンジニアが活躍できる環境づくりをサポートしています。

今回は、2021/10/02に開催されたエンジニアカフェ主催の「IT素人が作るチャットアプリ(part1)」をご紹介。イベント当日の模様をお届けします!

イベントで使用した機材・ソフトウェア

・MacBookAir(M1チップ搭載)

・Flutter(モバイルアプリフレームワーク)

Flutterの環境構築方法(M1mac)はこちら

How to make an application even for an IT amateur in just 1 hour!! (flutter) [Flutterの環境構築方法(M1mac)]

今回の内容

Flutterの新規プロジェクト作成
Firebaseの設定
FlutterプロジェクトにFirebaseの設定を書き込む
パッケージのインストール
認証機能を入れてみる

当日の流れ

細かい手順は記事の最後に貼ってある当日の動画内で説明していますので、興味のある方はそちらをご覧ください

新規プロジェクト作成

AndroidStudioを起動し、Flutterプロジェクトを作成していきましょう。今回はプロジェクト名をchatappとしています

Firebaseの設定

基本、チャットアプリはサーバーを介して人と人がコミュニケーションを取れるようにしています。ここでサーバーを用意する必要があるのですが、今からチャット用のサーバーを用意し、バックエンドをガチャガシャするのは気が遠くなります… そこでサーバーレス開発ができるFirebaseを利用します。Firebaseは認証機能、データベース機能、データストレージ機能などさまざまな機能を用意してくれています。Firebase を使えば爆速で最高なアプリを誕生させることができるでしょう!

Firebaseのプロジェクトを作っていきます。