並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 794件

新着順 人気順

Flutterの検索結果361 - 400 件 / 794件

  • 【Flutter】テキストを繰り返し点滅アニメーションさせる方法4選

    FlutterのTextウィジェットやTextButtonウィジェットなどのテキストを点滅させて表示したい場合があります。 それは単にリッチなUIにしたい場合だけでなく、タップを促したり、見えづらいテキストを気付きやすくさせたり目立たせることができます。 その方法には、単に単一テキストを表示・非表示にさせるだけのものから、2色を徐々にクロスフィード(フェードイン・フェードアウト)のように滑らかなアニメーションで切り替えるものまで様々です。 ここでは、無限ループでアニメーション付きで点滅できる方法4選を紹介します。 モデルとしたUIは、『ポケポケ』(ポケモントレーディングカードゲームポケット:Pokémon Trading Card Game Pocket)アプリのテキストボタンです。 具体的には以下の「タップですすむ」ボタンです。 この「タップですすむ」ボタンのテキストの色が黒からグレーに

      【Flutter】テキストを繰り返し点滅アニメーションさせる方法4選
    • 【Flutter】そのディレクトリ構成は恋される

      そのディレクトリ構成は恋される タイトルのとおりですが、スマホアプリエンジニアの私が個人的に恋している(推している)Flutterのディレクトリ構成を紹介しようと思います。 私の思想としてはクラスの役割とUTのしやすさに設計しております。 Flutterでアプリ開発をする際は基本的にこのディレクトリ構成を使用しております。 ディレクトリ構成は一長一短ありますので、気に入らない方はスルーしてください。 前提 Dart: 2.17.1 Flutter: 3.0.2 アーキテクチャ: MVVM 状態管理: riverpod MVVMについての説明は割愛しますので、詳細が知りたい方は以下をご参照ください。 ディレクトリ構成 ディレクトリ構成を紹介します。 . ├── android ├── ios ├── assets │   ├── images │   └── json ├── coverag

        【Flutter】そのディレクトリ構成は恋される
      • 宣言的UI設計の本質──Flutter & Riverpodで学ぶ現代的状態管理

        Riverpod 3が登場するいま、FlutterやRiverpodの表面的な使い方を超えて、宣言的UI・状態管理の本質や設計理論を深く掘り下げます。 本書は、現代的なUI設計や状態管理の根本原則を、Flutter/Riverpodを題材にしつつも、他のフレームワークや一般的なソフトウェア設計にも応用できる普遍的な視点から解説しています。 「なぜそう設計するのか」「どこまで粒度を分割すべきか」「責務の分離とは何か」といった設計上の本質的な問いに答え、実践的なコード例とともに理論の追求と実践を目指します。 ※ 何か本書で洞察があれば、支援いただけるとうれしいです。

          宣言的UI設計の本質──Flutter & Riverpodで学ぶ現代的状態管理
        • 魅せろ! Flutter で目を惹く UI デザインを実装する - enechain Tech Blog

          はじめに こんにちは、enechain でソフトウェアエンジニアをしている @tomohiko-tanihata です。 先日、国内最大級の Flutter カンファレンスである FlutterKaigi2023 が開催されました。私たち enechain は、モバイルアプリに Flutter を採用しており、昨年に引き続き、今年も FlutterKaigi の Silver スポンサーとして協賛しました! チームのみんなでセッションに応募したところ、私のセッションが採択され、登壇する機会を得ました 🎉 セッションのタイトルは「魅せろ!Flutter で目を惹く UI デザインを実装する」で、目を惹く UI デザインを実現するための 4 つの方法について紹介しました。 当日の発表資料には GIF をたくさん貼っており、PDF で公開するのに不向きなスライドになっていたので、記事として F

            魅せろ! Flutter で目を惹く UI デザインを実装する - enechain Tech Blog
          • Androidネイティブアプリ開発者から見たFlutter

            ※このブログは、Mediumに投稿した記事を移行したものです。 先日行われたGoogle I/O 2019でFlutter for Webが発表されたこともあって、自分の周りにもFlutterに興味を持つ人が増えてきていると感じます。 iOSネイティブアプリ開発者から見たFlutter https://medium.com/flutter-jp/flutter-ios-5b2178018d3e monoさんの上の記事を読んでから半年ほどFlutterを触ってみて、ある程度知見がたまってきたので、普段Androidエンジニアとして働いている自分の目から見たFlutterについての感想を書きます。Flutterってなに?ということに関しては、上の記事とほとんど内容がかぶってしまうので省略します。 Androidネイティブ開発との比較 Flutterの生産性はAndroidネイティブ開発と比べて

              Androidネイティブアプリ開発者から見たFlutter
            • 脱MVVM! Flutterらしいアーキテクチャとは? - enechain Tech Blog

              はじめに enechain でソフトウェアエンジニアをしている@kkagurazakaです。 enechain が提供している eSquare というプロダクトは、電力を筆頭に、あらゆる企業が様々なエネルギー商品を売り買いできるオンライントレーディングプラットフォームです。そして、そのモバイルアプリは Flutter で開発されています。 今回の記事では、その eSquare アプリで絶賛進行中のリアーキテクチャについて、「何故そのような判断に至ったのか」という点も含めてお伝えします。 これまでのアーキテクチャ リアーキテクチャ前の eSquare アプリでは、Android のアプリアーキテクチャガイドをベースとした MVVM の構成を採用していました。これは初期メンバーが全員 Android アプリ開発の豊富な経験を持っていたことと、アプリが世に出ていないというゼロ価値状態をいち早く脱

                脱MVVM! Flutterらしいアーキテクチャとは? - enechain Tech Blog
              • Flutter採用理由_2024 - Continuity is The Father of Success

                GWでたくさん寝て頭がスッキリしたので、久々にブログで。 個人の感想です LogicとViewの共通化 Native SDK APIへのアクセス 描画パフォーマンス 画面遷移の選択肢 CI/CDのセットアップ容易性 LogicとViewの共通化 flutter.dev Flutter allows you to build apps for mobile, web, desktop, and embedded devices — all from a single codebase. マルチプラットフォーム向けのフレームワークを使う場合、そのフレームワークは複数のプラットフォーム向けのコードを共通化します。 Flutterの特徴の一つは、共通化する対象がLogicとViewの両方である点です。 Logicの共通化は、FlutterのアプリケーションをDartで記述できる点で達成されます。

                  Flutter採用理由_2024 - Continuity is The Father of Success
                • 【Flutter】他言語対応で文字列取得時に「NoSuchMethodError」でnullが返る場合の解決方法

                  Apple Silicon (Apple M1チップ)のMac mini(macOS Big Sur)において、Android StudioでFlutterプロジェクトの他言語対応した文字列を取得する際に、画面上でエラーが表示されました。 Flutterプロジェクトの他言語対応した文字を取得する際に、実機もしくはエミュレーターの画面上で赤バックのエラーが表示されました。 NoSuchMethodError: The getter 'title' was called on null. Receiver: null Tried calling: title See also: https://flutter.dev/docs/testing/errors エミュレータ AndroidStudioのコンソール上は以下エラーが表示されます。 ======== Exception caught b

                    【Flutter】他言語対応で文字列取得時に「NoSuchMethodError」でnullが返る場合の解決方法
                  • 三連休に本気出したらFlutterでアプリを作成できるか検証してみた - Qiita

                    変更履歴 2021年9月13日 Githubのリンクを変更(中身は変わっていない) 初稿 2020年3月25日 Flutter 2.0未対応 はじめに *「俺はまだ本気を出してない」*ってことで、この前の三連休に本気出してみました。 「三連休でも頑張ったら、アプリ作れるもんだぜ」というノリと勢いを伝えるのが本記事の目的です。 作ったもの 「早口言葉を音声認識で入力して敵を倒すゲームアプリ」 こんな感じ。 知れること・知れないこと 知れること 「作ってやるぞ」という気合い。 Flutter初心者がぶつかるであろう壁についての知見。 「自分でもできるかも」という自信が湧いてくる(かも)。 知れないこと DB接続を利用した処理の実装(追加機能でやりたい) 認証機能の実装(追加機能でやりたい) 記事作成者のステータス もうすぐエンジニア3年目。 普段はJavaでWeb系の開発やっている。 一度だけ

                      三連休に本気出したらFlutterでアプリを作成できるか検証してみた - Qiita
                    • Monitoring user experience 
of Flutter apps with SLI/SLO (日本語)

                      こちらは 2024年6月に https://flutterninjas.dev/ で登壇した資料です。 SLI/SLO is often heard as a SRE word, but it is not familiar to mobile app development. In my pro…

                        Monitoring user experience 
of Flutter apps with SLI/SLO (日本語)
                      • React Native vs. Flutter: Which Is the Best Cross-Platform App Development Framework? - DZone Web Dev

                        In today’s ever-evolving digital world, having a functional and powerful mobile app has become mandatory for businesses of all shapes and sizes. Choosing the right technology framework is vital for building a successful mobile application, be it iOS or Android. The purpose of this post is to help you identify the right cross-platform app development framework by comparing important factors like pe

                          React Native vs. Flutter: Which Is the Best Cross-Platform App Development Framework? - DZone Web Dev
                        • Flutterのテンプレートにlinterが入りますよ

                          追記 (2021/9/10) 無事、Flutter 2.5.0 が Stable になり、flutter_lints が Stable にやってきました  🙌 本編 こんにちはこんばんわ、すぎっと ٩( ᐛ )و です 今日のテーマは Linter です。リンターと読みます。 実は先日、Flutter の Issue サーフィン (謎趣味)をしていたところ、こんなものを見つけました。 そしてこの PR です。 ということはそろそろアナウンスがくるかな〜と思っていたら、 来ました ٩( ᐛ )و 内容については後ほど触れようと思いますが、まずは先に結論だけ示しておきます。 これによって何が起きたかと言うと、 "flutter create my_app"で作ることができる Flutter のテンプレートアプリに Linter が導入されるようになりました Flutter 公式がテンプレート

                            Flutterのテンプレートにlinterが入りますよ
                          • 【Flutter】Androidでフォントが中華フォントになってしまう問題の原因と解決方法

                            最初に違和感を感じたのが、以下のスクリーンショットにある「級」という字です。 初級、中級、上級という単語で使用していますが、よく見ると「級」の糸へんの下の縦棒部分が、点になっていることがわかります。 習字で行書体を書くときのような形です。 iOSではこのような表示にはならず、問題なく縦棒になっています。 現在、Androidのシステムフォントは、Googleによって開発された「Roboto」か「Noto Sans CJK」です。 Flutterに限らず、Androidアプリの開発においてフォントファミリーを指定しなかった場合は、Androidの端末によってどちらかのフォントがデフォルトフォントとして適用されます。 なお、手元にあるAndroid端末は「Google Pixel 6a」です。 どうやらデフォルトフォントは「Noto Sans CJK」になっているようです。 さて、ではどうして

                              【Flutter】Androidでフォントが中華フォントになってしまう問題の原因と解決方法
                            • Dart&Flutterのコードを改善する42の簡単な方法

                              Dartのコードを改善するTips42選 (※元ネタは Google Developer Expert Andrea さんの code with andrea から。)を翻訳しました。 そのままの転載は不味いので私のコメントを添えています。 すでに他の言語の経験がある方にも、Dart脱初心者にも、これからお休みになる方、そしてお目覚めの方にも有益な内容となっています。 Dart & Flutter Easy Wins 1-7 Dart & Flutter Easy Wins 8-14 Dart & Flutter Easy Wins 15-21 Dart & Flutter Easy Wins 22-28 Dart & Flutter Easy Wins 29-35 Dart & Flutter Easy Wins 36-42 ※注意2020年8月ころの記事のため内容が古い場合もあり得ます

                                Dart&Flutterのコードを改善する42の簡単な方法
                              • Flutter大学専用アプリの技術構成 - Qiita

                                こんにちはKBOYです。Flutter大学というFlutter入門のためのYouTubeと、質問サポートや共同開発のためのFlutter大学コミュニティを運営しています。 2020年の7-9月に、Flutter大学コミュニティの人たち共同でサロン専用アプリの開発を行いました! Contributorsのところを見るとわかると思いますが、ここまで27人の方がコントリビュートしてくれました。 ということで今回は、このアプリの技術構成を紹介したいと思います。 全体構成 こんな感じで、アプリケーションとしては、大きく3つあります。 入会Web 管理画面 サロン生用iOS/Androidアプリ もちろん、Flutter大学ですので、全部Flutterで作られています。 入会Webと管理画面はFlutter Webです。そしてネイティブアプリももちろんFlutter。 ちなみにGithubのリポジトリ

                                  Flutter大学専用アプリの技術構成 - Qiita
                                • auto_route | Flutter package

                                  AutoRoute is a declarative routing solution, where everything needed for navigation is automatically generated for you. More... Introduction Installation Setup and Usage Generated routes Navigation Navigating Between Screens Passing Arguments Returning Results Nested navigation Tab Navigation Using PageView Using TabBar Finding The Right Router Navigating Without Context Deep Linking Declarative N

                                    auto_route | Flutter package
                                  • Flutter Webの現状と課題 (2021年11月時点) - Qiita

                                    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 先日、実験的にFlutter Webを使い数ヶ月かけて開発を進め、最終的に、結局パフォーマンスの問題からReactにすべて書き換えたことがあった。 同じ失敗をする人ができるだけ少ないように、現状のFlutter Webの課題点について、主に以下のIssueから引用して共有しておこうと思う。 前提として、Flutterはとても積極的に更新が行われているので、上記Issueで挙げられている問題点は徐々に解決すると思う。現状ではまだ関連IssueはOpenのままで、少なくともここ数ヶ月は変わりなく、執筆時点で最新版のFlutter 2.5.3

                                      Flutter Webの現状と課題 (2021年11月時点) - Qiita
                                    • Flutter Web AppをAWS CDKでCloudFront+S3にデプロイしてみた | DevelopersIO

                                      こんにちは、CX事業本部 IoT事業部の若槻です。 Flutterで作成したアプリの公開を試してみようと思うのですが、モバイル開発初学者にとってはいきなりiOSやAndroid Appのデプロイは難易度が高そうでした。 そこで今回は一番ハードルが低そうなFlutter Web AppをAWS CDKのCloudFront + S3へのデプロイを試してみました。 環境 MacOS Big Sur Version 11.6 Google Chrome 100.0.4896.75(Official Build) (x86_64) Flutter 2.10.4 やってみた CDKプロジェクト作成 $ mkdir aws_cdk_app $ cd aws_cdk_app $ npx cdk init --language typescript Flutterプロジェクト作成 $ flutter cr

                                        Flutter Web AppをAWS CDKでCloudFront+S3にデプロイしてみた | DevelopersIO
                                      • React Native経験者がFlutterをさわってみた - ANDPAD Tech Blog

                                        はじめに はじめまして、アプリチームの伊藤です。 オクトでは複数のアプリをリリースしていますが、その中でもReact Nativeを使っていたりFlutterを使っていたりと、同じクロスプラットフォーム開発ツールでも複数の技術が使われています。アプリチーム内でもよくこの話題があがっていたりして、もりあがっているテーマです。 そんな中、個人的にはReact Nativeか、Flutterかどちらかに注力して、ナレッジを蓄積したり、開発できるエンジニアを増やしたりすることも必要なのではないかと感じることがあります。そこで自分は前職でReact Nativeを使った開発をしていたこともあり、今回はFlutterをさわりながらその違いを学びつつ、今後の開発方針の検討材料にしていこうと思いました。 2つのツールを比較する まず、よくある2つのクロスプラットフォーム開発ツールのざっくりとした比較をまと

                                          React Native経験者がFlutterをさわってみた - ANDPAD Tech Blog
                                        • Flutter Swagger統合 | フューチャー技術ブログ

                                          はじめにDart/Flutter連載の2記事目です。 はじめまして、TIGの宮崎将太です。 突然ですがみなさん、Swagger使いたいですよね。当社でもGo言語などでSwaggerを用いてREST APIサーバ/クライアントコードを生成する機会が増えています。 たまたま Flutter+Rails でアプリケーション構築をする機会があったので、今回Flutterのみに着目してSwagger(OpenAPISpec)を使用する方法をコード付きで解説していきます。(Railsは需要があったら書こうと思いますので、SNSでリアクションもらえるとです! ) Swaggerとは?Swagger(OpenAPISpec)とはREST API仕様をyamlやjsonベースで定義できるフォーマットを定めたツールで、定義書を書くとAPI仕様書やサーバ、クライアントコードを生成できちゃう優れものです。 2系、

                                            Flutter Swagger統合 | フューチャー技術ブログ
                                          • Flutterを学ぶのにおすすめの本5選

                                            プログラミングなどIT関連の情報は、インターネット上にたくさんあります。しかし、このような技術書は、まとまった本の方が好まれます。 実際エンジニアにヒアリングしても、最新の技術はWebでも情報収集するが、プログラミング言語など既にベースが確立されたものに関しては、きちんとまとまった本が望ましいと言う人が多い傾向です。 また、そのような本は、電子よりも紙で読む方が読みやすいという声もあります。 そこで、今回はiOS/Androidモバイルアプリエンジニア向けにFlutter(Dart言語)を学習するのにおすすめの本を5つ紹介したいと思います。 実際、すべて購入した書籍ですし、それ以外書籍も目を通した上で選んでいます。 大型本は1年に大体2冊くらいのペースで出ているので、買って読んで、あまり実りのない本についてはすぐに売るということをしていました。

                                              Flutterを学ぶのにおすすめの本5選
                                            • Very good layered architecture in Flutter

                                              This article is an extension of my talk: Layering your Flutter App Architecture from Flutter Festival London. Structuring code is one of the big – if not the most important – challenges when building large-scale applications. The decisions you make regarding architecture will impact how fast you can deliver new features in the future and how well you can maintain the existing functionality with th

                                                Very good layered architecture in Flutter
                                              • GitHub - openkraken/kraken: A web standards-compliant, high-performance rendering engine based on Flutter.

                                                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 - openkraken/kraken: A web standards-compliant, high-performance rendering engine based on Flutter.
                                                • Flutterで個人アプリリリースをして、約1年間で得た知見をまとめる - Qiita

                                                  目次 2020年10月に個人開発でFlutterを使ったスマホアプリをリリースしました。 そろそろリリースしてから1年経つので得た知見を簡単に纏めておきます。 誰かの役に立てば嬉しいです。 リリースしたアプリ アプリ名:グルメマップ 機能:近くの飲食店をMap表示するアプリ 利用技術:Flutter リリース日:2020年10月 作ったきっかけ:3秒くらいで近くのランチやディナー検索できるアプリが欲しかった 利用API: Google Maps API Google Places API Google Place Photos Google Place Details 【Android】 https://play.google.com/store/apps/details?id=com.ayumisashitani.flutterfindshops 【iOS】 https://apps.a

                                                    Flutterで個人アプリリリースをして、約1年間で得た知見をまとめる - Qiita
                                                  • Flutter Hooks, sometimes Jetpack Compose

                                                    Flutter Hooks, sometimes Jetpack Compose

                                                      Flutter Hooks, sometimes Jetpack Compose
                                                    • 【楽しい個人開発】FlutterでiOSアプリを作るときに通った全工程 - Qiita

                                                      この記事は Flutter #2 Advent Calendar 2020 の17日目の記事です おでんの美味しい季節ですね! はじめに こんにちは、すぎっと (@sugitlab) です。 私は京都にある、とある老舗メーカーのエンジニアとして働きながら、趣味でプログラミングにいそしんでいます。今回は、Flutter製のiOSアプリ『 やるひゃく 』の制作過程で通った全工程をまとめて共有しようと思います。 AppStoreはこちらから やるひゃくは、私が毎年ノートに書いていた『やりたいことリスト100』をアプリにしたものです。これまでは、やりたいことリストを作るときはどうしてもタスク管理のようになってしまい、やったかどうかの振り返りは結局年末までほったらかしになっていました。しかし、やりたいことリストとして自ら掲げた事はもっと大事にした方がいいんじゃないか? とふと考えたことをきっかけに、

                                                        【楽しい個人開発】FlutterでiOSアプリを作るときに通った全工程 - Qiita
                                                      • Flutter のテストをちゃんと書いてみる 〜ユニットテスト編〜 - Qiita

                                                        Flutter アプリ開発を初めてはや半年近く、正直に言ってテストコードなんて1行も書けていなかったので、ある程度アプリ開発の流れがわかったこのタイミングでちゃんと調べてみました。 Flutterのテストについて調べた | @yujikawa こちらの記事に記載の通り、Flutter にはユニットテスト(Unit tests)、ウィジェットテスト(Widget tests)、インテグレーションテスト(Integration tests)が用意されているため、この記事ではまずユニットテストを書くところから始めたいと思います。 参考 この記事を書くにあたり、主に以下の動画、ページを参考にしました。 The Boring Flutter Development Show, Ep. 21 (Youtube) Testing Flutter Apps - Making Sure Your Code

                                                          Flutter のテストをちゃんと書いてみる 〜ユニットテスト編〜 - Qiita
                                                        • ITエンジニアのための新刊案内(2023年6月):改訂新版Webエンジニアの教科書/動かして学ぶ!Flutter開発入門/自作OSで学ぶマイクロカーネルの設計と実装 、ほか

                                                          ITエンジニアのための新刊案内(2023年6月):改訂新版Webエンジニアの教科書/動かして学ぶ!Flutter開発入門/自作OSで学ぶマイクロカーネルの設計と実装 、ほか 毎月登場する大量の新刊の中から、ITエンジニアが興味を持ちそうな書籍を選んで紹介する新刊案内を毎月、月初に公開しています(2023年3月から開始し、現在試験的に継続中です)。 ここで紹介するのは、2023年5月1日から5月31日までのあいだに発刊された新刊書籍です。これらを「技術書」「ビジネス書」「資格試験対策/教本」「その他」に分類しています。各書籍はAmazon.co.jpへのリンクが貼られています(アフィリエイトではありません)。 この新刊案内がどのように作成されたかについては記事の最後にまとめましたので、興味のある方はそちらをお読みください。 技術書(43冊)

                                                            ITエンジニアのための新刊案内(2023年6月):改訂新版Webエンジニアの教科書/動かして学ぶ!Flutter開発入門/自作OSで学ぶマイクロカーネルの設計と実装 、ほか
                                                          • Flutter × Firebase クックブック 【2020年版】

                                                            Flutter初心者からステップアップしたい! Firebaseと連携してアプリを制作する方法を知りたい! と言った方向けにFlutterでFirebaseを利用する方法を丁寧に解説します。 各種設定から解説を行い、本書に沿って進めていけば動作するアプリケーションが作成できるハンズオン形式です。またある程度の有識者の方はFlutterとFirebaseでこんなことがしたい!という際に参照するレシピ本のように扱っていただくことも可能です。 本書の内容を活用できるようになればFirebaseを利用して実用的なアプリを作成できるようになるかと思います。以下が扱う内容になります。 - Authentication ○匿名ユーザでの認証 ○メールアドレスによるサインイン、サインアップ ○パスワード変更、メールアドレス変更 ○パスワードリセット機能 ○メールアドレスの有効化機能 - Cloud Fir

                                                              Flutter × Firebase クックブック 【2020年版】
                                                            • 「Dart 3.8」「Flutter 3.32」が公開 ~「Android Studio」のGeminiからも一級市民扱い/「Dart」にはNull対応要素、「Flutter」はWebでフルホットリロードに実験対応

                                                                「Dart 3.8」「Flutter 3.32」が公開 ~「Android Studio」のGeminiからも一級市民扱い/「Dart」にはNull対応要素、「Flutter」はWebでフルホットリロードに実験対応
                                                              • 2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話 - Qiita

                                                                2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話AndroidDartFirebaseFlutter 筆者のスペック:Delphi の人です。業務アプリたるやみたいなことを普段は考えています。 ERP業務アプリケーション開発17年 言語:Java, JavaScript (Delphi, COBOL, C++, SQL?, HTML?, CSS?, 趣味では色々 フレームワーク?:Spring, jQuery, 他:Windows, UNIX全般, LINUX, データベースは何でも で3層構造を主に触って食ってきました。タイトルだけは今時風にしてみました。 以下 Web制作を諦めた初心者が半年でアプリをリリースした話(Flutter) を読んで全く単語が頭に入ってこなかったのと、頭から入りたい質として「あーん?こいつら信用できるん?」

                                                                  2021年、業務アプリ開発歴17年が初めてFlutter Firebase Dartを触りたくなった話 - Qiita
                                                                • FlutterのNavigator(Navigator 1)とRouter(Navigator 2)のちがい

                                                                  Flutterに画面遷移は必要不可欠です。ただ、画面遷移の実装方法はFlutterの歴史的な経緯により、複数のパターンが存在します。とりわけ2020年末にRouter(Navigator 2)が登場したことで、アプリケーションを開発にするにあたり、幾つかの意思決定をする必要が生じています。 この意思決定においては、Flutterのちょっとした経緯を把握していれば進めやすいのですが、イマイチピンとこない状態だと進めにくいものになっています。 当記事では、そんな状況を踏まえて、FlutterにおけるNavigator 1(Navigator)とNavigator 2(Router)の考え方の違いを確認します。 なお、公式ドキュメントでは初期からあるシステムをNavigator、2020年末に登場したシステムをRouterとしています。ただ、多くの記事ではNavigator 1やNavigato

                                                                    FlutterのNavigator(Navigator 1)とRouter(Navigator 2)のちがい
                                                                  • Flutterでのレイアウトの組み合わせ方を学ぼう~実際の画面例を使用

                                                                    サンプルアプリケーションの概要 今回作成するアプリは図1のようなもので、こちらを作成するサンプルを通じてレイアウトの紹介をしていきます。 このような一覧表示とその詳細という画面構成は、スマホアプリでよくあるのではないかと思います。実際には細かい部分の装飾をより行うわけですが、構成の基本はよく使われているはずです。 図1:サンプルアプリケーションの画面 一覧画面の作成 一覧画面を作成するためにレイアウト構成を決め、その構成に合わせてコードを作成していきます。 一覧画面のレイアウト構成 一覧画面での各レイアウト構成を記したものが図2です。一覧として表示される部品は、今回はあくまでレイアウトのサンプルということで固定で作成しています。しかし、多くの場合ではデータをネットワーク上からロードし表示するようなことになる想定です。 従って、実際には、表示するアイテム数が何個になるのかはプログラム作成時に

                                                                      Flutterでのレイアウトの組み合わせ方を学ぼう~実際の画面例を使用
                                                                    • 【2024年版】Flutterエンジニアになるためのロードマップ (Flutter大学を使い倒す)

                                                                      せっかくFlutter大学に入学するまたは教材を利用するのであれば、思いっきり使い倒して欲しいと思っています。 ということで今記事では、「Flutter大学を使い倒して、未経験からFlutterエンジニアになるためのロードマップ」を紹介したいと思います。このロードマップは私の勝手な妄想ではなく、2015年8月にモバイルエンジニアを始めた私が、2020年4月からFlutter大学を運営し、KADOKAWAドワンゴ情報工科学院のFlutter講師も半年経験した上で、実際に効果的だった方法 をベースにしています。 以前以下のような記事も書いたので、重複する所もあるとは思いますが、今記事では選択肢を複数与えず、これとこれをやれ!と断定していきたいと思います。その方が迷いなく進めると思いますし、正直内容には自信があります。問題はやるか、やらないかです。 ① Flutterに慣れろ まずはFlutte

                                                                        【2024年版】Flutterエンジニアになるためのロードマップ (Flutter大学を使い倒す)
                                                                      • 【Flutter】Widget extensions vs Class constructorについてまとめてみた

                                                                        英語圏のFlutter開発者の間で、Widget extensionsを使ってSwiftUIのmodifierのような書き方を再現する方が今のネストしていく方法より扱いやすいのではという話が挙がりました。 日本のエンジニアの方々がどう思うのかも気になったので、若干の私情を挟みつつ内容をサッとまとめてみました。 サンプルコードで説明 前提の説明はサンプルコードを見れば大体伝わると思います。 // いつもの書き方 class ClassConstructorPattern extends StatelessWidget { const ClassConstructorPattern({ super.key, }); @override Widget build(BuildContext context) { return Scaffold( body: Column( children: [

                                                                          【Flutter】Widget extensions vs Class constructorについてまとめてみた
                                                                        • Flutter実践開発 ──iPhone/Android両対応アプリ開発のテクニック

                                                                          2024年3月7日紙版発売 2024年3月7日電子版発売 渡部陽太 著 A5判/360ページ 定価3,740円(本体3,400円+税10%) ISBN 978-4-297-13993-3 Gihyo Direct Amazon 楽天ブックス 丸善ジュンク堂書店 ヨドバシ.com 電子版 Gihyo Digital Publishing Amazon Kindle ブックライブ 楽天kobo honto 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 本書のコンセプトは「プロフェッショナルなFlutterエンジニアになるための近道」です。 マルチプラットフォーム開発で注目の「Flutter」を習得するにあたって,環境構築にはじまり,開発言語であるDartの必須知識,フレームワークの基礎から実践的なテクニックまでを開発現場での経験に基づいて解説します。 本書ではフ

                                                                            Flutter実践開発 ──iPhone/Android両対応アプリ開発のテクニック
                                                                          • 【Flutter】Sliderのlabelを非表示にする方法

                                                                            Flutterプロジェクトにおいて、Sliderウィジェットのラベルの表示を非表示にしたい場合がありました。 (※Material Design slider widget) 通常以下のコードでは、スライダーのトグルを押している間に、トグル上部に値がポップアップ表示されます。 Slider( label: '${_value}', min: 0, max: 10, value: _value, divisions: 10, onChanged: _changeSlider, ) Slider 何も考えずに、Sliderのコンストラクタで、labelのパラメーターを省略すると、動作はするもののコンソール上エラーとなります。 ======== Exception caught by rendering library ======================================

                                                                              【Flutter】Sliderのlabelを非表示にする方法
                                                                            • AI Editorをフル活用したFlutterアプリの多言語対応 - 工数削減と品質向上へ #BetAI - LayerX エンジニアブログ

                                                                              おはようございます。バクラク申請・経費精算 アプリエンジニアのyoheiです。 アプリを開発してるエンジニアとしてZ世代のアプリを触らねばということで、BeRealを始めました。日常をひっそりとアップしています。 昨年リリースした バクラク申請・経費精算 アプリですが、使いやすいとのお声を多くいただくことが増えており、非常に嬉しいです。 さらなるアプリの利用者を増やすため英語対応を進めています。既にある日本語をすべて英語対応するとなると、膨大な時間と手間がかかるタスクです。 そこで当社では、Flutterアプリの日英対応において、AI Editor「Cursor」を駆使した効率的なワークフローを確立し、大幅な工数削減を行っています。本記事では、その取り組みをご紹介します! LayerX全体としてこれまで以上に AIに投資しており、モバイルアプリチームでもCursor, Cline, Dev

                                                                                AI Editorをフル活用したFlutterアプリの多言語対応 - 工数削減と品質向上へ #BetAI - LayerX エンジニアブログ
                                                                              • Flutter HooksのuseXXXの使い方 - Qiita

                                                                                はじめに Flutter HooksとはReact HooksのFlutter版です。 React Hooksについてはこちらの記事がわかりやすいです。 5分でわかるReact Hooks 現在、Hooks自体が注目されているのと同時に、RiverpodというProviderの上位版が登場し、このRiverpodがFlutter Hooksとの併用を推奨していることもあり、より注目を浴びているようです。 本記事ではFlutter Hooksのサンプルコードをベースに、Flutter HooksのuseXXXまわりの使い方についてまとめます。 ※ Flutter側とHooksについて、いろいろと議論されているので、今後どうなるのかは不透明ですが、ここでは触れないでおきます。 https://github.com/flutter/flutter/issues/51752 環境 flutter_

                                                                                  Flutter HooksのuseXXXの使い方 - Qiita
                                                                                • DartとFlutterは、クロスプラットフォームモバイル開発のパフォーマンス、安全性、およびツールを改善します

                                                                                  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が最近リリースされ、重要な変...

                                                                                    DartとFlutterは、クロスプラットフォームモバイル開発のパフォーマンス、安全性、およびツールを改善します