全てのコンテンツ

Flutter

【Flutter】get_itとcloud_firestoreで、Firebaseのデータベースにデータを追加する

前回は、Flutter のパッケージである get_it と cloud_firestore を使い、Firebase のデータベースの内容を表示しました。 今回は、Firebase のデータベースにデータを追加します。 前回、Firebase…

続きを読む
2022年04月15日2 分
Flutter

【Flutter】get_itとcloud_firestoreで、Firebaseのデータベースを実装する

Flutter のパッケージである get_it と cloud_firestore を使い、Firebase のデータベースの内容を表示します。 まずは、Firebase の Cloud FIrestore でコレクションとフィールドを作成しておきましょう。 Flutter…

続きを読む
2022年04月14日3 分
Flutter

【Flutter】get_itとFirebaseのAuthenticationを使用し、ユーザー登録機能を実装する

前回は、FlutterでFirebaseを使用するために設定し、ログインを実装しました。 今回は、ユーザー登録機能を実装します。 今回もFirebaseとFlutterをやりとりするのには、パッケージでget_itを使用します。 Firebase…

続きを読む
2022年04月13日2 分
Flutter

【Flutter】get_itでFirebaseを設定し、ログイン機能を実装する

Flutter で Firebase を使用するために設定し、ログインを実装します。 Firebase と Flutter をやりとりするのには、パッケージで get_it を使用します。 まずは、Firebase…

続きを読む
2022年04月11日7 分
Flutter

【Flutter】ログイン画面を実装する

Flutter でログイン画面を実装します。 まずは、どのデバイスでも対応できるように、画面サイズを取得します。 詳しくは、前回をご確認ください。 次に、ログイン画面を構成します。 横のスペースをデバイスサイズの 5%取るために、 horizontal…

続きを読む
2022年04月09日3 分
Flutter

【Flutter】デバイスの画面サイズを取得する方法

続きを読む
2022年04月08日1 分
Flutter

【Flutter】flutte_mapを使い、画面に地図を表示する方法

Flutter のパッケージである、 flutte_map を使い、画面に地図を表示します。 まずは、 flutte_map をインストールするために、ターミナルで、 flutter pub add flutter_map…

続きを読む
2022年04月07日2 分
Flutter

【Flutter】APIを取得し、取得した内容を画面に一覧表示する方法

バックエンドから API を取得し、取得した内容を画面に一覧表示します。 JSON データは、JSON Placeholder より photos( https://jsonplaceholder.typicode.com/ )を使用します。 まずは、flutter pub…

続きを読む
2022年04月06日3 分
Flutter

【Flutter】フォトギャラリーのように、画像を縦横に表示する方法

Flutterでフォトギャラリーのように、画像を縦横に表示するには、 GridView を使用します。 まずは、asssetsフォルダ内にimagesフォルダを作成し、画像を入れます。 pubspecc.yaml内に、画像の位置を指定します。 ターミナルで、 flutter…

続きを読む
2022年04月05日2 分
Flutter

【Flutter】画像を背景にし、リストで並べる方法

FlutterのListViewを使って、リストを作成します。 また背景は、画像を使用します。 まずは、asssetsフォルダ内にimagesフォルダを作成し、画像を入れます。 pubspecc.yaml内に、画像の位置を指定します。 ターミナルで、 flutter pub…

続きを読む
2022年04月04日1 分