並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 675件

新着順 人気順

flutterの検索結果201 - 240 件 / 675件

  • 【Flutter 3.19対応】Dart-define-from-fileを使って開発環境と本番環境を分ける

    Flutter 3.16 までは、 dart-define-from-file で定義した環境変数が、iOSやAndroidで使用できていました。 ところが、この動作は意図せず dart-define の動作とも一致しないため、 Flutter 3.19 (stable) 以降で無効になりました。 Flutter 3.19で動作確認しつつ、必要な対応を弊社のテンプレートリポジトリに追加しました。 追加対応を行ったプルリクエスト(コミット)はこちらです。 https://github.com/altive/flutter_app_template/pull/321/commits あわせて、こちらの記事も、3.19以降に必要な対応を含めた内容に更新しました👌 はじめに こんにちは、Flutterでのアプリ開発をメインとしている「Altive株式会社」の村松龍之介(@riscait)です!

      【Flutter 3.19対応】Dart-define-from-fileを使って開発環境と本番環境を分ける
    • 【170GB削減】Flutter開発でストレージ空き容量がパンパンになったときの対処法

      「私の場合はこうすると空き容量を増やせました」を書きます。 ▲こんな感じで容量がいっぱいになってしまった時の対処法 先に結論 結論から書くと、以下をすると合計170GBほど減らせました。 miseを使ってる場合: mise pruneする(110GB→10GB) iOSシミュレーターを使ってる場合 XCodeの「Window → Devices and Simulators」から不要なシミュレーターを手動でポチポチ消す(たぶん100GB→50GBくらい) dockerを使ってる場合: 以下を実行する(40GB→30GB) docker image prune -a(未使用のImageの削除) docker volume prune(未使用のVolumeの削除) docker builder prune(未使用のBuild Cacheの削除) pnpmを使ってる場合: pnpm store

        【170GB削減】Flutter開発でストレージ空き容量がパンパンになったときの対処法
      • 【Flutter】App Check を導入して Firebase を守ろう!(2025年7月更新)

        はじめに 下の画像を見てください。これはとあるアプリの Firebase Console の App Check の Cloud Firestore のモニタリング画面です。この画面で 不正リクエストがどのくらいあるかが確認できます。 え?小さくてよくわかりませんか?もう少し拡大してみましょう。 ↑拡大してみました。なんと不正リクエストは 2% ありました。30日間で不正リクエストは57万回あったということです! さらに Authentication は 18% も不正リクエストがありました! これは、どうにかしないといけない。。。ということで、最近 Firebase App Check を個人開発した Flutter アプリに導入したので、導入手順について紹介します! コードの修正は簡単ですが、Firebase 側の設定がなかなか難解ですし、公式サイト は手順がひとつにまとまっていなくて

          【Flutter】App Check を導入して Firebase を守ろう!(2025年7月更新)
        • Flet使うとPythonでWeb/Desktop/Mobileアプリ作れちゃうんだ - Qiita

          GitHubOAuthProviderを用いて、githubアカウントによる認証を行います。 認証前の画面 ボタンをクリックします。 認証許可を求める画面 みなさんも一度は見たことあるかと思いますが、認証の画面が表示されるので、緑色のボタンをクリックして、認証を行います。 認証後の画面 認証が成功したので、ログアウト処理のボタンと、コンソールに自分のRepositoryを表示するボタンが表示されるようになりました。 logoutをクリックすれば、認証前の画面に戻ります。Show Reposをクリックすれば、リポジトリ一覧を確認できます。 コードは以下の通りです。(環境変数の設定は各自でお願いいたします。) import os from flet.auth.providers.github_oauth_provider import GitHubOAuthProvider import fl

            Flet使うとPythonでWeb/Desktop/Mobileアプリ作れちゃうんだ - Qiita
          • デバッグメニューでFlutterのアプリ開発をスムーズに! - ZOZO TECH BLOG

            はじめに こんにちは、新規事業部フロントエンドブロックの大野純平です。2025年度に新卒入社し、現在のチームに配属されました。2025年6月に新規事業としてリリースされた、全身見える直感型マッチングアプリ「ZOZOマッチ」のアプリ開発を担当しています。「ZOZOマッチ」は、ZOZOとして初めてFlutterを採用したモバイルアプリです。 zozomatch.jp ZOZOマッチの開発では、様々な状態を再現する作業に多くの時間を費やしており、効率化が課題となっていました。 本記事では、この課題を解決するデバッグメニューの作り方と効果的な機能を紹介します。 目次 はじめに 目次 背景・課題 解決策:デバッグメニューの導入 デバッグメニューの呼び出し方法 実装した機能と具体的な活用場面 1. ログ表示機能 2. 画面遷移デバッグ 3. SharedPreferencesデバッグ 4. API通信

              デバッグメニューでFlutterのアプリ開発をスムーズに! - ZOZO TECH BLOG
            • MVVM+Repositoryパターンを採用したFlutterアプリを構築する

              この記事について wasabeefさんが作成しているリポジトリを参考に、カスタマイズしてテンプレートを作成してみたという自分用メモ的な記事です。導入手順をかなり丁寧に書いたつもりなので、めちゃくちゃ文字数が多くなっちゃっています💦(脅威の50000文字over)。 wasabeefさんのテンプレートでは、ChangeNotifierを採用していますが、この記事では、StateNotifierを採用しています。また、Sizer・Fimber・Device Previewなども新たに導入しています。逆に、Dioの導入はしていません。これは、httpというパッケージを使った方が良いケースもありますし、そもそもFirebaseを使用していて、バックエンドAPIを叩く必要がないケースもあるかと思いますので、必要に応じて、下記のリポジトリを参考にしてみてください。 MVVM+Repositoryパタ

                MVVM+Repositoryパターンを採用したFlutterアプリを構築する
              • Flutter/Dartにおけるimmutableの実践的な扱い方

                以下の記事でも触れている StateNotifier は状態値をimmutableで扱うことが実質必須ですが、そのimmutableプログラミングがあまり理解できていない様子が散見されたり質問を受けることが多いのでそれについて記事にしてみました。 immutableについての良い解説記事なども色々ありますが、Flutter/Dartにおいての実践的な扱い方に対して飛躍がある気がしていて、それを埋められることを意識して順を追って説明してきます。 以下で示したコードは https://github.com/mono0926/riverpod_example/blob/main/test/test.dart に大体含まれています。 mutableなクラスの挙動まず、mutableなクラスの挙動は以下のようになります。 class Mutable { Mutable(this.value); in

                  Flutter/Dartにおけるimmutableの実践的な扱い方
                • Google、「Flutter 2」を正式リリース ~iOS/Androidに加えWeb開発をサポート/開発言語の「Dart 2.12」は“null安全”に対応

                    Google、「Flutter 2」を正式リリース ~iOS/Androidに加えWeb開発をサポート/開発言語の「Dart 2.12」は“null安全”に対応
                  • Unity製のiOSアプリにFlutterを組み込む | gihyo.jp

                    本連載は、iOS/Android向けのアプリでUIの表現力を高めることを目標に、Unity製アプリにFlutterを導入した例を具体的な実装方法を交えながら紹介する記事の3回目となります。 前回の記事ではUnityからExportしたAndroidプロエジェクトに対してFlutterを組み込む方法を解説しました。 3回目となる今回はUnity製のiOSプロジェクトにFlutterを組み込む解説となります。 前回までのおさらい まず今回の本題であるUnityから出力されたiOSプロジェクトにFlutterを入れる方法を解説する前に前回までの話しをおさらいします。 前回までの記事で、 なぜUnity製アプリにFlutterを入れる必要があるのか アプリ、Unity、Flutterの関係性 今回の記事の内容を実行している環境の紹介 FlutterのModuleプロジェクトの作成 UnityからE

                      Unity製のiOSアプリにFlutterを組み込む | gihyo.jp
                    • Python でアプリ開発できる Flet を触ってみた | DevelopersIO

                      こんにちは、森田です。 最近周りの人から Python でアプリ開発のできる Flet について教えてもらい、面白そうなのでチュートリアルをやってみました。 よかったら参考にしてみてください。 Flet とは Flet は、フロントエンド開発の経験がなくても、簡単に Web、デスクトップ、モバイル アプリケーションを開発できるフレームワークです。 開発はPythonで行うことができ、内部的には、Flutter を利用しているようです。 標準でウィジェットが用意されているため、フロントの開発を行うことなく、少ない労力で、アプリとして動作させることができます。 Python で複雑すぎないアプリを作りたい場合にピッタリのフレームワークとなります。 やってみた 本記事では、チュートリアルに従って、電卓アプリを作ってみます。 なお、本記事では、Mac Python 3.8.13にて行います。 ライ

                        Python でアプリ開発できる Flet を触ってみた | DevelopersIO
                      • FlutterのCI/CD環境のAWS EC2(Mac)環境に構築してパイプライン実行速度を改善する - Qiita

                        背景 現在Flutterを用いたモバイルアプリの開発を行なっているが、その中でGitlabによるCI/CDを構築している。 こちらを運用していくにあたって1点問題が発生した。 それは、メンバーの増加によって相対的にCI/CDのビルド端末が不足し、pipelineの滞留が発生したことだ。 pipeline待ちがDeveloperのストレスになったり、作業効率の低下を招いたりすることは既に広く知られてはいるため本件を早急に解決する必要がある。 基本的には、CI/CDのRunnerとなるMacを購入して、処理台数を増やすことで、本件を解決することができる。 しかし、この問題の解決には以下のような課題がある。 Mac端末の購入にはリードタイムが必要であり、解決まで時間がかかる。 新規で購入した端末では新たに環境構築が必要であり、人的リソースがかかる。 メンバーの増加は一時的なものであり、減少した際

                          FlutterのCI/CD環境のAWS EC2(Mac)環境に構築してパイプライン実行速度を改善する - Qiita
                        • dart:ffiで既存のC++の資産をDart/Flutterから使用する方法

                          1. はじめに こんにちは、TURING でエンジニアをしているsangotaroです。 TURINGは完全自動運転システムを搭載した"EV"の販売を目標とする会社です。 この記事では既存のC++で書かれたソフトウェアの資産をDartから利用する方法についてある程度の知見が得られたのでそれをまとめたいと思います。 2. なぜC++の資産をDartから使用する必要があったか hokkaidoプロジェクトの記事でもお伝えした通り、TURINGでは現時点でも以下のソフトウェア資産を持っています カメラからの映像を入力として経路の推定を行い自動運転を行う 自動運転の推論の結果得られた経路やカメラ画像の表示、CAN (自動車の様々なデータが流れるネットワーク)から得られた情報などを車載モニタに表示する 現状のモニタに表示されている情報でも運転手に必要な情報は表示されているのですが、今後さらに車載モニ

                            dart:ffiで既存のC++の資産をDart/Flutterから使用する方法
                          • より良いユーザー体験を求めて "角丸" を深掘りする

                            先日、他社のFlutter製のアプリを触っていて、よくできているなーと感心していました。 いい意味でFlutter感がないなと。 しかし、そのことをデザイナーの友だちに伝えたところ、「まだFlutter感ある!」と言っていたのです。 さすがデザイナーだなと感心していたのですが、その視点はどこに向けられているのかを深掘りしてみました。 角丸に現れるFlutterっぽさ この2つのオブジェクト、よく見ると微妙に角丸が違うのがわかりますでしょうか。 右の方が優しい印象を受けます。 この2つの違いはCorner smoothingを取り入れているかどうかになります。 もうちょいわかりやすいようにオブジェクトを重ねてみました。 どちらもRadiusは20pxですが、青色の方ははCorner smoothingを取り入れています。 青色の方が丸くなっていく角度が滑らかになっています。 角を滑らかにする

                              より良いユーザー体験を求めて "角丸" を深掘りする
                            • Flutter 3 での変化点の要約 | 週刊Flutter大学

                              Deep dive into our latest release, including macOS and Linux stable, performance improvements, and more! 細かいニュアンス等はこちらの記事で読んだほうが理解しやすいので、 気になる方はぜひこちらを読んでみてください。 以下、要約となります。 導入 Flutter のstable リリースの時が来ました。 Flutter 3について発表できることを非常に誇りに思います! たった3ヶ月前に、WindowsへのFlutterのサポートを発表したばかりでした。 本日、Windowsに追加して、macOSとLinuxに対するFlutter の Stable サポートを発表します! Flutter コントリビューターの懸命な働きに感謝します。 5248ものプルリクエストがマージされました。 このリリ

                                Flutter 3 での変化点の要約 | 週刊Flutter大学
                              • Flutter × Bitriseでappstore&playストアにまとめてデプロイが快適すぎる件

                                ちょっと宣伝させて(割愛可) 新しいアプリをリリースしました。 その名も「タコチャート」🐙 アプリの内容は、自己/他己分析サポートサービスみたいな感じで、 近しい人に、自分の他己分析を気軽に依頼できるというものです。 合わせて、最近出会った人との会話メモ帳アプリにも使える、便利な代物です。笑 これを今後、採用面接とか、恋活とか、そういう市場で展開できないかな? と思いながら作戦を練っているところです 😄 ぜひこの記事を見た方は、IOSかAndroidのアプリをダウンロードして、友人や親御さんなど、 色んな人にレビューをお願いしてみてください🙏 そして、使い心地や改善点など、ここでも、アプリのお問い合わせからでも教えて頂けると嬉しいです。 本題 このアプリをリリースする上で、CI/CDツールをBitriseにしました。 FlutterだとCodeMagicも有名ですが、同じコミュニティ

                                  Flutter × Bitriseでappstore&playストアにまとめてデプロイが快適すぎる件
                                • 【神パッケージ】 Riverpod の使い方【Flutter】|Yota Ishikawa | AI

                                  今回紹介する Riverpod は Flutter の状態管理パッケージです。Riverpod のおかげで僕の Flutter ライフは最高に快適になりました。紛れもない神パッケージです。今まで provider パッケージをフル活用してアプリを開発してきましたが、新しいアプリでは Riverpod パッケージを使っています。 Riverpod は Flutter でよく使われている provider パッケージを開発している人が、provider パッケージで問題のある部分を改良したものです。 2021年の11月に正式版(バージョン 1.0.0 )が公開されて、より安心して使えるようになりました。 Riverpod の実践的なアーキテクチャについては、こちらまで。 provider の問題点と Riverpod の解答 provider パッケージは充分に優れていて、正直そんなに困ること

                                    【神パッケージ】 Riverpod の使い方【Flutter】|Yota Ishikawa | AI
                                  • Google、Dart 3.3正式リリース。Flutter WebのWebAssemblyへのコンパイルも準備開始

                                    Googleは、Dart言語の新バージョンとなる「Dart 3.3」正式版と、Dart言語を用いたアプリケーションフレームワークの新バージョンとなる「Flutter 3.19」正式版のリリースを発表しました(Dart 3.3の発表、Flutter 3.19の発表)。 Flutterは単一コードでiOS/Android対応のネイティブアプリ開発を可能にするフレームワークとして登場し、現在ではMac、Windows、そしてWebアプリケーションも単一コードでカバーするクロスプラットフォーム対応を目指して開発が進められています。 Flutter 3.19ではGeminiを組み込むためのSDKが追加 Flutter 3.19の新機能としては、Google AI Dart SDKがベータ版として追加され、Googleの最新AIモデルであるGeminiをアプリケーションに容易に組み込めるようになりまし

                                      Google、Dart 3.3正式リリース。Flutter WebのWebAssemblyへのコンパイルも準備開始
                                    • #FlutterEngage Keynoteセッションレポート: Flutter 2.0のアナウンス、Flutter for WebがStableに | DevelopersIO

                                        #FlutterEngage Keynoteセッションレポート: Flutter 2.0のアナウンス、Flutter for WebがStableに | DevelopersIO
                                      • Flutter Kaigi 2023でFlutterのライフサイクルについて発表してきた - エムスリーテックブログ

                                        11/10に国内最大のFlutterカンファレンスであるFlutter Kaigi 2023が開催されました 🎉 エムスリーはSilverスポンサーとして参加し、私 荒谷(@_a_akira)がMaster of Flutter lifecycleという発表してきたので参加レポートを、また立花と小林(@bakobox)がセッションレポートを書きたいと思います。 flutterkaigi.jp ノベルティ 裏話 セッション 発表内容 裏話 ライブラリ公開した 参加レポート Flutterアプリにおけるテスト戦略の見直しと自動テストの導入 Dartのコード生成の仕組みと、コード自動生成のパッケージを自作する方法について Flutterアプリのセキュリティ対策を考えてみる 我々にはなぜRiverPodが必要なのか - InheritedWidget から始まる app state 管理手法の課

                                          Flutter Kaigi 2023でFlutterのライフサイクルについて発表してきた - エムスリーテックブログ
                                        • React Native と Flutterを比較してみた - カミナシ エンジニアブログ

                                          こんにちは。株式会社カミナシの keinuma です。 今回はReact NativeとFlutterの比較についてまとめてみました。 弊社ではモバイルアプリ開発にReact Native + Expoを利用しています。ExpoはCLIを筆頭に便利な機能が多く、開発フローの基盤になっています。 そんな中、クロスプラットフォームのライブラリとして人気を博しているFlutterと比較すると何が違うのか知りたくてまとめてみました。 比較する上で以下の観点に絞ってみていきます。 基本情報 開発環境 UI 状態管理 テスト 基本情報 FlutterとReact Nativeの言語、提供元でまとめてみました。 ここ1ヶ月ほどFlutterを調べてみた中でDart言語はJavaやJS, Pythonなどのいいところをあわせもっていて書きやすい言語だなと感じました。 これまで静的型付け言語をやっていれば学

                                            React Native と Flutterを比較してみた - カミナシ エンジニアブログ
                                          • 仕様書には載っていない、YOUTRUSTアプリの細かなUX改善の話 - YOUTRUST Tech Blog

                                            アプリエンジニアのくまもん(YOUTRUST/X)です。 細かいUXまで気を配られているアプリは、単純に使いやすいだけでなく、操作していて心地が良く、動きに信頼感があります。しかし細かいUXの議論は、どうしても後回しになりがちで、仕様やデザインモックで厳密に表現しづらい場合もあります。 YOUTRUSTアプリには、プロダクトマネージャーの仕様書による指示というよりは、エンジニアと関係者が自主的に話し合って実装されたと思われるUXの工夫がたくさんあります。今回は、仕様書に載っていないレベルの、細かいのアプリのUX改善についてご紹介します。 デザイン領域に近いアプリの実装の話になりますが、実装パート以外は技術的な知識はあまり要らないと思うので、ぜひ肩の力を抜いて読んでいただければ幸いです! タッチフィードバック タッチフィードバック セルやボタンをタップしたときに「タップした感」のあるタッチフ

                                              仕様書には載っていない、YOUTRUSTアプリの細かなUX改善の話 - YOUTRUST Tech Blog
                                            • Firebase 公式動画から『Firestore の DB 設計の基礎』を学ぶ - Qiita

                                              概要と投稿の背景 本投稿では、Firestore の DB 設計の基礎についてまとめます。 私は普段、都内の企業で Flutter エンジニアとして勤務しています。最近は Python/Django のバックエンド API や、Nuxt.js/Vue.js による Web フロントエンドのタスクにも取り組むことがあるのですが、業務レベルで Firestore を使いこなすような機会はありません。 ですが、趣味や個人で使用する範囲のアプリケーションを開発する際には、DB としての Firestore の便利さ・手軽さ・それでいて高機能な面に魅力を感じており、最近では NoSQL データベースや Firestore の特徴をうまく捉え、メリットを活かしながら、いろいろな規模のサービスを Firestore を用いて実現している例もかなりあるようです。 これから行おうとしている個人開発でも、Fi

                                                Firebase 公式動画から『Firestore の DB 設計の基礎』を学ぶ - Qiita
                                              • チームで採用しているriverpodを使ったFlutterのアーキテクチャとriverpod v1.0.0

                                                Oracle Database Technology Night 92 Database Connection control FAN-AC

                                                  チームで採用しているriverpodを使ったFlutterのアーキテクチャとriverpod v1.0.0
                                                • Google、Mac/Linuxデスクトップアプリの開発に対応した「Flutter 3」を発表/Apple Silicon、ユニバーサルバイナリにも対応。「Firebase」対応も強化

                                                    Google、Mac/Linuxデスクトップアプリの開発に対応した「Flutter 3」を発表/Apple Silicon、ユニバーサルバイナリにも対応。「Firebase」対応も強化
                                                  • Flutter 3.3がリリース。パフォーマンスの改善、テキスト周りの改善、iOS向け高速な描画レイヤ「Impeller」を試験的実装

                                                    Flutter 3.3がリリース。パフォーマンスの改善、テキスト周りの改善、iOS向け高速な描画レイヤ「Impeller」を試験的実装 GoogleはDart言語によるマルチプラットフォーム対応のフレームワーク「Flutter」の最新版となる「Flutter 3.3」の正式リリースを発表しました。 Flutterは今年の5月にmacOSとLinuxアプリの開発が正式版となった「Flutter 3」が登場し、iOS/Android/Windows/macOS/Linuxのマルチプラットフォーム対応が正式に揃ったところです。 参考:[速報]「Flutter 3」登場、FlutterによるmacOSとLinuxアプリ開発が正式版に。Macのユニバーサルバイナリにも対応 今回のFlutter 3.3では、おもにパフォーマンスの改善、テキスト周りの改善などが行われています。 Learn what's

                                                      Flutter 3.3がリリース。パフォーマンスの改善、テキスト周りの改善、iOS向け高速な描画レイヤ「Impeller」を試験的実装
                                                    • Flock

                                                      The Flock has migrated! In a few seconds we'll redirect you to: https://getflocked.dev/

                                                        Flock
                                                      • What is Maestro? | Maestro

                                                        What is Maestro?Maestro is the simplest and most effective UI testing framework. 🚀 Running in the Cloud Ready to wire into CI or scale up your testing? Start running your flows on Maestro's enterprise-grade cloud infrastructure: Run Maestro tests in the cloud Maestro is built on learnings from its predecessors (Appium, Espresso, UIAutomator, XCTest, Selenium, Playwright) and allows you to easily

                                                          What is Maestro? | Maestro
                                                        • モバイルアプリ開発は、Flutter一択なのか?-2021版- - Qiita

                                                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは! Tetsukick(菊池哲平)です。 2021年1月現在、インドネシア(PT.AQ Business Consulting Indonesia)でモバイルアプリ開発の技術顧問をしております。 iOS歴5年、Flutter歴1年半。個人でもアプリ開発してます。 本記事は、2020年11月にZennに投稿した記事の改訂版になります。 Zennで本を出版しておりますflutter chips(30,000字程度) 本記事の対象読者 モバイルアプリ開発者 Flutterの今後の可能性を知りたい方 モバイルアプリ開発案件を検討中で技

                                                            モバイルアプリ開発は、Flutter一択なのか?-2021版- - Qiita
                                                          • [Flutter] CupertinoでiOSスタイルのUIを実装してみた | DevelopersIO

                                                            Cupertino WidgetsでUIを実装 Cupertino WidgetsでUIを実装します。 import 'package:flutter/cupertino.dart'; void main() => runApp(const MyApp()); class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const CupertinoApp( title: 'Flutter Demo', home: RootPage(), ); } } class RootPage extends StatefulWidget { const RootPage({Key? key})

                                                              [Flutter] CupertinoでiOSスタイルのUIを実装してみた | DevelopersIO
                                                            • Introducing Flutter 3

                                                              As the product has matured, more of you have started to build apps with it. Today there are over 500,000 apps built with Flutter. Analytics from research firms like data.ai, along with public testimonials, show Flutter is used by a broad list of customers in many segments: from social apps like WeChat to finance and banking apps like Betterment and Nubank; from commerce apps like SHEIN and trip.co

                                                                Introducing Flutter 3
                                                              • Flutterの使いかた、環境構築から実装、ビルドまで | フューチャー技術ブログ

                                                                TIGの伊藤真彦です。 フロントエンドアプリケーションの開発においてVue、Reactと触ってきましたがFlutterの開発も始めました。モバイルアプリ、Webアプリ、更にはデスクトップアプリへの高いポータビリティが期待できる、Adobe XDでのデザインを高速にアプリケーションに反映できる、といった期待値が高いことが選定の理由です。 フューチャーではDart/Flutter連載で様々なネタを取り上げましたが、汎用的なハウツー記事が意外と少なかったため書いてみました。 FlutterとはFlutterはDart言語で実装されたアプリケーションフレームワークです。 元々はAndroid、iOS向けのモバイルアプリケーションを実装するためのSDKでしたが、Flutter on the web、Flutter on Desktopの公開により、Flutterで作っておけばどのようなプラットフォー

                                                                  Flutterの使いかた、環境構築から実装、ビルドまで | フューチャー技術ブログ
                                                                • Dart製のベンチマークHakariを開発!forEachやmap遅すぎィ!なことを即時測定デキルヨ!

                                                                  まとめ JavaScript系のベンチマーク、mitataのようなリッチなベンチマークをDartでも取りたい シンプルな記法で、リッチな結果を得られるpackage、Hakariを開発したよ! x倍や棒グラフで測定結果をリッチに確認できるHakariはGood! JavaScript系のベンチマーク、mitataに痺れる、憧れるゥ! HonoというNode, Deno, Bunなどで動くJavaScriptフレームワークを開発している @yusukebeさんがよく mitata というベンチマークソフトを使っているのを見かけます。 mitata は簡単なテストを書くようにシンプルに記載できて、かつ結果が美しく、わかりやすく表示されるのが特徴です。クロスランタイムなベンチマークをとれるのがmitataの大きな特徴ですが、単純な書きやすさと、結果の見やすさは目を見張るものがあります。 Dart

                                                                    Dart製のベンチマークHakariを開発!forEachやmap遅すぎィ!なことを即時測定デキルヨ!
                                                                  • FlutterでWebアプリ開発入門

                                                                    Flutter Webを利用したWebアプリ開発の入門を講義したときの資料を再編しました。5日分で演習を中心にしながら簡単でモダンなWebアプリの作成を目標にします。 対象: Webアプリに興味がある, Flutterに興味がある, 初学者/Flutter初心者

                                                                      FlutterでWebアプリ開発入門
                                                                    • 【徹底比較】Flutter VS React Native

                                                                      はじめに 今回の記事では、モバイルアプリ開発として有名なフレームワークである「Flutter」と「React Native」両方の特徴、決定的な違いを徹底解説する。 2022年11月現在では、モバイルアプリ開発としてFlutterが屈指の人気を誇っている。ところが、実はモバイルアプリを開発できるフレームワークはFlutter一択ではない。Flutter以外にモバイルアプリを開発できるフレームワークとしては、Meta(旧Facebook社)が開発したReact Nativeが挙げられる。 両者はどう違うのか。なぜ開発で使われているのか―そこで、今回の記事では特徴や課題点を徹底解説する。 本記事の対象読者 モバイルアプリ開発で生計を立てているプログラマー Flutter、React Native両者の特徴を知りたい人 モバイルアプリ開発案件を検討中で技術選定をされている人 本記事のタイトルが気

                                                                        【徹底比較】Flutter VS React Native
                                                                      • 開発速度向上のためのAnewsモバイルアプリのアーキテクチャ改善

                                                                        Anewsのモバイルアプリケーションの開発速度向上のための設計改善について。

                                                                          開発速度向上のためのAnewsモバイルアプリのアーキテクチャ改善
                                                                        • 今すぐ入れる!近くの飲食店を予約できるサービス「Neee」を支える技術 | BLOG - DeNA Engineering

                                                                          こんにちは。スマートシティ事業本部の大村と、同じくスマートシティ事業本部の野々村です。 本記事では、このたびリリースされた、今すぐ入れる近くの飲食店を予約できるサービス「 Neee 」を支えるバッグエンド技術とフロントエンド技術について、それぞれ大村と野々村から紹介させていただきます。 今すぐ入れる!近くの飲食店を予約できるサービス「Neee」とは 「Neee」は、近くにある今すぐ入れる飲食店を探しているお客様と、当日の空席を埋めたい飲食店をリアルタイムにマッチングするサービスです。外出先での急な飲み会の予定や二次会に行くことが決まった時に、近くにある今すぐ入れる飲食店を探すことは難しく、直接店舗に行くか電話で空席を確認しなければいけないといった課題がありました。 そこで、「Neee」では、来店されるお客様向けに現在予約受付中で近くにある飲食店のみをウェブサイトで紹介し、即座に予約ができる

                                                                            今すぐ入れる!近くの飲食店を予約できるサービス「Neee」を支える技術 | BLOG - DeNA Engineering
                                                                          • ポケモンから学ぶFlutter

                                                                            本書は、Flutterを使ってアプリを作ってみたいというすべての方に向けて、 " Flutter好きかも😆 " と思っていただけるような内容を目指した導入書です。📚 Flutterが大好きな筆者による、Flutterファン獲得のための布教活動の一環です。 Flutterの勉強をしてみたいが何を作ったらいいのかわからないという方や、 Flutterの基本的なことを網羅的に学習したいがどうもモチベーションが続かないという方に対する最適なソリューションはポケモンです。 そう、世界に誇る日本の文化、ポケモンです。 ポケモンを扱っている以上、そのモチベーションが失われることはありません。 📖 真面目な話 - ポケモン図鑑をPokeAPIを使って作ります - 基本的なWidgetの扱い方 - レイアウトの組み方 - 画面遷移 - API呼び出し - データの永続化 - 状態管理 といった基本的な

                                                                              ポケモンから学ぶFlutter
                                                                            • Flutterによるアプリ開発は今後一般的に、それでも導入事例が少ない理由とは? 内製化支援を行うゆめみが解説

                                                                              今や個人が所有するデバイスの数も増加しており、アプリ開発者は各プラットフォームに合ったものを迅速に提供することが求められている。そこで注目されているのが、クロスプラットフォームフレームワークである。iOS/Androidによるアプリ開発を長年提供してきたゆめみでは、これまでの知見を生かして、Flutterを活用したい開発現場向けに、内製化支援サービスの提供を開始した。Flutterの活用により、モバイルアプリ開発はどう変わっていくのか。Flutterエンジニアリングのエキスパートであり、ゆめみの戦略技術顧問に就任した小野将之氏と、ゆめみでテックリードを務める室山大輔氏に話を聞いた。 株式会社ゆめみ 戦略技術顧問 小野将之氏(左)、テックリード 室山大輔氏(右) ネイティブアプリ開発の課題点とクロスプラットフォームという選択肢 2000年の創業以来、さまざまなWebサービスの豊富な専門知識を

                                                                                Flutterによるアプリ開発は今後一般的に、それでも導入事例が少ない理由とは? 内製化支援を行うゆめみが解説
                                                                              • 【Flutter】Navigator.of(context) から理解する 3つのツリー

                                                                                この記事は Flutter #2 アドベントカレンダー 2020 - Qiita 3 日目の記事です。 この記事は、 Flutter アプリ開発で頻繁に利用する Navigator.of(context) の実装を読みながら、Flutter を理解する上でとても重要な「3つのツリー」についての理解を深める記事です。 ターゲット この記事は、以下のような方が読むことを想定しています。 Widget を使って簡単なアプリを作ることができるようになった方。 Widget は知っているけど、 Element とか RenderObject とか言われてもよくわからない方。 Navigator.of(context) ってよく書くけど実際アレ何なんだろう?という方。 逆に、Flutter の公式ドキュメントやソースコードをすでに読んでいて、Flutter のレイアウトの仕組みについてある程度の知識が

                                                                                  【Flutter】Navigator.of(context) から理解する 3つのツリー
                                                                                • FlutterアプリにおけるUI Component Architecture #LayerXテックアドカレ - LayerX エンジニアブログ

                                                                                  こんにちは。バクラク申請・経費精算 ネイティブアプリエンジニアのyoheiです。 最近はこたけ正義感の逆転裁判プレイ動画を見ながら法律の勉強してます。好きなラジオは真空ジェシカのラジオ父ちゃんです。M-1も応援してます! この記事はLayerXテックアドカレ2023の26日目の記事です。前回は 赤羽さん が「Go言語のORMであるGORMをv1からv2へのマイグレーションした話」を書いてくれました。27日目の記事 id:itkq さんより「勤怠をいい感じにする社内Slackアプリ #LayerXテックアドカレ - LayerX エンジニアブログ」ポストされました。一緒にご覧いただけたらと! バクラク申請・経費申請では現在のモバイルアプリをFlutterでのリプレースを進めています。そのうえでチームとしてUIコンポーネント(Widget)をどの用に作っていくか設計(UI Component

                                                                                    FlutterアプリにおけるUI Component Architecture #LayerXテックアドカレ - LayerX エンジニアブログ

                                                                                  新着記事