Dart 【Flutter】dioを使ったHTTP通信の方法
モバイルアプリを作成する上で、Web APIとの通信は必須となることが多いです。このとき、簡単なHTTP通信から高度な機能を必要とする場面まで、実装方法に悩むことがあるかもしれません。そこで、今回は高機能なHTTP通信ライブラリ「dio」の...
hiyoko
Dart Flutter 【Flutter】位置情報を取得する方法
スマートフォンアプリでは、現在地を取得して地図に表示したり、特定のエリアに入ったことを検知したりする機能がよく使われます。例えば、ナビゲーションアプリやチェックイン機能を持つアプリなど、さまざまな場面で位置情報が活用されています。 本記事で...
Flutter 【Flutter】アプリを多言語対応（ローカライズ）する方法
アプリを作っていると、「英語対応もしたほうがいいかな？」「海外のユーザーにも使ってもらいたい！」と思うことはありませんか？そんなときに必要になるのが「ローカライズ（多言語対応）」です。本記事では、Flutterアプリをローカライズするための...
Flutter 【Flutter】プログレスバーにテキストで進捗表示（%表示）を追加する方法
アプリの進捗状況を 視覚的に分かりやすく表示する ために、プログレスバーはよく使われます。しかし、単にバーが伸びるだけでは 今どのくらい進んでいるのか が直感的に分かりにくいこともあります。 そこで今回は、Flutterで プログレスバーに...
Dart 【Flutter】ユニットテストでの Mock の使い方
本記事では、Flutter のユニットテストにおいて、Mock を使う方法について紹介します。 基本的なユニットテスト方法については、以下の記事をご参照ください。 Mock とは？ Mock とは、特定のクラスやコンポーネントの擬似オブジェ...
Flutter 【Flutter】ユニットテストの方法
本記事では、Flutter でのユニットテスト（単体テスト）の方法について紹介します。 ユニットテストとは？ 特定の関数やクラスなどの最小単位（ユニット）が独立して正しく動作しているかどうかを検証するテストです。ユニットテストを導入すること...
Flutter 【Flutter】クレヨンしんちゃん風のタイトル作成アプリをつくってみた
2024年11月24日(日)、「クレヨンしんちゃん」の「サトーココノカドー」のモデルとなっているイトーヨーカドー春日部店が閉店するそうです。 そこで、今回は「クレヨンしんちゃん」をテーマにしたアプリを Flutter で作成してみましたので...
Flutter 【Flutter】アイコンボタン、アイコン付きボタンの使い方
Flutter で、アイコンボタンやアイコン付きのボタンの使い方について紹介します！ アイコンボタン アイコンのみでボタンにしたい場合は、IconButton ウィジェットを使用します。 使い方 以下のように、IconButton は、ic...
Flutter 【Flutter】テキストにアニメーションを付ける方法
Flutter でテキストにアニメーションを付けて表示する方法について紹介します！今回は、animated_text_kit パッケージを使っていきます。 パッケージのインストール パッケージのインストール方法は、以下の記事で紹介しています...
Flutter 【Flutter】親 Widget と子 Widget 間でメソッドを参照する方法
Flutter で、親 Widget から子 Widget のメソッドを呼び出す方法と、子 Widget から親 Widget のメソッドを呼び出す方法について紹介します！ 子 Widget から親 Widget のメソッドを呼び出す方法 ...
Flutter 【Flutter】AnimationController でアニメーション付のHPゲージをつくってみた
今回は、以下の記事でつくった HP ゲージに、ダメージが入ると少しずつHPが削られていくようなアニメーションをつけてみました！そのソースコードと解説、使い方を紹介します！ アニメーション付HPゲージ ソースコード 以下がアニメーション付のH...
Flutter 【Flutter】ラベル付チェックボックス（CheckboxListTile）の使い方、デザイン変更方法
Flutter では、Checkbox ウィジェットを使えば、チェックボックスを表示できます。しかし、チェックボックスの横に文字などを表示して、文字部分をタップした時にもチェックボックスのチェック状態を切り替えたい場合、Checkbox ウ...
Flutter 【Flutter】Checkbox の使い方とデザイン変更方法
Flutter で、チェックボックスを表示する Checkbox ウィジェットについて紹介します！ 基本の使い方 Checkbox ウィジェットは、20〜27行目のように使用します。value プロパティと onChanged プロパティの...
Flutter 【Flutter】TextField で文字入力を受け付ける
Flutter で、文字入力を受け付けるためのフィールドを作成する TextField の ウィジェットの使い方を紹介していきます。 基本の使い方 以下のように、TextField を設置することで、テキスト入力フィールドを表示させることが...
Flutter 【Flutter】画面遷移を検知して処理を行う
Flutter で、画面遷移を検知して処理を行う方法について紹介します！ 方法 observer の登録 まずは、画面遷移イベントの observer を登録します。 以下のように、インスタンスを生成します。 final RouteObse...
Dart 【Dart】指定時間後に遅延実行する方法
Dartで、遅延実行させる方法をご紹介します！ 方法 遅延実行させる方法には、大きく分けて2つあります。一つは、sleep を使う方法、もう一つは、Future.delayed を使う方法です。 sleep sleep を使用する場合は、D...
Flutter 【Flutter】ローカルデータベースにデータを保存(永続化)する方法
Flutter で、ローカルデータベースにデータを保存する方法を紹介します！SQLite を扱う sqflite のパッケージを使用していきます。 パッケージのインストール sqflite のパッケージをインストールします。また、path ...
Swift Objective-C から Swift メソッド呼び出し時、”Ignoring return value of function declared with ‘warn_unused_result’ attribute” の Warning が出た場合の解消方法
Warning の意味 "Ignoring return value of function declared with 'warn_unused_result' attribute" は、メソッドの返り値がその後の処理で使用されていない時...
Flutter 【Flutter】扇形を描画する方法
CustomPainter を使って、扇形を描画する方法について紹介します！ 方法 描画クラスの作成 まずは、以下のように描画クラスを作成します。詳しい扇形の設定は、以下の解説をご覧ください。 import 'package:flu...
Flutter Flutter で VIVANT のドラムが使用するアプリを再現してみた（解説編）
Flutter で VIVANT のドラムが使用するアプリを再現してみた（作成編）で作成したソースコードを解説していきます！ 作成編は、以下ご参照ください！ ソースコード おさらいですが、作成したソースコードは以下になります。 import...