並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 843件

新着順 人気順

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

  • 【特別対談】 Flutterエンジニアの今オレ x iOSエンジニアの過去オレ - LayerX エンジニアブログ

    こんにちは。バクラク申請・経費精算チームでモバイルエンジニアをしている @_chocoyama です。社内のラジオ好きコミュニティに属しているのですが、自分の推し番組を紹介したところ誰にも刺さらず、コミュニティに属しているのにソロ活動している今日このごろです。 この記事はLayerXテックアドカレ2023の29日目の記事です、前回は Tomoaki さんが「バクラクのAI-OCRを支える性能モニタリングの仕組み #LayerXテックアドカレ - LayerX エンジニアブログ」を書いてくれました。 本日の記事では、Flutterアプリを開発している現在の私(以降、今オレ)と、iOSネイティブアプリを開発をしていた過去の私(以降、過去オレ)が対談した内容となっています。 Flutterに対してふわっとしたイメージしかないネイティブアプリエンジニアの皆さんの参考になると幸いです。 ご挨拶 過去

      【特別対談】 Flutterエンジニアの今オレ x iOSエンジニアの過去オレ - LayerX エンジニアブログ
    • Flutter の Android アプリでAPKファイルサイズが突然倍くらいになったが、実は問題なくてむしろ推奨された動作だった件 - Qiita

      みたところ Raw File Sizeの合計値がちょうど APKファイルのサイズになっているので、おそらく、Raw File Sizeの正しい説明は以下の通りです。 Raw File Size Raw File Size はエンティティ(対象ファイル)がAPKファイル(Zipアーカイブ)内で占めるサイズを表します 以上を踏まえ、さらに詳細を調べます。そもそも beforeも afterも、Unzipped File Sizeはほぼ同一です。にもかかわらず、APKのファイルサイズが倍近いのはなぜでしょうか? その秘密は unzip -v コマンドを実行してみるとわかります。 beforeの方は圧縮率 68%で、3割強くらいのサイズになっていますが、一方で afterの方は圧縮率 0%、つまり、 無圧縮状態でZipファイルにアーカイブされています。 これはなぜなのでしょうか? 何のためにこうい

        Flutter の Android アプリでAPKファイルサイズが突然倍くらいになったが、実は問題なくてむしろ推奨された動作だった件 - Qiita
      • Flutter製MTC2018アプリをSwiftUIでリライトした話 | メルカリエンジニアリング

        こんにちは。メルカリアドベントカレンダー 2019 7日目担当は、メルカリ Engineering Office @jollyjoester とゆかいな仲間たちがお届けします。 2019年6月に開催されたWWDC2019にて、AppleのプラットフォームのUIを構築するための新しい手法 SwiftUIが発表されました。この記事はSwiftUIの学習のために、以前開発したFlutter製のアプリをSwiftUIで書き換え、OSSとして公開したお話です。 MTC2018 App SwiftUI きっかけ(@jollyjoester) 昨年開催したMercari Tech Conf 2018(以下MTC2018)にて、私たちはメルカリグループ内で有志を募ってFlutter製のカンファレンス専用アプリ1を開発しました。 そのときのメンバーとはチームビルディング(通称チービル2)で継続的に やってい

          Flutter製MTC2018アプリをSwiftUIでリライトした話 | メルカリエンジニアリング
        • FlutterのBoxConstraintsを理解する

          この記事はFlutter 全部俺 Advent Calendar 9日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 BoxConstraintsとは Flutterをでアプリのレイアウトを実装しているときに、Widgetのサイズを指定することは意外なほど少ないと思います。 これはFlutterのWidgetのサイズが、 BoxConstraints という制約ロジックによってほとんど自動的に決まっているからです。 このおかげで、Android/iOSのネイティブアプリのように明示的にサイズを指定しなくてよくなる一方で、 理解できていないと思わぬ落とし穴にはまることもあります。 Constrai

            FlutterのBoxConstraintsを理解する
          • FlutterアプリをCleanArchitecture + TDDで書く1(概要とユースケース実装)

            Flutter最高ですよね。こんなUI部品ないかな?と思って調べると大体標準SDKで用意されている...。 そんなFlutterでネイティブアプリをテスト駆動で書いてみます。 環境 Flutter 2.0.3 • channel stable Tools • Dart 2.12.2 アーキテクチャ CleanArchitectureを採用しました。責務分けが明確で、あまり考えなくても書けるので...。ファイル数は増えますが・・・ TDDですので、リファクタリングのタイミングで設計を都度行いますが、基本方針としCleanArchitectureに沿って書いていきます。 CleanArchitectureの書籍の下図に沿ってつくりたいと思います。(書籍ではWebシステムの具体的な例として扱っているものですが...) ところで、TDDとDartは相性がいい気がします。テストで大量のモックができま

              FlutterアプリをCleanArchitecture + TDDで書く1(概要とユースケース実装)
            • Flutter移行の苦労と、乗り越えた先に得られたもの

              2020/9/20_iOSDC Japan 2020での、桐山の講演資料になります

                Flutter移行の苦労と、乗り越えた先に得られたもの
              • 求人メディア Green の Android アプリを Flutter で開発した裏話|加賀れい@アトラエ

                今回はその開発の裏話を、開発者である @hosakak と @muttu_623 にインタビューしたので、赤裸々にお伝えしたいと思います。 @hosakak :穂坂 賢司(写真左)。1988年生まれ、神奈川県出身。大手SIer、フリーランス、起業(共同創業)などを経て2019年に中途入社。現在は Green でエンジニアを担当。 @muttu_623 :佐藤 夢積(写真中央)。1996年生まれ、岩手県出身。東北大学理学部卒業後、2019年4月に新卒入社。入社後一貫して Yenta の Android アプリエンジニアを担当。そもそも成功報酬型求人メディア「Green」とは何か?はこちらをご覧ください。 なぜ Flutter で開発することにしたのか?__________ そもそも、どうして Flutter で開発することにしたんですか?@hosakak :もともと Android アプリを

                  求人メディア Green の Android アプリを Flutter で開発した裏話|加賀れい@アトラエ
                • GitHub - wasabeef/flutter-architecture-blueprints: Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.

                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                    GitHub - wasabeef/flutter-architecture-blueprints: Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.
                  • StateNotifierを使ったFlutterのアプリ設計

                    最近自分の周りでFlutterを始める人が多く、ありがたいことにFlutterに関する質問を個人的にもらうことが増えてきましたが、 特にその中でもアプリ全体の設計をどうするべきかのについてよく聞かれます。 2019年の12月に書いたアドベントカレンダーの中でBloc,Redux,MobXの3つのアーキテクチャを紹介しましたが、 現在は、それらを使わずにアプリ設計をしています。 Flutterのアプリ設計(Bloc) https://itome.team/blog/2019/12/flutter-advent-calendar-day21/ Flutterのアプリ設計(Redux) https://itome.team/blog/2019/12/flutter-advent-calendar-day22/ Flutterのアプリ設計(Mobx) https://itome.team/blog

                      StateNotifierを使ったFlutterのアプリ設計
                    • Wantedly(ウォンテッドリー)はたらくを面白くするビジネスSNS

                      Wantedlyは、運命のチームや仕事に出会えたり、人脈を広げ、ビジネスの情報収集に使えるビジネスSNSです。

                        Wantedly(ウォンテッドリー)はたらくを面白くするビジネスSNS
                      • Flutterでこなれた感じのUIを作るコツ

                        Flutter してますか? こんにちは、すぎっとです。 以前、Flutter 愛に溢れた記事を書きました。 継続してどんどん Flutter の記事を描こうと思っていたのですが、なかなか時間がとれずにいました。 Flutter への愛をあんなに暑く語っておきながら、実はそんなに愛してなかったんじゃないの? 他のプラットフォームに浮気してたんじゃないの? そう思われても仕方がないほど、時間が経ってしまいました。 実は Flutter への愛が溢れすぎた結果アプリを作らずにはいられなくなり 夢中でアプリ制作に勤しんでいました。 それがこちらです。 やるひゃくは、私が毎年ノートに書いていた『やりたいことリスト 100』をアプリにしたものです。 これまで、やりたいことリストを作るときはどうしてもタスク管理のようになってしまい、やったかどうかの振り返りは結局年末までほったらかしになっていました。

                          Flutterでこなれた感じのUIを作るコツ
                        • Flutter Riverpodのすゝめ

                          2020年8月21日 Yumemi.apk #1

                            Flutter Riverpodのすゝめ
                          • Learning Flutter’s new Navigation and Routing system

                            Note: The sample code in this article is not null-safe and not compatible with Dart 3. For more information on the latest best-practices for navigation and routing in Flutter, go to the Navigation and routing page on docs.flutter.dev. This article explains how Flutter’s new Navigator and Router API works. If you follow Flutter’s open design docs, you might have seen these new features referred to

                              Learning Flutter’s new Navigation and Routing system
                            • FlutterのNavigationとRoutingを理解する

                              この記事はFlutter 全部俺 Advent Calendar 10日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基本的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterの画面遷移 FlutterではすべてがWidgetなので画面もまたWidgetで、画面内の他のWidgetと明確な区別はありません。 Route というWidgetが一画面を表していて、 Navigator によって表示する Route を切り替えることによって画面遷移が実現されています。 使い方 内部の実装を詳しく紹介する前に基本的な使い方をみていきましょう。 ほとんどの場合 MaterialApp が持っている Navigator を使って画面遷移します。 N

                                FlutterのNavigationとRoutingを理解する
                              • 週刊 Dart / Flutter インプット その1

                                Build a beautiful clock face UI with Flutter for the Lenovo Smart Clock for a chance to win an iMac Pro, Lenovo Smart…

                                  週刊 Dart / Flutter インプット その1
                                • https://twitter.com/K_T_O_K/status/1453311748400844805

                                    https://twitter.com/K_T_O_K/status/1453311748400844805
                                  • 【個人開発】FlutterとFirebaseでサボり防止アプリを作った - Qiita

                                    (2022年6月追記) 2022年6月現在、この記事にあるアプリよりも、ほぼ同じコンセプトのReact+NextJS製webサービス「みんなで作業場」に滞在していることが多いです。 是非お越しください! アプリ 先日、個人開発アプリをリリースしました!やったね!!! 審査も通りまして、現在App StoreとPlay Storeで配信されております。 App Store Play Store せっかくなので、利用した技術のメリットと注意点をまとめておこうと思います。 作ったアプリ これです。 広報用ページも作ってみたのでリンクを貼っておきます。 広報用ページはスマホで見る用にレイアウトしてます。 監視し合う会 〜お互いサボらないようにみんなで作業しよう〜 英語名: Procrastinators Watch Mutually 解決したい課題 やらなきゃいけないことがあるのに、なかなか取り組

                                      【個人開発】FlutterとFirebaseでサボり防止アプリを作った - Qiita
                                    • 月間ユーザー1万人を達成した「個人アプリ」の7つの収益

                                      Flutterで個人アプリ開発を始めて3年以上が経ちました。今では月間ユーザーは1万人、レビュー数は1000件越え、評価は4以上。その間に色んなアプリ収益化を試してきました。全部で7つです。 収益化とはAdMobだけではありません。アプリによって適切な収益化媒体が異なるので、この本から何かヒントを得て欲しい。私のアプリの収益状況も公開しています。 こんな人にオススメ ✅ 収益化を目指す小規模の個人アプリ開発者 ✅ これから個人アプリ開発を始めたい人 ✅ 個人アプリの収益化の可能性を知りたい人 ✅ 知識獲得をショートカットしたい人

                                        月間ユーザー1万人を達成した「個人アプリ」の7つの収益
                                      • FlutterアプリのPresentation層構成方針

                                        この方針策定のためのディスカッションページ 当方針は @naipaka さんにより起案・骨子考案いただきました!ありがとうございます👏 @keimiya_325 さん、ディスカッションへの参加ありがとうございます🙌 前提・Presentationとそれ以外を分ける理由は? 弊社では、UIとドメインは分ける方針をとっています。 1つにPresentationとドメインの分離という考え方を参考にしています。 PresentationDomainSeparation また、機能ごとにトップレベルディレクトリを切った場合、果たしてアプリの機能と画面は1体1でしょうか? 昨今の複雑化しているアプリで見ると、複数の機能を使用する画面は少なくないと感じます。 そのとき、その画面はどのディレクトリに入れますか? 画面はあくまで複合した機能をユーザーに見せたり使ってもらう場所であり、一番変更の多い箇所で

                                          FlutterアプリのPresentation層構成方針
                                        • Flutter開発を高速化するVSCode拡張機能を5つ紹介🎉

                                          Flutter海外勢の動画を見ていると、VSCodeを使っている人がやたら多い...!! VSCode何がそんなに便利やねんと思いつつ調べていくと、拡張機能がかなり充実している様子。 知っているか知っていないかで アプリ開発初期、UI構築時の開発スピードがかなり変わりそう🧐 情報をまとめておきます! Flutter Tree これめちゃくちゃ便利です。 コードを書く前にUIの実装イメージが固まっているのが前提ですが、 わずか1行で複雑なレイアウトを一気に書けます。 Flutter Widget Snippets Widgetに特化したSnippets!よく使うWidgetが爆速で入力できる ColumnとかRowってよく使うけどchildrenまで書くの面倒だな~と思ってたのは僕だけ? 対応するWidget 記法 特記

                                            Flutter開発を高速化するVSCode拡張機能を5つ紹介🎉
                                          • Flutter製アプリ【お買い得メモ】をリリースしました|kosuke matsumura

                                            アプリについて買い物にいったとき、「あれ?この野菜って普段こんなに高かったっけ?」とか、「このセール品って、本当に安い?」などと思うことはありませんか?そんなときのためのアプリがこの【お買い得メモ】です。 商品名と値段をメモしておいて、いつでも見返すことができます。特徴はこちら。 ・商品と値段を、一覧性高く表示 ・消費税(8%, 10%)対応 ・税抜き・税込み価格の表示切り替え ・単位容量あたりの値段を自動表示 ・タブで自由なグルーピングアイデアは前々からあって、自分で欲しいなと思っていたものです。 開発期間開発着手から申請まで、11日間でした。平日は平々凡々な会社員なので、主な開発は帰宅後の2~3時間程度です。土日は子どもの相手をしているので、やはり子どもが寝静まったあとの2~3時間程度です。ですので、30時間程度で作り上げたことになります。これが早いのか遅いのかはよくわかりませんが、感

                                              Flutter製アプリ【お買い得メモ】をリリースしました|kosuke matsumura
                                            • 円滑にiOS/Android並行開発するための心得まとめ

                                              新しいモバイルアプリを開発するプロジェクトにおいては、iOSとAndroidの開発を同時にすることが多くあります。同時並行で開発を進める上で、複数のメンバーで方針を決める必要もあります。それは、iOSの担当者、Androidの担当者だけでなく、サーバーサイドの開発者やデザイナー、企画やマーケッター、受託開発であれば、発注する人も気をつけるべきことがあります。 ここでは、クロスプラットフォーム開発ではなく、SwiftとKotlin(Objective-cとJava)など異なる言語を組み合わせて、OSの特性を意識した上で行うネイティブアプリ開発での注意点に触れます。 ※クロスプラットフォーム開発とは ハイブリッド開発とも呼び、1つのプログラムでiOSとAndroid両方で動作可能なアプリを開発する手法で、FlutterやReactNative、Xamarinなどがあります。 プログラミングのコ

                                                円滑にiOS/Android並行開発するための心得まとめ
                                              • Flutter WidgetにKeyが必要な理由, 仕組みについて - Qiita

                                                はじめに Flutterで時々利用するWidget の Keyについてのまとめです。 Keyが必要な理由と仕組みについて (1回目) ← 今回! 主にKeyとは何か?、そもそもKeyが必要になる理由についてまとめています。 Keyの種類一覧と使い方(2回目) Keyの種類一覧とそれらの使い方について解説します。 → Flutter Widget Keyの種類と使い方について Keyの指定位置について(3回目) Keyを指定する位置 (Widget) について解説します。正しい位置に設定しないと意図した動作になりません。 → 現在準備中です。 Keyとは? 簡単に言うと、ElementからWidgetを識別するためのIDです。Keyは意図的に指定しないとデフォルトではnullです。 必要となるシーンが限定される感じですが、よく紹介されているのは以下ですね。 ただ、必要性が分かるようで分からな

                                                  Flutter WidgetにKeyが必要な理由, 仕組みについて - Qiita
                                                • コーディングとタスクの高速化でより効率的な開発を Flutter開発で押さえておきたいポイントとTips

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

                                                    コーディングとタスクの高速化でより効率的な開発を Flutter開発で押さえておきたいポイントとTips
                                                  • Flutterで新規アプリ作る時にやることまとめ

                                                    はじめに Flutterで新規にアプリを作る時にテンプレ的に大体同じような事をやっているが、いつも忘れるので備忘録としてまとめ。 Flutterは絶賛開発中なので、本稿の内容は当時これでうまくいっていたぐらいに留めていただけると幸いです。 また、本稿は個人的なメモの意味合いが強いため、割愛している説明が多々あります。 本稿の変更を適用したサンプルリポジトリはこちら 記事もテンプレ自体も随時更新予定 旧バージョンの記事はこちら:Flutterで新規アプリ作る時にやることまとめ - Qiita この記事でできること要約 大体アプリ作るときにやるであろう手順の備忘録 dart-defineを用いて開発環境、ステージング環境、本番環境のフレーバーを切り替え、別々のアプリとして独立させる方法 フレーバーに応じて利用するFirebaseプロジェクトを切り替える方法 コードカバレッジ計測のTips 環境

                                                      Flutterで新規アプリ作る時にやることまとめ
                                                    • Dartソースコードが実行されるまでの構造を理解する

                                                      背景 たまたま React/React Native について少し調べる機会があり、その派生で React Native と Flutter の違いを調べていくうちに「普段書いている Flutter/Dart のソースコードが iOS/Android などネイティブプラットフォーム上で実行されるまで何が行われているのか」が気になり、周辺情報をインプットしていました。これまでも何となく全体像はイメージしていたものの曖昧で、改めて調べた内容を自分なりにまとめてみた備忘録に近い内容となっております。 動機は Flutter ですが、調べていくうちに Dart や Dart VM を掘っていった形になっているため、あまり Flutter の話(Engine 等)は出てきません。ただ、Flutter と Dart で多少異なる部分はあると思いつつ、実行に Dart VM を使っている以上根本は変わら

                                                        Dartソースコードが実行されるまでの構造を理解する
                                                      • Ubuntu Makes Flutter 'Default Choice' for Future Desktop Apps - OMG! Ubuntu

                                                        Ubuntu Makes Flutter ‘Default Choice’ for Future Desktop Apps Flutter will be the default choice for future mobile and desktop apps created by Canonical. Google’s open-source and cross-platform UI making framework has already proven popular with web devs looking for an easy “in” to fuss-free mobile and desktop app development. Flutter is underpinned by the Dart programming language but the new des

                                                          Ubuntu Makes Flutter 'Default Choice' for Future Desktop Apps - OMG! Ubuntu
                                                        • Google Pay picks Flutter to drive its global product development- Google Developers Blog

                                                          Google Pay picks Flutter to drive its global product development Share Facebook Twitter LinkedIn Mail Posted by David Ko, Engineering Director; Jeff Lim, Software Engineer; Pankaj Gupta, Director of Engineering; Will Horn, Software Engineer Three years ago, when we launched Google Pay India (then called Tez), our vision was to create a simple and secure payment app for everyone in India. We starte

                                                            Google Pay picks Flutter to drive its global product development- Google Developers Blog
                                                          • Flutter でモバイルアプリを作ってみる 入門編① 〜ヘッダーとフッター〜

                                                            Flutter を聞いたことありますか?Flutterとは Google 製のアプリケーションUI構築ツールキットです。本記事では iOS/Android 両対応のモバイルアプリ制作のために Flutter を用いていますが、他にもWeb、さらにはデスクトップ向けのアプリケーションを構築することも可能です。 Flutter は Google によって『The best framework for developing beautiful experiences for any screen』をめざして開発が進められているフレームワークです。これは技術的な垣根を超え一つのコードベースから様々なポータル端末で同じユーザ体験を実現することを意味しており、Flutter の将来性が期待できます。 今回はこの Flutter を使って、モバイルアプリのヘッダーとフッター部分を作っていきます。Flut

                                                              Flutter でモバイルアプリを作ってみる 入門編① 〜ヘッダーとフッター〜
                                                            • 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
                                                              • オカンとオトンから学んだOOUIデザイン設計.pdf

                                                                Building a mindful relationship with digital media for zillennials prone to anxiety

                                                                  オカンとオトンから学んだOOUIデザイン設計.pdf
                                                                • Flutterで始めるアプリ開発

                                                                  このページのゴール Riverpodの概要と使い方を知る Riverpodを使いユーザー情報を管理する チャットアプリ全体像 機能一覧 ✨ メールアドレス・パスワードでログインできる ✨ ログアウトできる ✨ チャットの投稿一覧を表示できる ✨ チャットに投稿できる ✨ チャットの投稿を削除できる イメージ図 ❗️ 注意事項 ❗️ プロジェクト・雛形の作成が終わっていない場合は Firebaseを使ったアプリ概要のページを確認しましょう。 状態管理 状態管理とは まずは状態管理とは何であるかについて理解していきましょう。 Widgetとはでは、 FlutterはWidgetをツリー状に組み合わせUIを実現することを紹介しましたね。 そして、状態を持ったWidgetでは、 データを元にUIを作る仕組みのことを状態を持つと呼ぶことを紹介しましたね。 Widgetをツリー状に組み合わせUIを実現

                                                                    Flutterで始めるアプリ開発
                                                                  • 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
                                                                            • Flutterを採用している有名企業・有名アプリ - Qiita

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

                                                                                Flutterを採用している有名企業・有名アプリ - Qiita
                                                                              • 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 ビルドする

                                                                                  GitHub Actions で Flutter アプリの TestFlight 用バイナリ(ipa)をビルドする方法を調べると「Automatically manage signing」 を無効にしてビルドする記事が出てきます。 オプションを有効にしたままビルドする方法が見つからなかったので調べました。検証は Flutter で行いましたが、Flutter を使わない iOS ネイティブのプロジェクトでも同様の手順でビルドできると思います。 Automatically manage signing と Cloud signing Automatically manage signing について改めて調べると、Xcode13 以降では Automatically manage signing を有効にすると Cloud signing という機能が使われるようです。 Cloud sign

                                                                                    GitHub Actions で Automatically manage signing を使って Flutter の ipa ビルドする

                                                                                  新着記事