Dart

Flutter

Flutterでベクトル・行列演算?「vector_math」で2D/3D処理をスマートに

普段のアプリ開発ではあまり意識しないかもしれませんが、ゲーム開発・グラフィック表現・アニメーション制御などにおいて、ベクトルや行列の計算が必要になることがあります。 オブジェクトの回転や拡大縮小 衝突判定や物理演算 カ...
Flutter

Flutterで配色に迷ったら?「color_palette_plus」で色選びをもっとクリエイティブに

アプリ開発において、「どの色を使うか」はUI・UXの印象を大きく左右します。 メインカラーに合う補色が欲しい ダークテーマ用に適した色の組み合わせが知りたい デザインツールから拾ったカラーコードをFlutterコードに...
Flutter

ポーリング処理をスマートに管理。「pulling_manager」でFlutterの非同期ロジックを整える

アプリ開発をしていると、一定間隔でサーバーの状態を確認したい(ポーリングしたい)場面に遭遇します。 例えば、 チャットメッセージの新着チェック バッチ処理の完了待ち 支払いステータスの確認 こういったケー...
Flutter

開発・本番環境の切り替えをスマートに。「flutter_flavorizr」でビルドフレーバー管理を自動化

Flutterでアプリを開発していると、次のような課題に直面することがあります。 開発用と本番用でAPIのエンドポイントを切り替えたい dev、staging、prodなどの複数のビルド構成を管理したい Android...
Flutter

Flutterでアプリの操作説明をわかりやすく。「showcaseview」で実装するオンボーディングUI

アプリの初回起動時や新機能リリース時に、ユーザーへ使い方をわかりやすく伝えることはとても重要です。 ボタンの意味が伝わらない 便利な機能が埋もれて使われない UIが複雑で直感的でない こうした課題を解決するため...
Flutter

入力バリデーションをもっと簡単に。「validify」でスマートなフォーム開発を

フォームバリデーションといえば、Flutterでアプリ開発をするうえで避けては通れない機能の一つですよね。TextFormFieldとvalidatorを組み合わせて手書きでルールを書くのが一般的ですが、複雑な条件が重なるとコードがゴチャ...
Flutter

Flutterでも使える?話題のUIコンポーネント「shadcn_ui」

今回は、最近話題になっているUIコンポーネントセット「shadcn_ui」のFlutter実装版についてご紹介します。 React界隈ではすでに多くの開発者が導入している「shadcn/ui」ですが、Flutterにも対応したパッケ...
Flutter

Flutterで爆速ローカルDBを実現。「isar」

今回は、Flutterで使える超高速ローカルデータベース「isar」について解説します。 モバイルアプリでデータの永続化をしたいとき、SQLiteやHiveを使ったことがある人も多いと思いますが、「isar」はそれらの選択肢に次ぐ、...
Flutter

Flutterでエッジをふんわりぼかす「soft_edge_blur」パッケージの使い方

今回は、UIにふんわりとした"やさしさ"を加えてくれるFlutterパッケージ「soft_edge_blur」を紹介します。 「soft_edge_blur」って何? 名前の通り、要素のエッジ(縁)に**ソフトなぼかし(blu...
Flutter

Flutter アニメーション付きのリストを簡単に実装できるパッケージ「animated_reorderable」

今回は「animated_reorderable」というパッケージを紹介します。 「animated_reorderable」は、ListViewやGridViewをアニメーション付きで並べ替え可能にするためのパッケージです。このパ...
タイトルとURLをコピーしました