はてぶ・Qiita・Zennのトレンド記事を紹介
FlutterはGoogleが開発したモバイルアプリ開発フレームワークです。1つのコードでiOSとAndroid両方のアプリを作成できます。
Appium Flutter Driver 再び (powered by Claude Code) 🔖 1
1. はじめに以前、「Appium Flutter DriverがAppiumで動作するように改良してみた」という記事を書いた。座標指定でしか要素を操作できなかったFlutterアプリのE2Eテストを、Widget単位(ByType、ByValueKey、ByTooltipMe
Flutter 3.44:Material が "外部パッケージ" になる話と、それに向けた準備 🔖 1
概要Google I/O 2026のFlutter 3.44アップデートにて、MaterialおよびCupertinoライブラリのFlutter SDKコアからの分離が発表された(What's new in Flutter 3.44 - Flutter 公式ブログ)。これまで
1万本あるFlutterのUTテストを【6倍以上高速化】(10分→90秒)できたお話🚀 🔖 1
はじめに / 困ってたことiOS開発 / Flutter開発 / AI開発基盤開発 / AIデザイン生成 / AI仕様作成とかやってる、ミヤちゃんです。今回は、UTをAIで1万本量産した結果、下記の問題が発生したのでvery_good_cliを使って高速化できたって内容です。
FlutterテンプレートのSPM移行と3 flavor環境構築の自動化 🔖 1
はじめに こんにちは、新規事業部フロントエンドブロックの大野純平です。2025年度に新卒入社し、現在のチームに配属されました。チームでFlutter製モバイルアプリを開発する中で、新規プロジェクトの立ち上げを効率化するための社内テンプレートリポジトリの整備を進めています。 このテ
はじめに私はこれまで主にバックエンドエンジニアとして働いてきましたが、業務でFlutterに触れる機会ができ、現在学習中です。これまでFlutter開発は全く経験がなく、完全に初心者です。バックエンドの開発とはまた違った思想があり、興味深く学習しています。そんな中ふと気づいた
【Flutter】金融アプリのVRTをAIと組み合わせて運用してみた 🔖 1
はじめにどうも!ブルーモ証券株式会社でFlutterチームリードをしているokeです。モバイルアプリを開発していると「共通のコンポーネントに少し手を入れたら、別画面の見た目が想定外に変わってしまった!」みたいなことがありますよね?特に金融系のアプリだと、金額・比率・注記と
CodexでFlutterアプリを3か月未満で公開したけど、今どきの個人開発はコード以外が大変すぎる 🔖 7
OpenAIのCodexを試すつもりでFlutterアプリを作り始めたら、気づいたら87日でGoogle Play公開まで到達していました。!出来た Flutter 製ギャラリーアプリ「マイギャラリー」は、Google Play で公開しています。https://play
Google、「Dart&Flutter Agent Skills」リリース。DartとFlutter開発の最新ベストプラクティスをAIエージェントに提供 🔖 31
Google、「Dart&Flutter Agent Skills」リリース。DartとFlutter開発の最新ベストプラクティスをAIエージェントに提供 Googleは5月19日と20日の2日間にかけて行ったイベント「Google I/O 2026」で、AIエージェントに対して
アーキテクチャを忘れかけていた私が見つけた、Vibe Coding時代のFlutter設計 🔖 1
はじめに こんにちは、YOUTRUSTでFlutterエンジニアをしているオカ ( YOUTRUST / X )です。サッカーが好きで、ヨーロッパ主要リーグも佳境を迎え、W杯へのモチベーションがどんどん高まっています。今回は、ふと気づいたAIが発達する前と今の違いについて考えてみ
Flutter 3.41 へのアップデートで対応したことまとめ(SceneDelegate移行・依存競合解消など) 🔖 1
はじめにスニーカー・トレカなどの C2C マーケットプレイス「スニーカーダンク」を Flutter で開発しています。定期的に実施している Flutter バージョンアップの時期がやってきたので、今回の対応内容をログとして残しておきます。アップデート先は 3.41.4 で、対
Melos ワークスペースで Flutter の Swift Package Manager を有効化する 🔖 1
Melos で構成した Flutter monorepo において、melos bootstrap を実行するたびに ios/Podfile と ios/Flutter/{Debug,Release}.xcconfig が再生成されてしまう問題に遭遇しました。Xcode プロジ
custom_lint、卒業します。〜Flutter独自lint13本をDart Analyzer Pluginに完全移植した話〜 🔖 1
こんにちは👋 今回はlintルールを別の国に引っ越しさせたアプリチームのルーカス (YOUTRUST / X) です YOUTRUSTのFlutterアプリには、独自のlintルールが13個あります。 TextFieldに必須プロパティが足りないよ、とか。useEffect([]
iOSビルドの凡ミスから学ぶ、FlutterのビルドキャッシュとAOTコンパイルの仕組み 🔖 3
ソフトウェアエンジニアの末永です。私は個人開発でFlutter製のモバイルアプリを開発しています。このアプリを開発している中でアプリのビルド周りでハマってしまったことがあり、その際ビルドシステムに関してしっかりと調査しました。この記事はその調査の際に書いたものです。*1 なお、本
FlutterでAndroid Studioの切り替え忘れを防止する 🔖 1
FlutterをVS Codeで開発している場合、Android Studioの切り替え忘れに悩んだことはないでしょうか?Google Playにアプリを配信していると年に1回はAndroid API Levelを上げる必要が出てきます。集中してこの作業に取り組めれば良...
Vibe Coding、スペック駆動開発を一歩進める Superpowers という現実解で Flutter アプリを作ってみた話 🔖 1
はじめにClaude Code を使っていて、こんな経験はないでしょうか。いい感じに作ってくれるが、自分の意図したものに仕上げようとすると意外と時間がかかる不具合の修正を頼んでもうまく伝わらず、結局自分で直す羽目になる機能が増えるにつれて、別の機能に波及する不具...
【Flutter】デバッグ画面のソースコード、ちゃんとリリースビルドから除外していますか? 🔖 1
Flutter に限らずアプリ開発、というよりフロントエンドの開発全般で、「デバッグ画面」を用意することは少なくないと思います。Feature flag を強制的に切り替えて未公開の機能を動作確認したり、特定のデータを強制的に取得して UI で確認したり、キャッシュの内容をいじ
【Flutter】API トークンを「適切」に管理する 🔖 6
みなさんのアプリでは API トークンをセキュアに管理できていますか?もしこの質問を見て「Yes/No」の 2 択が頭に浮かんでしまった方、ぜひこの記事を読んでみてください。一方で「いや、セキュアかどうかなんて評価次第だし」「というか API トークンって言ってもいろいろある
Nuxt3 SPA を Flutter WebView に組み込む — 双方向通信の全体設計 🔖 1
この記事で分かることFlutter アプリ内の WebView で Nuxt3 SPA を動かす構成の全体像Flutter → Nuxt(Flutter が Nuxt 側の関数を呼ぶ)の実装方法Nuxt → Flutter(Nuxt が Flutter にメッセージを
Flutter3.38アップグレードにおけるiOSとAndroidの影響範囲 🔖 1
Flutter3.38アップグレードにおけるiOSとAndroidの影響範囲について、パッケージ依存関係の面とパフォーマンス面で記載しました
トヨタが独自の“ゲームエンジン”「Fluorite」を開発:FlutterとDartで次世代デジタルコクピットを再定義 | XenoSpectrum 🔖 331
自動車業界の巨人、トヨタ自動車が、自社製ソフトウェアの核心部を自ら構築するという、極めて野心的かつ戦略的な一歩を踏み出した。ベルギーで開催された世界最大級のオープンソースイベント「FOSDEM 2026」において、Toyota Connected North America (T
【個人開発】Claude Codeに83%のコードを書かせる「ドキュメント駆動開発」の全貌【Flutter向けCLAUDE.md公開】 🔖 141
こんにちは、MLエンジニアのふるです。最近ネイティブアプリにハマったので、ネイティブアプリの記事をたくさん書いていこうと思います。noteで書いた記事における技術解説版です。 AIサマリー 今回作ったアプリについて トークマネ - AIが能動的に声をかけてくれる予定管理アプリ 毎
【個人開発】Claude Codeに83%のコードを書かせる「ドキュメント駆動開発」の全貌【Flutter向けCLAUDE.md公開】 🔖 141
こんにちは、MLエンジニアのふるです。最近ネイティブアプリにハマったので、ネイティブアプリの記事をたくさん書いていこうと思います。noteで書いた記事における技術解説版です。 AIサマリー 今回作ったアプリについてトークマネ - AIが能動的に声をかけてくれる予定管理
Flutter Androidで発生する「3年越しの既知のクラッシュ」にどう立ち向かったか 🔖 3
こんにちは。App SDK Unitでエンジニアをやっている大島です。Reproでは多くのプラットフォームに対応したSDKを提供しており、それらの開発・保守を担当しています。 今回は、プラットフォームの1つであるFlutterにて発生したクラッシュと、その原因にたどり着いて対策す
Flutter未経験から6ヶ月で戦力化し、日商250万円、アクティブユーザー4500人に成長させるまでにやったこと 🔖 9
はじめにこんにちは。jamboでテックリードをやっているishidaです。2022年11月に入社し、現在はテックリードとモバイルアプリ事業のリーダーを担当しています。Flutter未経験の状態から社内で導入を進め、現在は日商250万円規模の機能を支えるモバイルアプリとして
【アドベントカレンダー2025】DevTools で分かる Flutter アプリの動きと最適化の考え方 🔖 10
こんにちは!ぐるなびアプリの開発をしている戸川です。モバイルアプリの「なんとなく重い」「ときどきカクつく」といった問題を、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参加してきました! Flutter Kaigi 2025 にアンドパッドのエンジニア4名が参加してきました。 今年の 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のアーキテクチャ考察 🔖 2
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...
はじめに こんにちは!ソリューション本部エンタープライズ事業部スポーツプロダクト部開発グループ 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」に、ブロンズサポーター&スカラシップ制度に協賛させていただくこ