全てのコンテンツ

Flutter

【Flutter】条件によって、表示する文章を変える方法

Flutterで条件により、表示する文章を変えたい場合、Getterを使います。 今回は、カウンターが0の場合は『プラスボタンをタップしてください:』、1以上の場合は『もっとプラスボタンをタップしてください:』を表示させます。 FlutterでGetterを使用するには、 get…

続きを読む
2022年05月02日1 分
Flutter

【Flutter】Flutterのパッケージやフォントをダウンロードで、Googleフォントを使用する

FlutterでGoogleフォントを使用します。 まずはパッケージであるgoogle_fontsを利用します。 ターミナルで、 flutter pub add google_fonts を実行します。 さらにターミナルで flutter pub get…

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

【Flutter】freezedを使用し、クラスモデルを生成する

Flutter の freezed を使い、immutable なモデルクラスを生成します。 まずは、必要なパッケージをインストールします。 freezed をインストールするために、ターミナルで、 flutter pub add freezed --dev…

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

【Flutter】hooks_riverpodを使用し、状態管理を簡単にする

Flutter のパッケージである、hooks_riverpod を利用し、フックとプロバイダで状態管理します。 基本コードは前回作成した、タップすると値が 2 倍になるアプリを使用します。 まずは、hooks_riverpod…

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

【Flutter】flutter_hooksを使用し、状態管理を簡単にする

Flutte のパッケージである flutter_hooks を使うことで、Flutter の状態管理が簡単になります。 ボタンをタップすると、数字が 2 倍になるアプリを作成します。 まずは、数字が表示される画面を作成しましょう。 次に、flutter_hooks…

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

【Flutter】flutter_riverpodを使用し、状態管理を実装する

Flutter のパッケージである、flutter_riverpod を使用し、状態管理を実装します。 まずは、flutter_riverpod をインストールします。 ターミナルで、 flutter pub add flutter_riverpod…

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

【Flutter】開発した内容が正常に動作するか、ユニットテストを実行する

Flutter では、テストをする方法がいくつかあります。 その中で、一番基本となるユニットテストを実行します。 まずは、画面に数字を表示させます。 main.dart 次に、掛け算を計算するファイルを作成しましょう。 utils フォルダに、for_calculate.dart…

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

【Flutter】数値を変更することができるスライダーを作成する

Flutter でスライダーを作成し、スライドの位置によって数値を変更します。 まずは、数値を表示する場所を作成します。 次に、変動する数値として、 _point を設定します。 現在 50 となっているところに、 _point を指定します。 Flutter…

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

【Flutter】get_itとcloud_firestoreで、Firebase Cloud Firestoreのデータを更新する

前回は、Flutterのパッケージであるget_itとcloud_firestoreを使い、Firebaseのデータベースにデータを削除しました。 今回は、Firebase Cloud Firestoreのデータを更新します。 firebase…

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

【Flutter】get_itとcloud_firestoreで、Firebase Cloud Firestoreのデータを削除する

前回は、Flutterのパッケージであるget_itとcloud_firestoreを使い、Firebaseのデータベースにデータを追加しました。 今回は、Firebase Cloud Firestoreのデータを削除します。 以前作成したコードは、こちらです。 pages…

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