はてぶ・Qiita・Zennのトレンド記事を紹介
FlutterはGoogleが開発したモバイルアプリ開発フレームワークです。1つのコードでiOSとAndroid両方のアプリを作成できます。
Flutterで音を奏でよう!リアルタイムオーディオ生成アプリの第一歩 🔖 1
こんにちは、デジスマチームでソフトウェアエンジニアをしている立花です。 最近の趣味は ゆる言語学ラジオ - YouTube を聞くことです。宜しくお願いします。 このブログはデジスマチームブログリレーの7日目の記事です。 Flutterでリアルタイムオーディオ生成 この記事ではF
FlutterのShareExtensionがわかる!実に!わかるぞ!最高に「ハイ!」ってやつだアアアアアアハハハハハハハハハーッ 🔖 1
わかる!実に!わかるぞ!最高に「ハイ!」ってやつだアアアアアアハハハハハハハハハハーッ[1]というわけで、お久しぶりです、わたなおです。今回はですね、FlutterなのにiOS側のみでShareExtensionを使用したいという狂気じみたことをやったので備忘録を書こうと思い
FlutterのShareExtensionがわかる!実に!わかるぞ!最高に「ハイ!」ってやつだアアアアアアハハハハハハハハハーッ 🔖 1
わかる!実に!わかるぞ!最高に「ハイ!」ってやつだアアアアアアハハハハハハハハハハーッ[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と連携し、オフラインで動作する漢
Flutter界を揺るがしたLiquid Glass議論と、その実装方法まとめ 🔖 47
目次 目次 Apple最新ニュース Flutterエンジニアとしてどうすればいい? Flutter界隈に激震が走った! コメント全体の印象 主な論点と意見 まとめ Flutterチームのスタンス FlutterでLiquid Glassの実装 Liquid Glassの特徴 Le
Dart client for Genkit: Flutter/Dart から Genkit フローを呼び出す 🔖 1
はじめに私は Firebase が好きで、フロントエンドフレームワークとしては、Flutter を採用することが多いです。Google I/O 2024 以降、Genkit を継続的に触り続けています。Genkit は、サーバーサイドで AI を活用した一連の処理を フロー
Flutter で Liquid Glass やってみた 🔖 2
Flutter の Liquid Glass 対応について SNS ではいろいろ言われたり言ったりしていますが、それはそれとして「Flutter でも Liquid Glass してみたい!」という…
WidgetsApp で実現する自由なデザインの Flutter アプリ開発 🔖 2
Apple が WWDC25 にて Liquid Glass を発表しました。https://www.youtube.com/watch?v=jGztGfRujSEこれに対し「ネイティブの API を使わない Flutter は時代に置いていかれる」という声が散見されますが、
LayerXのFintech事業部(三井物産デジタル・アセットマネジメント(MDM)に出向中)に所属しています、ソフトウェアエンジニアの id:kikuchy です。最近ようやく自室にエアコンを導入しました。今年は熱中症対策バッチリです。 さて、先日FlutterNinjas 2
[Flutter] Flutter公式アーキテクチャ + Riverpod を書いてみる | DevelopersIO 🔖 28
使ったライブラリ riverpod hooks_riverpod dio freezed json_serializable Result アーキテクチャのところに行く前に、、 Flutter公式デモcompass_appにもあったResultを取り入れてます。 APIの戻り値に
【Flutter】riverpodで複数のAsyncValueを適切に扱う実装パターン集 🔖 2
はじめにFlutterアプリケーションの状態管理において、非同期処理の結果を安全かつ効率的に扱う手段として riverpod の AsyncValue は非常に有用です。https://riverpod.dev非同期の状態(ローディング中・成功・失敗)を明示的に区別できるた
MCP Servers (Figma & Github & FileSystem) による 新たな"Figma To Flutter" 🔖 2
指示はこんなにシンプルにできるいきなりですが、今回の作業で最終的にClaude Desktopにチャットした内容から見ていただきたいです!Figmaの以下ページにあるUIをベースにFlutte…
Flutter Android アプリでリップルエフェクトが画面遷移時に一時停止する問題 🔖 3
問題の発見Flutter でAndroidアプリを開発している際、InkWellを利用したウィジェットからのPush遷移時に、タップしたウィジェットのリップルエフェクトが途中で一時停止する問題に遭遇しました。この現象はInkWellだけでなく、ElevatedButtonやF
ニンニン!Flutterの術を極めるでござる!FlutterNinjas2025 参上(Day2) 🔖 1
こんにちは!YOUTRUSTのアプリエンジニアの葉(YOUTRUST)です。 今回は朝日(YOUTRUST / X)とルーカス(YOUTRUST / X) と3人で FlutterNinjas🥷 に参加してきました! この記事では Day2 を中心に印象に残ったセッションをピック
宣言的UI設計の本質──Flutter & Riverpodで学ぶ現代的状態管理 🔖 5
Riverpod 3が登場するいま、FlutterやRiverpodの表面的な使い方を超えて、宣言的UI・状態管理の本質や設計理論を深く掘り下げます。本書は、現代的なUI設計や状態管理の根本原則を、Flutter/Riverpodを題材にしつつも、他のフレームワークや一般的なソ
はじめにFlutter 開発では Widget テスト と ゴールデンテスト が品質確保の鍵を握りますが、手作業で書くには時間がかかります。そこで注目したのが OpenAI Codex です。Codex はChatGPTのようなインターフェースで自然言語でコーディング作業を処理
複数Firebaseプロジェクト対応!Flutterの環境別構成ファイル管理 🔖 1
はじめにこんにちは、スペースマーケットでモバイルアプリの開発を楽しんでいる王です。最近気温変化が激しく風邪気味ですが、皆さんも体調管理しっかりしましょう。弊社のホスト向けアプリ「SPACEMARKET for HOST」はOAuth認証の技術負債返却において、環境ごとに複
Flutter初心者にflutter_hooksは必要ないかもしれない 🔖 1
2024年5月頃から社内でモバイルアプリを開発するチームが立ち上がりました。チーム全員がReactには慣れている一方でほとんどのメンバーがFlutter未経験という状態で、以下のような期待からflutter_hooksの導入を決めました。Widgetからロジックを切り出せる
スタディプラスはFlutterNinjas Tokyo 2025にシルバースポンサーとして協賛します 🔖 1
こんにちは! スタディプラス/カンファレンス・OSSサポートチームの後藤です。 スタディプラスは、2025年5月29日(木)、30日(金)の日程で開催される「FlutterNinjas Tokyo 2025」にシルバースポンサーとして協賛します。 flutterninjas.de
Flutter×GCP:化粧品分析AIエージェントの開発 🔖 1
こんにちは☀️ Nishikaデータサイエンティストの山口です🦌「この化粧品、自分の肌に合うかな?」「どの商品を選べばいいんだろう?」—多くの人が感じる化粧品選びの悩み。この記事では、AIを活用してその悩みを解決するアプリ開発の取り組みについてご紹介します。ある調査によると、
AI x FlutterでリアルタイムにUIを生成する 🔖 21
!こちらは、5月9日にSODAオフィスで開催されたオフライン勉強会、SODA Flutter Talk #2での登壇内容を記事化したものですスニダンを開発している@natsuk4zeです!今回は生成UIというリアルタイムにUIを生成する技術を、Flutterで試してきたの
Flutter_Pluginのspeech_to_textを弄り倒した時の知見について 🔖 1
この記事を書くに至ったとあるトラブルFlutterのプラグインspeech_to_textを使用しているコードでとあるバグが発生しました。そのコードでは発話が途切れたことを検知して取得した音声のデータを違和感のない内容に直すREST APIを呼び出すという内容で、その考えは至っ
Flutter_Pluginのspeech_to_textを弄り倒した時の知見について 🔖 1
この記事を書くに至ったとあるトラブルFlutterのプラグインspeech_to_textを使用しているコードでとあるバグが発生しました。そのコードでは発話が途切れたことを検知して取得した音声のデータを違和感のない内容に直すREST APIを呼び出すという内容で、その考えは至っ
Flutterリプレースプロジェクトにおけるテストの工夫と気づき 🔖 2
こんにちは、QAエンジニアの@tyngwです。 下記の記事では、スタディサプリ for SCHOOLのFlutterリプレースプロジェクトについて紹介しました。 blog.studysapuri.jp Flutterは単一のコードベースでマルチプラットフォームに対応するアプリを開
Flutterアニメーション入門(初心者から上級者へ) 🔖 1
🌸リリース記念として1週間ほどワンコインセールにしています!📘この本について Flutterのアニメーションを体系的に学ぶことができる本です。 アニメーションの基本を初心者向けに解説しています。また、アニメーションの仕組みを詳しく知ることで中級者や上級者へと導きます。
Flutter開発の真実:クロスプラットフォームの光と影 #Flutter #GameWith #TechWith - GameWith Developer Blog 🔖 91
目次 はじめに Flutter開発6年間の実践知識 Flutterの進化と共に 実務での実感:Flutterの真の価値 個人での感想レベル ベンチャー企業におけるFlutter採用 開発中の典型的な障壁とその解決策 Flutter Web特有の課題 パッケージ紹介 Network
Flutter開発の真実:クロスプラットフォームの光と影 #Flutter #GameWith #TechWith 🔖 91
Flutterのクロスプラットフォーム開発:6年間の実践から見た光と影 目次 はじめに Flutter開発6年間の実践知識 Flutterの進化と共に 実務での実感:Flutterの真の価値 個人での感想レベル ベンチャー企業におけるFlutter採用 開発中の典型的な障壁とその
【Flutter】カスタムフックで状態とロジックを関数ベースに整理する:ViewModelの代替としての選択肢 🔖 1
はじめにFlutterで状態管理といえば、ViewModelやStateNotifierを使うことが一般的です。しかし、画面やモーダルのように限定的なスコープでは、クラスベースの構造が逆に煩雑になることもあります。この記事では、flutter_fooksと関数ベースのカスタ
AI Editorをフル活用したFlutterアプリの多言語対応 - 工数削減と品質向上へ #BetAI 🔖 5
おはようございます。バクラク申請・経費精算 アプリエンジニアのyoheiです。 アプリを開発してるエンジニアとしてZ世代のアプリを触らねばということで、BeRealを始めました。日常をひっそりとアップしています。 昨年リリースした バクラク申請・経費精算 アプリですが、使いやすい
【Flutter】ClineとWindsurfで作ったアプリをリリースした話 🔖 4
Claude 3.7 Sonnet に植物の日記アプリを作ってもらいました。https://apps.apple.com/jp/app/id6743403963https://play.google.com/store/apps/details?id=com.dotpx.pl
【Flutter】ClineとWindsurfで作ったアプリをリリースした話 🔖 4
Claude 3.7 Sonnet に植物の日記アプリを作ってもらいました。https://apps.apple.com/jp/app/id6743403963https://play.google.com/store/apps/details?id=com.dotpx.pl
【Flutter】肥大化したWidgetファイルを part でスマートに整理する方法 🔖 1
はじめにFlutterで画面を作り込んでいくと、ウィジェットのコードや処理が増えて、ファイルがどんどん肥大化していきます。build メソッドが長くなると、スクロールが大変になり、保守性も下がってしまいますよね。そんな時に役立つのが、Dartの part / part of
Flutterのスキルを上げるにはIssueを見る 〜キャッチアップの実践方法〜 🔖 2
エンジニアは一生勉強と言われますが、最新情報やトレンドをいち早くキャッチアップするにはどうすれば良いのでしょうか?今回は私が普段得ている情報源を紹介します。この記事ではFlutterに特化していますが、別の技術でも応用可能だと思います。!最近本を書きました。この記事を面
Flutterのスキルを上げるにはIssueを見る 〜キャッチアップの実践方法〜 🔖 2
エンジニアは一生勉強と言われますが、最新情報やトレンドをいち早くキャッチアップするにはどうすれば良いのでしょうか?今回は私が普段得ている情報源を紹介します。この記事ではFlutterに特化していますが、別の技術でも応用可能だと思います。!最近本を書きました。この記事を面