# Flutter の記事一覧
Flutterは、Googleが開発したクロスプラットフォームのアプリ開発フレームワークです。iOS、Androidアプリの開発効率化に役立ちます。
![Android Studioで標準搭載されたGemini(Preview)を使ってみた](https://images.ctfassets.net/ct0aopd36mqt/wp-thumbnail-277c8d22069e4fdab72079c41e639052/25dbc193b582d98796ec0feabbf96e39/android-black-1200x630-1.jpg)
Android Studioで標準搭載されたGemini(Preview)を使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![Flutterでネットワーク接続状態を確認して分岐させてみた(connectivity_plus)](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterでネットワーク接続状態を確認して分岐させてみた(connectivity_plus)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![Flutterで状態管理されたイメージをprecacheImageを使って、画像読み込みまで画面描画を遅らせる](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterで状態管理されたイメージをprecacheImageを使って、画像読み込みまで画面描画を遅らせる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![FlutterでGoogle Fontsを使ってフォントを変更してみた(google_fonts)](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでGoogle Fontsを使ってフォントを変更してみた(google_fonts)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![FlutterでRiverpodを用いた画面のWidget Testやってみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでRiverpodを用いた画面のWidget Testやってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsakamoto-yuto.png&w=256&q=75)
![FlutterでRiverpodとMockitoを使ってProviderのテストしてみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでRiverpodとMockitoを使ってProviderのテストしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsakamoto-yuto.png&w=256&q=75)
![FlutterでDALL·E 3をAPI経由で使用してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでDALL·E 3をAPI経由で使用してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![FlutterでMockitoを使って単体テストやってみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでMockitoを使って単体テストやってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsakamoto-yuto.png&w=256&q=75)
![Flutterでローカルの画像やカメラを起動して撮影した画像を使用するimage_pickerを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterでローカルの画像やカメラを起動して撮影した画像を使用するimage_pickerを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![Flutterの初期アプリをRiverpod Generatorで状態管理してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterの初期アプリをRiverpod Generatorで状態管理してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fshimamura-seiya.png&w=256&q=75)
![Flutterで軽量なRDBMSのSQLite(sqflite)を使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterで軽量なRDBMSのSQLite(sqflite)を使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![FlutterでOpenAI APIを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでOpenAI APIを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![FlutterでローカルにKey-Valueでデータ管理するshared_preferencesを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでローカルにKey-Valueでデータ管理するshared_preferencesを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![FlutterでAPI呼び出し(GET/POST/DELETE)をしてみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterでAPI呼び出し(GET/POST/DELETE)をしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![Flutterの新規プロジェクト作成時の初期コードを読み解いてみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterの新規プロジェクト作成時の初期コードを読み解いてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![WindowsにFlutterの環境構築してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
WindowsにFlutterの環境構築してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fsato-ryuki.png&w=256&q=75)
![Flutter プロジェクト(iOS)をコマンドを使って Xcode で開く](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutter プロジェクト(iOS)をコマンドを使って Xcode で開く
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Flutter で QR コードスキャンを実装できる mobile_scanner を iOS アプリで試してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutter で QR コードスキャンを実装できる mobile_scanner を iOS アプリで試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![MacBook に接続した iPhone 実機で Flutter アプリをデバッグする](https://devio2023-media.developers.io/wp-content/uploads/2023/09/20230916_222652.jpg)
MacBook に接続した iPhone 実機で Flutter アプリをデバッグする
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Flutter で QR コードスキャンを実装できる mobile_scanner を Web アプリで試してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutter で QR コードスキャンを実装できる mobile_scanner を Web アプリで試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![[Flutter] ページインジケーター機能を実装する](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
[Flutter] ページインジケーター機能を実装する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![ChatGPTに頼りながら、スティッキーヘッダーを利用したFlutterアプリのExampleを動かしてみた](https://devio2023-media.developers.io/wp-content/uploads/2023/03/chatgpt.png)
ChatGPTに頼りながら、スティッキーヘッダーを利用したFlutterアプリのExampleを動かしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![[Flutter] ドロップダウンメニューで色を選べるようにする](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
[Flutter] ドロップダウンメニューで色を選べるようにする
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Flutter Amplifyでアプリ(iOS)から自身の属性情報を取得しようとするとエラーとなる際の確認ポイント](https://devio2023-media.developers.io/wp-content/uploads/2022/08/aws-amplify.png)
Flutter Amplifyでアプリ(iOS)から自身の属性情報を取得しようとするとエラーとなる際の確認ポイント
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Flutter(iOS)アプリでAmzon Cognitoの認証状態に応じて画面を切り替える実装をしてみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutter(iOS)アプリでAmzon Cognitoの認証状態に応じて画面を切り替える実装をしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![[Flutter] MaterialAppでパスルーティングを実装する](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
[Flutter] MaterialAppでパスルーティングを実装する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![[VS Code] Dartでファイル保存時にセミコロンを自動挿入するフォーマット設定をしてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/11/eyecatch_dart_1200x630.png)
[VS Code] Dartでファイル保存時にセミコロンを自動挿入するフォーマット設定をしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![FlutterアプリをXcodeでビルドしてArchiveを作成する際にハマったこと](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
FlutterアプリをXcodeでビルドしてArchiveを作成する際にハマったこと
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![flutter_nearby_connectionsによるP2P通信をiOS Simulatorのデバイス間で試してみた](https://devio2023-media.developers.io/wp-content/uploads/2023/02/Screen-Shot-2023-02-15-at-23.22.41.png)
flutter_nearby_connectionsによるP2P通信をiOS Simulatorのデバイス間で試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![Flutterアプリを複数台のiOS Simulatorデバイスで同時に実行してみた](https://devio2023-media.developers.io/wp-content/uploads/2020/02/flutter.png)
Flutterアプリを複数台のiOS Simulatorデバイスで同時に実行してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)
![[Flutter] XMLファイル(Info.plist)をVSCodeから編集したい](https://devio2023-media.developers.io/wp-content/uploads/2020/06/vscode-2020-eyecatch-1200x630-1.png)
[Flutter] XMLファイル(Info.plist)をVSCodeから編集したい
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fwakatsuki-ryuta.jpeg&w=256&q=75)