• 2023年1月26日
  • 2023年2月14日

【Flutter】Riverpod 2.1系 完全攻略

対象者 Flutterの状態管理パッケージを調べている方 Flutterの基本の勉強は終わった方 Riverpodの初心者から中級者 RIverpodをFlutterでhooks_vierpodなしで使用する方 この記事のメリット 全てのProviderについて、コード付きで書かれている 作者が2年以上Riverpodを経験している 作者がRiverpodを使用したFlutter講座をUdemyで […]

  • 2025年2月20日
  • 2025年2月20日

【Flutter】MetaDataでカスタム情報を付与

対象者 Flutterアプリのアクセシビリティを向上させたい開発者 FlutterでのUIテストを効率化したいテストエンジニア Flutterアプリのデバッグをスムーズに行いたいプログラマー はじめに Flutterの開発において、MetaDataウィジェットはあまり目立たない存在ですが、特定の用途において非常に便利な機能を提供します。このウィジェットは、視覚的な要素を持たず、直接的に子ウィジェッ […]

  • 2025年2月18日
  • 2025年2月18日

Flutter開発 with Devin

対象者 DevinにFlutter開発をさせたい人 対象外 Devinのセットアップをしたい人 他の人がDevinを用意してくれたので、そこは分かりません はじめに 最近、プログラミングを自動で行う自立型AI「Devin」が注目されています。Web系で使われているのかな、と思うのですが、Flutterを利用したアプリ開発ではあまり検索で引っかからない。 幸いDevinを使う機会がありましたので、F […]

  • 2025年2月16日
  • 2025年2月16日

【Flutter】RepaintBoundaryで不要な再描画を防ぐ

対象者 Flutterを使用してUIのパフォーマンスを最適化したい開発者 アニメーションやスクロールのスムーズさを向上させたいエンジニア RepaintBoundaryの効果的な使用方法を理解し、適切に適用したい方 はじめに FlutterでUIを構築する際、パフォーマンスの最適化は重要な要素です。特にアニメーションや頻繁に更新されるウィジェットを含む複雑なUIでは、不要な再描画によるパフォーマン […]

  • 2025年2月15日
  • 2025年2月15日

Announcing Dart 3.7【日本語】

訳者 はじめに FltuterとDartの3ヶ月ごとのバージョンアップに対してブログ記事がありますので、そちらの日本語訳をさせていたただいております。誤訳・改善点があればご連絡いただけると助かります。 Marya Belangerさんによる「Announcing Dart 3.7」(原文)の日本語訳です。 はじめに 新年を迎え、Dart の新たな安定版リリースをお届けします。Dart 3.7 へよ […]

  • 2025年2月14日
  • 2025年2月14日

What’s new in Flutter 3.29【日本語訳】

訳者前書き FltuterとDartの3ヶ月ごとのバージョンアップに対してブログ記事がありますので、そちらの日本語訳をさせていたただいております。誤訳・改善点があればご連絡いただけると助かります。 Kevin Chisholmさんによる「What’s new in Flutter 3.29」(原文)の日本語訳です。 はじめに Flutter 3.29 に飛び込もう! このリリースでは、 […]

  • 2025年2月11日
  • 2025年2月11日

【Flutter】アニメーション付きオリジナルステッパーを実装

対象読者 Flutter のウィジェットやアニメーションに興味がある方 柔軟なボタン制御や状態管理を学びたい方 カスタム UI の構築とアニメーション実装に取り組みたい方 はじめに Flutter では、Stepper ウィジェットを使って手順の進行状況を視覚的に示すことができますが、デフォルトのものではなく、自分好みにカスタマイズしたステッパーを作りたいというニーズもあるでしょう。 本記事では、 […]

  • 2025年1月26日
  • 2025年2月11日

【Flutter】TickerModeでアニメーションを制御

対象者 Flutterを使用してパフォーマンスを最適化したいフロントエンド開発者 タブ切り替えやスクロール時のアニメーション停止など、効率的なUI設計を目指している開発者 バッテリー消費を抑えながらアプリを最適化したい技術者 はじめに FlutterのTickerModeは、特定のウィジェットツリー内のアニメーションを有効または無効にするためのウィジェットです。これを使用することで、UIのパフォー […]

  • 2025年1月14日
  • 2025年1月14日

【Flutter】Clipboardで簡単コピー&ペースト実装法

対象者 Flutterを用いたアプリ開発経験があり、機能拡張を目指している開発者 ユーザーエクスペリエンスを向上させるためのクリップボード操作に関心がある中級者 効率的なコード実装とベストプラクティスを追求するプログラマ はじめに 日常的なモバイルアプリ開発では、「テキストのコピー」や「ペースト」を実装するシーンに直面することが多々あります。ユーザーがアプリ内で生成したコンテンツを、簡単に他アプリ […]

  • 2025年1月13日
  • 2025年1月14日

【Flutter】並び替え中のリストのUIを変える

はじめに Flutterでドラッグ&ドロップで入れ替え可能なリストを作成する場合、ReorderableListViewが非常に便利です。単に並び替えだけではなく、特定の項目を選択した際に動的な変化を与えることで、よりアトラクティブなUIを実現したくなりました。しかし、ReorderableListView内のitemBuilderをいじるだけでは実現できませんでした。そこで、リスト内のWidge […]

  • 2025年1月9日
  • 2025年1月9日

【Flutter】一時ファイル作成を簡単に!MemoryFileSystem解説

対象者 本記事は、ファイル操作を伴うテストを行う中級Flutterエンジニアを対象としています。テスト環境の効率化や依存削減を目指している方を想定しています。 はじめに Flutterのアプリ開発において、ファイル操作を伴う処理をテストする場合、実際のファイルシステムを使用すると、テスト環境に依存する問題が発生しやすくなります。そんな時に役立つのがpackage:fileライブラリに含まれるMem […]