hiyoko

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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