【アドベントカレンダー2025】DevTools で分かる Flutter アプリの動きと最適化の考え方 🔖 7

こんにちは！ぐるなびアプリの開発をしている戸川です。モバイルアプリの「なんとなく重い」「ときどきカクつく」といった問題を、Flutter DevTools を使って可視化して、どのように原因を切り分けていくのかを解説していきます。

FlutterのFlavor設定完全ガイド：iOS/Android対応のマルチ環境を構築する 🔖 5

モバイルアプリ開発では、開発・ステージング・本番など複数の環境を切り替えて運用することがあります。 Flutterでのアプリ開発において、その運用に役立つのがFlavorです。Flavorは、アプリを複数の環境ごとに設定を切り替えるための仕組みです。 例えば「開発環境ではテスト用

バックエンドエンジニアがFlutter領域に越境してみて 🔖 1

!SNKRDUNK(スニダン)を開発しているSODA inc.の Advent Calendar 2025Advent Calendar 2025 13日目の記事です。 導入昨今、Claude Code や Cursor のような生成 AI ツールが一気に普及し、コード

Flutter Kaigi 2025 参加レポート 🔖 1

アンドパッドのエンジニアがFlutter Kaigi参加してきました！ Flutter Kaigi 2025 にアンドパッドのエンジニア４名が参加してきました。 今年の Flutter Kaigi 2025 は、例年の「Flutterの新機能を追うイベント」とは明らかに違い、技術

FlutterのState Restorationの基本と応用 🔖 4

なぜState Restorationの話？ 正直に言うと、Flutter の State Restoration は今年もっとも苦しめられたテーマでした。 「面倒」という言葉で片付けられるものではなく、仕組みを理解していないと破綻する設計領域です。 開発現場でも「なんとなく使っ

AI駆動でFlutter開発を行ったときに得意だと思ったこと。不得意だと思ったこと。 🔖 1

はじめに元々日常使いでは、ChatGPTを利用していたのですが、自社プロジェクトでClaude Codeを使用する機会があり大きなプロジェクトでも、開発でClaudeCodeを利用しています。そのときに思ったAI自動化楽だったなってところと、ここはAIに任せるより、自...

Flutter iOS アプリで Email のワンタイムパスワード自動入力 (OTP AutoFill) を検証してみる 🔖 2

この記事は every Tech Blog Advent Calendar 2025 の 9 日目の記事です。 はじめに こんにちは。リテールハブ開発部小売アプリチームの池です。 Flutter で開発しているアプリの中で、Email のワンタイムパスワード（OTP）を利用した認

FlutterKaigi 2025 協賛&参加レポート 🔖 1

はじめに こんにちは。Developer Engagementブロックの@wirohaです。2025年11月13日に「FlutterKaigi 2025」が開催されました。ZOZOはSilverスポンサーとして協賛し、スポンサーブースを出展しました。ZOZOは、2025年6月30

Flutter x Riverpodのアーキテクチャ考察 🔖 1

Commune Developers Advent Calendar 2025の5日目の記事です。わたくしは6年iOS開発をやっておりましたが、今年9月からFlutter開発をしております。3ヶ月ほどやった感想ですが、Riverpodが圧倒的に便利だなと感じています。Riv

Claude CodeとFigma MCPをFlutterアプリで試してみる 🔖 1

Claude CodeとFigma MCPを活用したFlutterアプリ開発について、デザインからコード生成、更新管理、カラー定義の自動取得までを解説します。

ネイティブ、Flutter、MAUI などなど…アクセシビリティで選ぶなら？ 🔖 1

Goodpatch ではアクセシビリティスペシャリストとして関わる中で、「この選択が将来のアクセシビリティ対応にどう影響するか？」という視点で技術選定を支援することもあります。そんな時に判断材料になるよう、主要なモバイルアプリ開発フレームワークとのアクセシビリティ対応状況を比較

Flutterフォームバリデーションの呪縛を解き放て！ZodArtで宣言的に書いてみた 🔖 1

この記事のコードは全部GitHubにあります 🎯Flutterでフォームバリデーションを書いたことのある方は納得していただけると思いますが、バリデーション & 値の取得　——　ボイラープレートコードが多くてコードの再利用性が低いのが現状の課題です。その苦労を少し..

【Tokyo Flutter Hackathon】ハッカソンで1位を取るために取った戦略とは？ 🔖 1

こんにちは！ひさふるです！先日、Tokyo Flutter Hackathonというハッカソンに参加してきました。最終的に、チーム"アジャイルビギナーズ"として1位を獲得することが出来ました！(出場メンバーは私のほか、@k_ohmikawa、@8mitsuboy、@o...

FlutterKaigi 2025 参加レポート 🔖 1

はじめに こんにちは！ソリューション本部エンタープライズ事業部スポーツプロダクト部開発グループ Flutterエンジニアの鵜飼です。今回は、日本最大級の Flutter カンファレンスである「 FlutterKaigi 2025 」の参加レポートをお届けいたします！この記事では

Figma MCP を使って Production Ready な Flutter コードを生成する 🔖 3

こんにちは。@shanonim です。デザインからコードを自動生成する技術は、太古の昔から試行錯誤が繰り返されてきた夢の技術ですが、生成AIとMCP (Model Context Protocol) の登場によって大きく進化しています。特に Figma が公開している Dev

Flutter Headless EngineによるバックグラウンドVoIPプッシュ通知処理 🔖 1

Flutter Headless EngineによるバックグラウンドVoIPプッシュ通知処理 はじめに株式会社IVRyでソフトウェアエンジニアをしているamemiyaです。私たちは「アイブリー」というFlutter製のVoIP通話アプリを開発しています。VoIP（Voic

Flutterアプリ開発のツール管理をFVMからmiseに移行する 🔖 2

こんにちは、IVRyのitochanです。IVRyのアプリ開発チームでは、Flutterアプリ開発に使うツールの管理をFVMからmiseに移行しました。本記事ではmiseをFlutterアプリ開発で使う利便性をご紹介します。 なぜFVMからmiseに移行するのかFlutt

Flutterアプリ開発のツール管理をFVMからmiseに移行する 🔖 2

こんにちは、IVRyのitochanです。IVRyのアプリ開発チームでは、Flutterアプリ開発に使うツールの管理をFVMからmiseに移行しました。本記事ではmiseをFlutterアプリ開発で使う利便性をご紹介します。 なぜFVMからmiseに移行するのかFlutt

Claude Code × Maestro MCPでFlutterのE2Eテストを実施してみた 🔖 2

Claude Code × Maestro MCPでFlutterのE2Eテストを実施してみた はじめに こんにちは、リテールハブ開発部の杉森です。 近年、Playwright MCPを使ってブラウザ操作やテストを自然言語経由で実施している事例が多数見られるようになりました。その

FlutterのCrashlytics完全対応：AI時代のクラッシュ分析と優先度の付け方 🔖 1

はじめに YOUTRUSTでアプリエンジニアをやっているオカ ( YOUTRUST / X )です。前職では長くネイティブアプリの開発を行っていて、Flutter開発に移って気づいたことがあります。Flutterのクラッシュ対応はネイティブアプリとは全然違う部分が多くあります。さ

デバッグメニューでFlutterのアプリ開発をスムーズに！ - ZOZO TECH BLOG 🔖 17

はじめに こんにちは、新規事業部フロントエンドブロックの大野純平です。2025年度に新卒入社し、現在のチームに配属されました。2025年6月に新規事業としてリリースされた、全身見える直感型マッチングアプリ「ZOZOマッチ」のアプリ開発を担当しています。「ZOZOマッチ」は、ZOZ

ZOZOマッチアプリのメッセージ機能を支えるFlutter × GraphQLの実装 🔖 5

はじめに こんにちは、新規事業部フロントエンドブロックの池田です。普段はZOZOマッチのアプリ開発を担当しています。2025年6月にマッチングアプリ「ZOZOマッチ」をリリースしました。ZOZOマッチにはメッセージ機能があり、この機能を実現するためにGraphQLを用いています。

デバッグメニューでFlutterのアプリ開発をスムーズに！ 🔖 17

はじめに こんにちは、新規事業部フロントエンドブロックの大野純平です。2025年度に新卒入社し、現在のチームに配属されました。2025年6月に新規事業としてリリースされた、全身見える直感型マッチングアプリ「ZOZOマッチ」のアプリ開発を担当しています。「ZOZOマッチ」は、ZOZ

FigmaからFlutterへ ── デザイントークン自動変換とUIカタログで実装を加速 🔖 26

はじめに こんにちは、新規事業部フロントエンドブロックの安土琢朗です。普段はZOZOマッチのFlutterアプリ開発を担当しています。 ZOZOマッチは2025年6月にリリースされた、ゼロから立ち上げたマッチングアプリです。zozomatch.jp本記事では、開発初期から取り組ん

FlutterKaigi 2025にブロンズサポーター＆スカラシップで協賛、さらにメンバーも登壇します！ 🔖 1

こんにちは！株式会社LayerXでモバイルアプリエンジニアをしているyoheiです。 この度、株式会社LayerXは、2025年に開催される日本最大級のFlutterカンファレンス「FlutterKaigi 2025」に、ブロンズサポーター&スカラシップ制度に協賛させていただくこ

Unity（C#）からFlutterに転向してハマった落とし穴 ~Flutter開発で気にしなくていい3つのこと~ 🔖 1

こんにちは。株式会社SODAでFlutterエンジニアをしているTPと申します。私は前職までUnityエンジニアをしており、Flutter歴は独学の時期も含めると3年ほどになります。今回は、Unityエンジニアだった私がFlutterを学ぶにあたってハマった落とし穴を紹介します

Fluttercon 2025 Day 3：一歩踏み出す勇気がキャリアを変える 🔖 1

こんにちは👋 ドイツのパン🍞大好きなアプリチームのルーカス (YOUTRUST / X) です VGV キーノート 最後のキーノートは VGV (Very Good Ventures) の CEO David DeRemer さん と Concepts Director Kyle

71歳の私が、AIと協働してFlutterアプリを3週間で作り上げて確信したこと。「プログラミング学習の常識」は、もう終わった。 🔖 295

71歳の私が、AIと協働してFlutterアプリを3週間で作り上げて確信したこと。「プログラミング学習の常識」は、もう終わった。 🔖 295

先日、Zennの「第3回 AI Agent Hackathon with Google Cloud」に参加し、Flutterを使って、3週間で一つのアプリ『Vegitage』をデプロイまで漕ぎ着けました。今日は、そのアプリ自体の話ではありません。この開発プロセスを通じ...

Fluttercon 2025 Day 2：自分の知らない世界を見つけた 🔖 1

こんにちは👋 イベントレポート早速出してるアプリチームのルーカス (YOUTRUST / X) です 正直、初日の夜はかなり疲れてしまって、Flutterconの熱気と初日のブログ の執筆でぐったりしてました（笑）。翌朝はチーズブレッツェルを片手に会場へ向かい、ちょうどDay2が

Flutterエンジニアの聖地へ：Fluttercon 2025 Day 1 の記録 🔖 1

こんにちは👋 最近登壇止まらないけど、頑張ってるアプリチームのルーカス (YOUTRUST / X) です 今回は、Fluttercon 2025に参加した旅路と、現地で過ごした前日と1日目の様子をレポートしたいと思います！ まずは、このような貴重な機会をいただけたことに、改めて

Flutter3.32から `NavigatorState.push` の挙動が変わった話 🔖 1

どうも、株式会社YOUTRUSTのアプリ開発のリードエンジニアを務めているashdikこと朝日(YOUTRUST / X)です。 最近は、またスマブラ熱が少し再燃しておりクロムをVIP入りさせようと尽力させているところです。 はじめに Flutter 3.32にアップデートした際

アプリエンジニアもアニメーション作れるよ！！Flutter × Rive で次世代のUI体験を作ろう 🔖 3

こんにちは👋 UI綺麗にするのが好きなアプリチームのルーカス (YOUTRUST / X) です 最近、YOUTRUSTのアプリが以前よりもアニメーションで表現豊かになってきたと感じた方もいるかもしれません。 その仕掛け人は誰でしょうか…？実は、僕なんです 4.0.0に入れたボト

FlutterではこんなUIちょちょいのちょい 🔖 32

スマホのアプリがネイティブ・Flutter・React Native製かをざっくり見分ける方法 🔖 21

はじめに技術選定・プロダクト分析・競合調査・SDK導入の検討など現場では「このアプリはネイティブ？ それとも FlutterかReact Native？」を外部から推測したい場面が少なくありません。しかし、一般的な「外観による当て推量」には限界があります。UIの見た目やア

WSL2上のFlutterアプリをワイヤレス接続で実機デバッグする 🔖 1

Flutterでネイティブアプリの開発を行った際の覚書です。Windows での Flutter 開発では Android Studio のエミュレーターでデバッグするのが一般的かと思いますが、私の場合 WSL 上に環境を置いており、 WSL の GUI では エミュレー...

Flutterアプリ収益化の教科書 🔖 3

作るだけで終わらせない！ビジネスモデルから実装まで、マネタイズの全体像を手に入れよう！本書ではFlutterアプリを収益化するために必要な知識を詰め込みました。アプリのビジネスモデルを学び、決済方法を学び、自分のアプリにあった方法を知った上で、実装方法を学びましょう。昨

【170GB削減】Flutter開発でストレージ空き容量がパンパンになったときの対処法 🔖 19

「私の場合はこうすると空き容量を増やせました」を書きます。 ▲こんな感じで容量がいっぱいになってしまった時の対処法 先に結論 結論から書くと、以下をすると合計170GBほど減らせました。 miseを使ってる場合： mise pruneする（110GB→10GB） iOSシミュレー

アクセシビリティ後回しにしてませんか？Flutterでできる読み上げ対応入門 🔖 1

はじめにこんにちは！株式会社アンドエーアイの荻野と申します！今回は Flutterで「VoiceOver」や 「TalkBack」といった機能をFlutterで実現する際の知識として、「Semantics」をご紹介します！、 アクセシビリティとは Accessib

【170GB削減】Flutter開発でストレージ空き容量がパンパンになったときの対処法 🔖 19

「私の場合はこうすると空き容量を増やせました」を書きます。▲こんな感じで容量がいっぱいになってしまった時の対処法 先に結論結論から書くと、以下をすると合計170GBほど減らせました。miseを使ってる場合：mise pruneする（110GB→10GB）i

RiverpodとFlutter Hooksで作る、宣言的UIに適したFlutterアーキテクチャ - エムスリーテックブログ 🔖 31

デジスマチームの荒谷(@_a_akira)です。最近の特技は、家の外観1枚と内装4,5枚の写真から施工したハウスメーカーを特定することです。AIにはまだ負けません。 この記事はデジスマチームブログリレーの10日目の記事です。 普段はデジスマ診療のアプリ開発を担当していますが、今年

RiverpodとFlutter Hooksで作る、宣言的UIに適したFlutterアーキテクチャ 🔖 31

デジスマチームの荒谷(@_a_akira)です。最近の特技は、家の外観1枚と内装4,5枚の写真から施工したハウスメーカーを特定することです。AIにはまだ負けません。 この記事はデジスマチームブログリレーの10日目の記事です。 普段はデジスマ診療のアプリ開発を担当していますが、今年

Flutter Web x Unity as a LibraryでPoCアプリ作った話 🔖 2

はじめに最近、PoCとしてFC東京のアナリスト向けの支援ツールを作ったんですが、その際にFlutter WebでUnity as a Libraryを組み合わせたチャレンジングな技術スタックで開発を行ったので、所感を述べておこうと思います。 作ったもの=> 1人称3

Flutterで音を奏でよう！リアルタイムオーディオ生成アプリの第一歩 🔖 1

こんにちは、デジスマチームでソフトウェアエンジニアをしている立花です。 最近の趣味は ゆる言語学ラジオ - YouTube を聞くことです。宜しくお願いします。 このブログはデジスマチームブログリレーの7日目の記事です。 Flutterでリアルタイムオーディオ生成 この記事ではF

FlutterのShareExtensionがわかる！実に！わかるぞ！最高に「ハイ！」ってやつだアアアアアアハハハハハハハハハーッ 🔖 2

わかる！実に！わかるぞ！最高に「ハイ！」ってやつだアアアアアアハハハハハハハハハハーッ[1]というわけで、お久しぶりです、わたなおです。今回はですね、FlutterなのにiOS側のみでShareExtensionを使用したいという狂気じみたことをやったので備忘録を書こうと思い

FlutterのShareExtensionがわかる！実に！わかるぞ！最高に「ハイ！」ってやつだアアアアアアハハハハハハハハハーッ 🔖 2

わかる！実に！わかるぞ！最高に「ハイ！」ってやつだアアアアアアハハハハハハハハハハーッ[1]というわけで、お久しぶりです、わたなおです。今回はですね、FlutterなのにiOS側のみでShareExtensionを使用したいという狂気じみたことをやったので備忘録を書こうと思い

FlutterアプリによるGlanceとWidgetKitで実現する両OS対応ウィジェット機能実装 🔖 1

はじめに こんにちは、FANTECH本部 Fanbase事業部でモバイルアプリエンジニアをしている成 ...

Perk アプリにおける WebView + Flutter の選択と実践 | Wantedly Engineer Blog 🔖 28

こんにちは、エンジニアの富岡です。この記事はウォンテッドリー・アドベントカレンダー2025夏の13日目の記事です。 私たちは昨年の夏に福利厚生サービス「Perk」の iOS / Android アプリをリリースしました。このアプリは枠組み部分を Flutter で作り、中身は W

Perk アプリにおける WebView + Flutter の選択と実践 🔖 28

こんにちは、エンジニアの富岡です。この記事はウォンテッドリー・アドベントカレンダー2025夏の13日目の記事です。...

【Flutter】MethodChannelで実装するiOSアプリの漢字→かな自動入力機能 🔖 7

今回は、Flutterアプリケーションにおいてユーザーが漢字で姓名を入力した際に、自動的にふりがなを補完する機能を実装した際の技術的な取り組みについてご紹介します。特に、FlutterのMethodChannelを活用してiOSネイティブAPIと連携し、オフラインで動作する漢