並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 777件

新着順 人気順

Flutterの検索結果321 - 360 件 / 777件

  • Flutter Riverpod 2.0: The Ultimate Guide

    Riverpod is a reactive caching and data-binding framework that was born as an evolution of the Provider package. According to the official documentation: Riverpod is a complete rewrite of the Provider package to make improvements that would be otherwise impossible. Many people still view it as a "state management" framework. But it is much more than that. In fact, Riverpod 2.0 borrows many valuabl

      Flutter Riverpod 2.0: The Ultimate Guide
    • Flutter大学

      アプリ開発が学べる日本最大級のFlutterコミュニティ

        Flutter大学
      • オカンとオトンから学んだOOUIデザイン設計.pdf

        Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15

          オカンとオトンから学んだOOUIデザイン設計.pdf
        • Navigator 2.0 の解説 後編 1

          前編では、Navigator 2.0 の基本として、新しい Page API を用いた複数の Route の宣言的な状態管理について解説しました。 Navigator の Page API だけでは、Android の戻るボタンや Web ブラウザーの戻る/進むボタンの対応、Web ブラウザーの history の更新(それによるアドレスバーの URL の更新)といった、OS と協調した処理に対応しません。後編では、それらの処理に対応するために新しく提供された Router API について解説します。その後、Navigator 2.0 のまとめと、今後の課題について言及します。 Router による Routing の全体像 Router は、Android の戻るボタンや Web ブラウザーの戻る/進むボタンからの通知の受信、Web ブラウザーの history の更新(それによるアド

            Navigator 2.0 の解説 後編 1
          • Flutterアプリの主流な状態管理パターンと導入事例まとめ(2020年版) - TetsuFeの個人開発ブログ

            はじめに 状態管理パターンとは? Flutterの主流な状態管理パターン どれを選ぶべき? パターン1. StatefulWidget パターン2. InheritedWidget / InheritedModel もっと詳しく パターン3. ChangeNotifier/ValueNotifier + Provider 導入事例 もっと詳しく パターン4. BLoC + Provider BLoCのメリット、デメリット コード例 導入事例 flutter_blocとBLoC BLoCの課題 Stream=BLoCではない おまけ:BLoCの歴史 cubit もっと詳しく パターン5. state_notifier + freezed + Provider 例 もっと詳しく 新パターン. Riverpod + ? package:providerとの比較 もっと詳しく アーキテクチャパター

              Flutterアプリの主流な状態管理パターンと導入事例まとめ(2020年版) - TetsuFeの個人開発ブログ
            • Flutter でバックグラウンドでも動くタイマーアプリを作った – rinoguchi's techlog

              少し前に会社のブログで以下の記事を書きました。 Flutterでお勉強時間管理用のタイマーアプリを作った このアプリには、「アプリがバックグラウンドに遷移するとタイマーが停止してしまう」という致命的な問題がありましたが、その対処方法が分かったので、紹介したいと思います。 問題点 アプリがバックグラウンドに遷移すると、アプリが一時停止してしまい、タイマーが止まってしまう。 対応方針 アプリがバックグラウンドに遷移したタイミングと、フォアグラウンドに復帰したタイミングで以下の処理を行う作戦でいこうと思います。 バックグラウドに遷移したタイミング その時点の時間を元に、ローカル通知をスケジュール登録する(ローカル通知はバックグラウンドでも時間がくれば実行される) バックグラウンドに遷移した日時を記録する フォアグラウンドに復帰したタイミング ローカル通知タイマーを停止する フォアグラウンドに復帰

              • FlutterとUnityの開発効率化 | gihyo.jp

                本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標にUnity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の5回目となります。 前回までの記事でFlutterとUnityで連携するための具体的な解説は終了しています。 今回は少しでも開発を効率的に進めるための工夫を紹介を行い、本連載を締めさせていただきます。 前回までの記事をまだ読まれていない方はまず一通りお読みいただいてから今回の記事を見ていただけると幸いです。 4回目:FlutterとUnityを連携させる 3回目:Unity製のiOSアプリにFlutterを組み込む 2回目:Unity製のAndroidアプリにFlutterを組み込む 1回目:Flutter「を」Unity「へ」導入する FlutterとUnityを連携させる開発における問題点 Flutter、Unityそれ

                  FlutterとUnityの開発効率化 | gihyo.jp
                • WINTICKET における Flutter を利用したクロスプラットフォームアプリケーションへの取り組み | CyberAgent Developers Blog

                  はじめに 株式会社 WinTicket の @wadackel です。 WINTICKET では、昨年2021年から Flutter を利用したクロスプラットフォームアプリケーション開発に取り組んでいます。具体的には目下、既存 Android アプリケーションを置き換えることを目標としています。将来的には iOS アプリケーションも Flutter 製へと置き換えることを想定しています。 この記事では、どのような事業状況から Flutter を採用した開発に至ったかについてご紹介できればと思います。 ※WinTicket(パスカルケース表記)が子会社名称、WINTICKET(全て大文字表記)がサービス名です WINTICKET とは WINTICKET(ウィンチケット)は、2019年4月にリリースした公営競技のインターネット投票サービスです。現在サービス提供している公営競技の種類は競輪、及

                    WINTICKET における Flutter を利用したクロスプラットフォームアプリケーションへの取り組み | CyberAgent Developers Blog
                  • AudioPlayers - Flutter製の音楽アプリ

                    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Flutterを使うことで、AndroidとiOS、さらにWebアプリケーションを同時に開発できるようになっています。現在、様々なアプリがFlutterで実装されはじめており、今後の盛り上がりが期待できます。 今回はFlutterで音楽アプリを実装したAudioPlayersを紹介します。様々な音の奏で方に対応しています。 AudioPlayersの使い方 外部サーバ上にあるMP3ファイルを再生する例です。 外部ファイルをダウンロードし、ローカルある状態にしてから再生する例です。 ローカルファイルを再生します。ループ再生なども可能です。 スマートフォンに元々ある音を再生する例です。 再生のコントロールも様々に用意されています。 AudioPlayersを使えばオンライン、ローカルど

                      AudioPlayers - Flutter製の音楽アプリ
                    • GitHub Actions で Automatically manage signing を使って Flutter の ipa ビルドする

                      2024/10/16追記 本記事に記載したビルド手順ではiOSアプリにおいてentitlementsへの署名が行われないためプッシュ通知などを使用するアプリケーションが正常に動作しません GitHub Actions で Flutter アプリの TestFlight 用バイナリ(ipa)をビルドする方法を調べると「Automatically manage signing」 を無効にしてビルドする記事が出てきます。 オプションを有効にしたままビルドする方法が見つからなかったので調べました。検証は Flutter で行いましたが、Flutter を使わない iOS ネイティブのプロジェクトでも同様の手順でビルドできると思います。 Automatically manage signing と Cloud signing Automatically manage signing について改めて調

                        GitHub Actions で Automatically manage signing を使って Flutter の ipa ビルドする
                      • Flutterを採用している有名企業・有名アプリ - Qiita

                        「Flutterがどんなアプリに使われているか気になる!」という声をよく聞きます。そこで、実際にFlutterを採用している有名なアプリをいくつかピックアップしてみました。Flutterファンとしては、この魅力がもっと多くの人に伝われば嬉しいですね。 メルカリ「ハロ」 「スキマバイトを簡単に見つけられる」と評判のメルカリの新サービス、「ハロ」もFlutterを使用しています。 ホームページ iOSアプリ Androidアプリ スシロー 回転寿司チェーン「スシロー」のアプリも、実はFlutter製。便利な待ち時間確認や予約が可能です。 ホームページ iOSアプリ Androidアプリ トヨタ トヨタの一部のナビゲーションシステムでFlutterが採用されているとされていますが、詳細はまだ明らかになっていません。もっと情報がほしいところです。 じゃらん 旅行予約サイト「じゃらん」のアプリは、外

                          Flutterを採用している有名企業・有名アプリ - Qiita
                        • Flutter 2はWeb向けに本番環境対応しており、新しいプラットフォームを追加している

                          Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                            Flutter 2はWeb向けに本番環境対応しており、新しいプラットフォームを追加している
                          • Flutter環境構築(Windows) 前編 - インストールまで - シー・エス・エス イノベーションラボ(ブログ)

                            みなさん、こんにちは。イノベーションLABのハヤシです。 イノベーションLABでは今期から、社内の技術開拓に力を入れています。 その中で挑戦した Flutter の環境構築について記事にしていきます。 今回は前編として、 Flutter の最低限のインストールについて解説します。 後編では、 Android エミュレータの作成とサンプルプロジェクトの作成・実行について解説します。 blog.css-net.co.jp 前提条件 Flutter SDK をインストール 環境変数設定 Android Studio セットアップ Android Studio インストール Android Studio 初期設定 Android Studio に Flutter プラグインインストール Android 設定 cmdline-tools をインストール ライセンスを承認する Visual Studi

                              Flutter環境構築(Windows) 前編 - インストールまで - シー・エス・エス イノベーションラボ(ブログ)
                            • ドラッグ&ドロップなど直感的な操作でFlutterアプリのUIを設計できるオンラインFlutter UI ビルダー・「FlutterFlow」 - かちびと.net

                              FlutterFlowはドラッグ&ドロップなど直感的な操作でFlutterアプリのUIを設計できるオンラインFlutter UI ビルダーです。 Googleによって開発されたオープンソースのUIのSDKであるFlutterベースのネイティブアプリを設計できるローコードビルダーで、コードを書かずテンプレートも用意されているため、内容次第ですが従来の10倍の速さでアプリを開発できる、というものだそう。 Firebaseと統合したりAlgoliaで検索機能を強化するなどのカスタマイズにも対応しています。FlutterFlowはFlutterのベストプラクティスに従っており、エクスポートしたコードもクリーンで読みやすいようになっているようです。(※コードのDLは有償プランから) 本格的にアプリを開発し、ローンチするには有料プランが必要ですが、それまでの操作は無料プランで可能です。ドキュメントも充

                              • 【Flutter】17歳が一人でモバイルアプリを開発・リリースするまでの話 - Zikanri - Qiita

                                Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは。 18歳です。(タイトル詐欺です。) 今回初めて一人でアプリを作ったので、開発のきっかけや知見を共有しようかと思い、記事を書きました。 アプリを作ったのは17歳の時なので、この記事の中では私を華のセブンティーンとして扱ってください。 (実はこれ以上、年齢の話は出てきません) 記事がおもしろかったり、参考になったよという人は、 記事の評価やtwitter(@thoth000)のフォローをしてもらえると、とてもうれしいです。 次の記事作成のモチベーションになります。 それでは記事、始まります。 #開発したアプリ アプリの名前はZ

                                  【Flutter】17歳が一人でモバイルアプリを開発・リリースするまでの話 - Zikanri - Qiita
                                • Unity製のAndroidアプリにFlutterを組み込む | gihyo.jp

                                  Flutter「を」Unity製Androidアプリ「へ」 本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標に、Unity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の2回目となります。 前回の記事で、なぜUnity製アプリにFlutterを導入するのかという話をしているのでまだ見ていない方はそちらも合わせて読んでいただけると幸いです。 Unity製のアプリにFlutterを組み込むためにはいくつかの手順が必要となるので今回から複数回にわたり実際のコードを交えながら解説していきます。 2回目となる本記事はUnity製のAndroidアプリにFlutterを組み込む方法の解説となります。 なお、本連載はUnityとFlutterの連携がメインとなるのでUnityとFlutterの基本的な部分の説明は省略させていただきます。 開発環

                                    Unity製のAndroidアプリにFlutterを組み込む | gihyo.jp
                                  • 初めての Flutter アプリ  |  Google Codelabs

                                    1. はじめに Flutter は、1 つのコードベースからモバイル、ウェブ、デスクトップのアプリケーションを作成できる Google の UI ツールキットです。この Codelab では、次のような Flutter アプリケーションを作成します。 このアプリケーションは、「newstay」「lightstream」「mainbrake」「graypine」などの響きの良い名前を生成します。ユーザーは、次の名前を要求したり、現在の名前をお気に入りにしたり、別のページでお気に入りにした名前の一覧を確認したりできます。このアプリは、さまざまな画面サイズに対してレスポンシブです。 学習内容 Flutter の動作に関する基礎知識 Flutter でレイアウトを作成する方法 ユーザー操作(ボタンを押すなど)をアプリ動作に接続する方法 Flutter コードを整理された状態に保つ方法 アプリをレス

                                    • Flutter の環境分けの新時代

                                      Flutter Advent Calendar 2022 の 5 日目の記事です。 はじめに みなさん、Flutter の環境分けはどのようにされていますか? 多くの方は、公式で紹介されている flavor を使う方法や --dart-define を使う方法を使用しているのかなと思います。 今回、紹介するのは Flutter の 3.7.0 で導入された --dart-define-from-file を使う方法です。 --dart-define-from-file が導入された背景 --dart-define を使う方法だと次のような課題がありました。 多くの定義がある場合、起動コマンドが非常に長くなってしまう 切り替えるパッケージが複数ある場合、保守が困難になる これらの定義を Android と iOS で直接利用しようとすると、それぞれで Base64 でデコードしなければならな

                                        Flutter の環境分けの新時代
                                      • グーグル、「Dart 2.8」と「Flutter 1.17」をリリース--iOS関連機能を大幅強化

                                        印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleのプログラミング言語「Dart」のバージョン2.8がリリースされた。今回のリリースに併せて、iOS、Android、Fuchsia、デスクトップ向けアプリの開発に使用されるGoogleのユーザーインターフェース(UI)フレームワーク「Flutter」のバージョン1.17もリリースされている。 Googleは4月にFlutterとDartのリリースプロセスとチャネルを統一する計画を発表しており、今回の同時リリースはこの計画に従ったものだ。 同社によると、Flutterを使用する開発者は月間で約50万人に上り、Google Playには現在、Flutterを用いて開発されたアプリが5万本あるという。ただし、今回のアップデートから

                                          グーグル、「Dart 2.8」と「Flutter 1.17」をリリース--iOS関連機能を大幅強化
                                        • Flutter初心者が独学でアプリをリリースしたので苦難を全部晒す

                                          Flutterでネイティブアプリを開発してリリースしたので、リリースまでの苦難を晒していきたいと思います。 これからFlutterでネイティブアプリ開発をしようと考えている方の参考になれば幸いです。 リリースしたアプリは、サブスクリプションサービスをシンプルに管理するアプリ「さぶすく」です。 サブスクリプションをシンプルに管理するアプリをリリースしました! ・サービスの無料期間中に解約するのを忘れてしまう ・いろいろなサービスに加入しているのでまとめて管理したい そんな悩みを解決したくて作りました。 ぜひ触ってみてください😀#Flutter さぶすくhttps://t.co/xJq3N99HzI pic.twitter.com/s0iSSTPhk1 — のすけ@Flutter (@guitar_blues_) April 13, 2020 以下からインストールできるので、触ってみてフィー

                                            Flutter初心者が独学でアプリをリリースしたので苦難を全部晒す
                                          • MacBook に接続した iPhone 実機で Flutter アプリをデバッグする | DevelopersIO

                                            こんにちは、CX事業本部 Delivery部の若槻です。 iOS アプリケーションを開発する際には、アプリをシミュレートされたデバイス上でデバッグできる Simulator を使うと便利です。 Simulator は私も普段の iOS アプリ開発でよく使っており、また Tips を紹介するブログもいくつか投稿しています。 FlutterアプリをGoogle Chrome/iOS Simulatorでデバッグする | DevelopersIO Flutterアプリを複数台のiOS Simulatorデバイスで同時に実行してみた | DevelopersIO flutter_nearby_connectionsによるP2P通信をiOS Simulatorのデバイス間で試してみた | DevelopersIO しかし、アプリケーションが端末のカメラや通信機能などハードウェア機能を利用する場合は、

                                              MacBook に接続した iPhone 実機で Flutter アプリをデバッグする | DevelopersIO
                                            • コーディングとタスクの高速化でより効率的な開発を Flutter開発で押さえておきたいポイントとTips

                                              NTT Tech Conferenceは、NTTグループのエンジニアたちが一堂に会し、NTTグループ内外のエンジニアたちと技術交流を行うためのカンファレンスです。ここで「Flutterアプリ開発スタートアップ with Tips」をテーマに神原氏が登壇。続いて、Flutter入門時のポイントと開発のTipsを紹介します。前回はこちらから。 Flutter入門時に押さえておきたいポイント 神原健一氏(以下、神原):続いて入門時に押さえたいポイントということで、Flutterアプリのファイル構成、画面の作り方、ビジネスロジックの効率的な実装を紹介していきます。Flutterアプリを作っていくときには、プロジェクトを作ったあとに生成されます。 特に重要なファイルが2つあります。1つがソースコードで、main.dartというファイル。そしてpubspec.yamlというライブラリ、もしくはいろいろ

                                                コーディングとタスクの高速化でより効率的な開発を Flutter開発で押さえておきたいポイントとTips
                                              • 【Flutter, Dart】ミュータブルの代償とイミュータブルの代償、そしてfreezed - Qiita

                                                はじめに 本記事は The Mutability Tax をベースにしています。 意訳・抜粋しまくったので翻訳記事と呼ぶには忍びないですが、記述の足らない箇所があれば元の記事を参照してください。 筆者の David Morgan 氏はGoogleのソフトウェアエンジニアです。 元記事の公開は2019年7月15日です。 本文中に登場するコードは Dart で記述されています。 The Mutability Tax では、MutableとImmutableそれぞれの設計によって生じるコードメンテナンスコストのことを Tax(税金) と形容しています。 本記事では 代償 と表現します。 3点要約 Mutableな型はバグを生みやすいです。 Immutableな型も正しく扱わないとコードが肥大化してバグを生みやすく、遅くなります。 コード生成(freezed)の力を借りて、簡単に安全な型を定義しま

                                                  【Flutter, Dart】ミュータブルの代償とイミュータブルの代償、そしてfreezed - Qiita
                                                • FlutterFlowを使ってノーコードでFlutter製TODOアプリを作ってみた | DevelopersIO

                                                  こんにちは。CX事業本部のKyoです。FlutterFlowというツールを使ってみたのでレポートします。 FlutterFlow is 何? いわゆるローコード・ノーコード系のツールで、モバイルアプリ用のフレームワークであるFlutter製のアプリを開発することができます。 特長としては、ブラウザ上で開発を行え、Fluterのコードとしても出力できることが挙げられます。また、Firebaseをバックエンドとして利用でき、認証やデータの保存などはFirebaseに任せることもできます。 今回はフリープランで試していきます。 お題: TODOアプリ アプリケーションの学習には、認証 + CRUDという基本要素の詰まったTODOアプリを作ることが多いと思います。今回もTODOアプリを作ってみました。 公式ブログでも解説 + 材料の提供がされていますね。 なお、公式ブログから完成版のサンプルアプリ

                                                    FlutterFlowを使ってノーコードでFlutter製TODOアプリを作ってみた | DevelopersIO
                                                  • 開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する - Qiita

                                                    Flutterのアップデート、まだまだ激しいですよね。 以前チーム開発していた時も、 他の開発者とのFlutterのバージョン違いによりAPI定義が異なりエラーの嵐→無駄なコミュニケーションの発生 自分のPCのFlutterのバージョンを上げてしまったところ、ビルドできなくなったといった報告の対応 など、プロジェクトごとでなく開発者ごとにFlutterのバージョンを管理しているために起きてしまう問題がいくつかありました。また、OSSや個人開発などでも使用するFlutter SDKのバージョンを固定したいこともあるかと思われます。 本記事では、開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する方法を紹介します。 FVMを用いる場合 FVMはFlutter SDKバージョン管理ツールです。 導入についてはこちらの記事が日本語で分かりやすいので、説明は割愛します。 バージョ

                                                      開発者ごとでなく、プロジェクトごとにFlutterのバージョンを管理する - Qiita
                                                    • What’s new in Flutter 2.5

                                                      Hello and welcome to Flutter 2.5! This is a big release, with the 2nd highest stats in the history of Flutter releases: 4600 issues closed and 3932 PRs merged from 252 contributors with 216 reviewers. If we look back over the last year, we see a huge 21,072 PRs created by 1337 contributors, of which 15,172 of them were merged. While the “what’s new in Flutter” blog posts focuses on new features, o

                                                        What’s new in Flutter 2.5
                                                      • Shorebirdが開発するFlutter用の『Code Push』とは

                                                        はじめに Shorebird は Flutter 開発でビジネスを成功できるように、必要な製品を開発するパブリックな組織です。プロダクトはすべてオープンソースであり、開発の状況も Discord で公開されています。チームには、Flutter 創設者の Eric Seidel 氏はじめ、Bloc や Mason の作者でもある Felix Angelov 氏など、言わずと知れた Flutter のエキスパートによって構成されています。 そして、現在プロダクトとして公開されているのが「Code Push」となります。今後は他にもたくさんプロダクトを開発するのだと思いますが、執筆時点で公式サイトに掲載されているのは Code Push のみです(GitHub を見ると他にも開発していることがわかります)。 Code Push は、アプリストアを経由せずにユーザーの手元にインストールされたアプリ

                                                          Shorebirdが開発するFlutter用の『Code Push』とは
                                                        • ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部

                                                          こんにちは。次世代システム研究室のT.M です。 はじめに Android / iOS 両スマホアプリを開発するためには、一般的にはそれぞれKotlin (Java)/ Swift(Objective-C)で実装をする必要があります。しかし、クロスプラットフォームのアプリケーションフレームワークが誕生し、一つの実装で、両スマホアプリを開発することができるようになりました。現在、クロスプラットフォームのフレームワークでよく利用されているものとして、React Native とFlutter があります。どちらが良いフレームワークであるか、は分からず、そのため、どちらを利用すべきか迷うかと思います。そこで、本稿では、React Native とFlutter のパフォーマンスについて比較して、どちらが優れているかを検証したいと思います。 React Native React Native は2

                                                            ReactNative とFlutter パフォーマンス比較 - GMOインターネットグループ グループ研究開発本部
                                                          • 【Flutter】Providerのほぼ上位互換、Riverpodの基本的な使い方|TechRacho by BPS株式会社

                                                            Providerとの違い Providerは直感的で使いやすく、かつ高機能で非常に優れたパッケージですが、以下のような不都合もありました。 この問題は僕も実際に使用していて要所要所で感じていました🤔 Providerで包んだツリー以外からアクセスしようとすると実行時にProviderNotFoundExceptionが発生する。 この問題に関しては確実に防ぐ方法がなく、コーディング中に気をつけて使うしかありませんでした。 同じ型を複数同時に使用できない ProviderはWidgetツリーを遡って最寄りの型を探してくるので、複数同じ型を使用することができませんでした。(使用できるけどWidgetツリーの中で一番近い型にしかアクセスできない) Widgetツリーが肥大化する Provideするオブジェクトが増えていくと、DevToolsなどで確認する際にWidgetツリーが肥大化して少し見

                                                              【Flutter】Providerのほぼ上位互換、Riverpodの基本的な使い方|TechRacho by BPS株式会社
                                                            • Flutterで始めるモバイルアプリ開発一覧

                                                              CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                                                                Flutterで始めるモバイルアプリ開発一覧
                                                              • 【Flutter】Androidのカメラが起動できないときの解決方法

                                                                Flutterで作成したアプリで、カメラ撮影した写真を取得する機能におけるカメラ起動時にエラーが発生しました。 現象としては、カメラ起動ボタンを押して、許可を求めるダイアログが表示されるので許可したあと、元の画面に戻ってカメラは起動しないという挙動でした。クラッシュは起きません。 また、iOSの方は問題なく動作しました。 以下のエラーログが出ていました。 E/flutter ( 9937): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: PlatformException(no_available_camera, No cameras available for taking pictures., null, null) E/flutter ( 9937): #0 StandardMethodCodec.

                                                                  【Flutter】Androidのカメラが起動できないときの解決方法
                                                                • Flutterの状態管理ツールをproviderからriverpodに移行しました - Diverse developer blog

                                                                  id:kikuchy です。 婚活サービスyoubrideのスマートフォンアプリは以前からFlutterを採用しています。 developer.diverse-inc.com このアプリでは、始めはscoped_model、次にproviderを状態管理ツールとして採用してきました。 この度、通常の開発を大きく止めることなくproviderからriverpodへと移行できたので、どのように移行したのかをお話したいと思います。 前提:なぜriverpodにしたのか providerパッケージ(以下、provder)もriverpodパッケージ(正確にはflutter_riverpodパッケージ。以下、riverpod)も同じ作者(Remi Rousseletさん)による状態管理&依存性注入のためのライブラリです。 両者で実現できる機能はほとんど変わりません。 できることは主に以下のとおりです

                                                                    Flutterの状態管理ツールをproviderからriverpodに移行しました - Diverse developer blog
                                                                  • ChatGPT×Flutterで迅速なスマホアプリ開発を実現する「FlutterPrompts」がリリース

                                                                    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                                                                      ChatGPT×Flutterで迅速なスマホアプリ開発を実現する「FlutterPrompts」がリリース
                                                                    • BuildContext について書けるだけ書く

                                                                      Flutter をやっていて、 BuildContext というクラス名を聞いたことがないという方はいないのではないかと思います。build() メソッドの引数で渡されてくるあれです。 使いどころとしては、画面遷移をするための Navigator.of(context) であったりダイアログを表示するための showDialog(context: context) であったりすると思いますが、この記事ではこの BuildContext が何者なのか、書けるだけ書いていきたいと思います。 なお、まとまりがなく勢いで書き出せるだけ書いた記事ですので、暇な時にのんびり斜め読みで読むのがおすすめです。 BuildContext は Element BuildContext の説明をするためにはまず Element について説明しなければなりません。 Everything is a Widget と

                                                                        BuildContext について書けるだけ書く
                                                                      • I/O Extended 2023 - Flutter 活用事例

                                                                        Flutter 2021 の振り返りと今後のアプリ開発に向けて / Looking back on Flutter 2021 and for future app development.

                                                                          I/O Extended 2023 - Flutter 活用事例
                                                                        • アップル「Swift」コードをWindowsで実行可能に--グーグル「Flutter for Windows」アルファ版も

                                                                          アップル「Swift」コードをWindowsで実行可能に--グーグル「Flutter for Windows」アルファ版も Appleのプログラミング言語「Swift」と、Googleのユーザーインターフェース(UI)フレームワーク「Flutter」が「Windows 10」上で利用可能になった。 Swiftは、「iOS」「Mac」「Apple TV」「Apple Watch」向けのアプリケーションを開発するためのAppleによるオープンソースのプログラミング言語だ。 Appleが支援するSwiftプロジェクトは米国時間9月22日、「Windows」向けのダウンロード可能なSwiftツールチェーンイメージのリリースを発表した。SwiftのコードをWindowsで構築、実行する上で必要な開発コンポーネントが含まれている。 Windows 10に対応するツールチェーンは「Swift 5.3」で

                                                                            アップル「Swift」コードをWindowsで実行可能に--グーグル「Flutter for Windows」アルファ版も
                                                                          • Flutter の Platform 判定を正しく理解する

                                                                            Flutter Interact ’19 での “Flutter Octopus” よりFlutterは、Android・iOS・Web・Windows・macOS・Linux・Fuchsia の7プラットフォームに対応するマルチプラットフォームフレームワークですが、それらの分岐対応などのためにPlatform判定することがあります(Flutterフレームワーク内でしてくれる対応だけで済むことが多く自前で書く機会は少なめですが)。 その際、いくつか判定方法があり、その扱いに迷ったり適当に勘で済ませてしまうこともありがちだと思うので、この記事で体系的に整理しながら解説します。 また、Platformに関する値がそれぞれの実行環境でどうなるのか、カスタマイズ可能な値を弄るとそれがどう作用するのか、を以下のサンプルで試せるように用意したので適宜活用ください。 デモアプリ: https://flu

                                                                              Flutter の Platform 判定を正しく理解する
                                                                            • 【Flutter】最小限のコードで理解する「宣言的な画面遷移」と Navigator 2.0

                                                                              Flutter には 2 種類の画面遷移があります。 1 つが「命令的」な画面遷移で、これは例えば Navigator.push や Navigator.pop など Navigator (実際には NavigatorState) が持つメソッドを呼ぶことで 直接的に画面遷移の実行を「命令」する ものです。 もう 1 つが「宣言的」な画面遷移で、Flutter の UI = f(State) の考え方と同じように State を変えてリビルドすることで画面が遷移する というものです。これは Navigator 2.0 という呼称で以前から設計と実装が進められており、 Flutter 1.17 では Page API が、 Flutter 1.22 では Router API が段階的にリリースされています。[1] おそらくほとんどのアプリ開発者は命令的な画面遷移に慣れているのではないかと思

                                                                                【Flutter】最小限のコードで理解する「宣言的な画面遷移」と Navigator 2.0
                                                                              • How to test a Flutter app  |  Google Codelabs

                                                                                1. Introduction Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. In this codelab, you'll build and test a simple Flutter app. The app will use the Provider package for managing state. What you'll learn How to create widget tests using the widget testing framework How to create an integration test to test the

                                                                                • 実際にFlutterを触ってみよう~初めてのアプリ開発

                                                                                  Flutter開発環境の構築 Flutterアプリを開発できる環境を構築していきます。 Flutter SDK のインストール Flutter SDKは、Flutterのサイト(図1)からZipファイルをダウンロードしてインストールする方法を説明します。インストールできるOSとしては、WindowsやmacOS、Linux、そしてChrome OS用のものも用意されています。今回は、Windowsを前提に説明を進めます。 Flutter SDK自体はインストーラがあるわけではなく、Zipファイルを解凍し、任意の場所にファイルを置けば終了になります。また、インストールする方法としては、Zip形式のデータだけではなく、GitやWindowsであればchocolateyのようなツールを使ってインストールすることも可能です。 図1:FlutterサイトのSDKのダウンロードページ 今回はFlutt

                                                                                    実際にFlutterを触ってみよう~初めてのアプリ開発

                                                                                  新着記事