ヒヨコプログラミング（ヒヨプロ）

: 【Flutter】画像を反転して表示する方法

2025/5/1

本記事では、Flutter で画像を反転して表示させる方法について紹介します！ Flutter で画像を表示する方法については、以下の記事をご参照ください。 https://hiyoko-progra ...

Flutter

: 【Flutter】端末の気圧情報と天気情報から現在地の高度を算出する

2025/4/12

Flutter で端末の現在地の高度を算出してみたので、本記事ではその方法を紹介します！高度の計算方法高度は、以下の式で海面気圧、現在地の気圧、気温から求めることができます。 https://ke ...

Flutter

: 【Flutter】OpenWeather API で現在地の天気情報を取得する

2025/4/9

本記事では、Flutter で OpenWeather を使って現在地の天気情報を取得する方法についてご紹介します！ OpenWeather について「OpenWeather」とは、世界中の気象デー ...

Flutter

: 【Flutter】dioを使ったHTTP通信の方法

2025/3/25

モバイルアプリを作成する上で、Web APIとの通信は必須となることが多いです。このとき、簡単なHTTP通信から高度な機能を必要とする場面まで、実装方法に悩むことがあるかもしれません。そこで、今回は高 ...

Dart Flutter

: 【Flutter】位置情報を取得する方法

2025/3/8

スマートフォンアプリでは、現在地を取得して地図に表示したり、特定のエリアに入ったことを検知したりする機能がよく使われます。例えば、ナビゲーションアプリやチェックイン機能を持つアプリなど、さまざまな場面 ...

Flutter

: 【Flutter】アプリを多言語対応（ローカライズ）する方法

2025/2/25

アプリを作っていると、「英語対応もしたほうがいいかな？」「海外のユーザーにも使ってもらいたい！」と思うことはありませんか？そんなときに必要になるのが「ローカライズ（多言語対応）」です。本記事では、Fl ...

Flutter

: 【Flutter】プログレスバーにテキストで進捗表示（%表示）を追加する方法

2025/2/22

アプリの進捗状況を視覚的に分かりやすく表示するために、プログレスバーはよく使われます。しかし、単にバーが伸びるだけでは今どのくらい進んでいるのかが直感的に分かりにくいこともあります。そこで今 ...

Flutter

: 【Flutter】ユニットテストでの Mock の使い方

2025/2/14

本記事では、Flutter のユニットテストにおいて、Mock を使う方法について紹介します。基本的なユニットテスト方法については、以下の記事をご参照ください。 https://hiyoko-pro ...

Dart Flutter

: 【Flutter】ユニットテストの方法

2025/2/14

本記事では、Flutter でのユニットテスト（単体テスト）の方法について紹介します。ユニットテストとは？特定の関数やクラスなどの最小単位（ユニット）が独立して正しく動作しているかどうかを検証する ...

Dart Flutter

: 【Flutter】クレヨンしんちゃん風のタイトル作成アプリをつくってみた

2024/9/18

2024年11月24日(日)、「クレヨンしんちゃん」の「サトーココノカドー」のモデルとなっているイトーヨーカドー春日部店が閉店するそうです。そこで、今回は「クレヨンしんちゃん」をテーマにしたアプリを ...

Flutter

: 【Flutter】アイコンボタン、アイコン付きボタンの使い方

2024/7/23

Flutter で、アイコンボタンやアイコン付きのボタンの使い方について紹介します！アイコンボタンアイコンのみでボタンにしたい場合は、IconButton ウィジェットを使用します。 https: ...

Flutter

: 【Flutter】テキストにアニメーションを付ける方法

2024/6/21

Flutter でテキストにアニメーションを付けて表示する方法について紹介します！今回は、animated_text_kit パッケージを使っていきます。パッケージのインストール https://p ...

Flutter

: 【Flutter】親 Widget と子 Widget 間でメソッドを参照する方法

2024/4/28

Flutter で、親 Widget から子 Widget のメソッドを呼び出す方法と、子 Widget から親 Widget のメソッドを呼び出す方法について紹介します！子 Widget から親 ...

Flutter

: 【Flutter】AnimationController でアニメーション付のHPゲージをつくってみた

2024/4/14

今回は、以下の記事でつくった HP ゲージに、ダメージが入ると少しずつHPが削られていくようなアニメーションをつけてみました！そのソースコードと解説、使い方を紹介します！ https://hiyoko ...

Flutter

: 【Flutter】ラベル付チェックボックス（CheckboxListTile）の使い方、デザイン変更方法

2024/3/24

Flutter では、Checkbox ウィジェットを使えば、チェックボックスを表示できます。しかし、チェックボックスの横に文字などを表示して、文字部分をタップした時にもチェックボックスのチェック状態 ...

Flutter

: 【Flutter】Checkbox の使い方とデザイン変更方法

2024/3/20

Flutter で、チェックボックスを表示する Checkbox ウィジェットについて紹介します！基本の使い方 Checkbox ウィジェットは、20〜27行目のように使用します。value プロパ ...

Flutter

: 【Flutter】TextField で文字入力を受け付ける

2024/7/27

Flutter で、文字入力を受け付けるためのフィールドを作成する TextField のウィジェットの使い方を紹介していきます。基本の使い方以下のように、TextField を設置することで、 ...

Flutter

: 【Flutter】画面遷移を検知して処理を行う

2024/2/18

Flutter で、画面遷移を検知して処理を行う方法について紹介します！方法 observer の登録まずは、画面遷移イベントの observer を登録します。以下のように、インスタンスを生成 ...

Flutter

: 【Dart】指定時間後に遅延実行する方法

2024/2/17

Dartで、遅延実行させる方法をご紹介します！方法遅延実行させる方法には、大きく分けて2つあります。一つは、sleep を使う方法、もう一つは、Future.delayed を使う方法です。 sl ...

Dart Flutter

: 【Flutter】ローカルデータベースにデータを保存(永続化)する方法

2024/2/12

Flutter で、ローカルデータベースにデータを保存する方法を紹介します！SQLite を扱う sqflite のパッケージを使用していきます。パッケージのインストール sqflite のパッケー ...

Flutter

1 2 3 4 Next »