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

: 【Flutter】通信中のインジケータを表示する方法
2025/6/26
通信処理は、アプリにとって欠かせない機能のひとつです。ユーザーに対して「いま通信中ですよ」と伝えるためには、インジケータ（ローディング表示）を表示することが大切です。今回は、Flutter で通信中に ...
Flutter

: 【Android】Android 16 で隠し機能のイースターエッグで遊ぶ方法
2025/6/12
Android 16 が 6月11日にリリースされました。例年より早いリリースとなりましたね。早速、Android 16 のイースターエッグ（隠し機能）で遊んでみたので、その方法を紹介します！イース ...
Android

: 【Flutter】ネットワーク情報を取得する方法
2025/5/30
Flutter アプリを開発していると、この端末は今Wi-Fiに繋がっているのか、モバイルデータ通信中なのか、といったネットワークの種類を判定したい場面があると思います。この記事では、Flutter ...
Flutter

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

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

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

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

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

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

: 【Flutter】プログレスバーにテキストで進捗表示（%表示）を追加する方法
2025/5/2
アプリの進捗状況を視覚的に分かりやすく表示するために、プログレスバーはよく使われます。しかし、単にバーが伸びるだけでは今どのくらい進んでいるのかが直感的に分かりにくいこともあります。そこで今 ...
Flutter

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

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

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

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

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

: 【Flutter】親 Widget と子 Widget 間でメソッドを参照する方法
2025/5/2
Flutter で、親 Widget から子 Widget のメソッドを呼び出す方法と、子 Widget から親 Widget のメソッドを呼び出す方法について紹介します！子 Widget から親 ...
Flutter

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

: 【Flutter】ラベル付チェックボックス（CheckboxListTile）の使い方、デザイン変更方法
2025/5/2
Flutter では、Checkbox ウィジェットを使えば、チェックボックスを表示できます。しかし、チェックボックスの横に文字などを表示して、文字部分をタップした時にもチェックボックスのチェック状態 ...
Flutter

: 【Flutter】Checkbox の使い方とデザイン変更方法
2025/5/2
Flutter で、チェックボックスを表示する Checkbox ウィジェットについて紹介します！基本の使い方 Checkbox ウィジェットは、20〜27行目のように使用します。value プロパ ...
Flutter

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

1 2 3 … 5 Next »

hiyoko

メーカー勤務。iOSアプリ開発を中心に業務で行っていますが、実装部分は開発委託になることもあるため、自分でアプリ開発を行って勉強中です。

カテゴリー

アーカイブ