本記事の実装で以下のRiverpodのアンチパターンを踏んでいるため、あくまで参考程度としてください。 再描画範囲を限定していない（本記事の実装ではScaffoldを丸ごと再描画している） 対象読者 Flutterの基礎知識がある Riverpod, Freezedを使ったことがない ドメイン駆動設計（DDD）でのアプリ開発がない 本記事の目的 本記事では各技術の説明を最低限にし、実際に手を動かすことでRiverpod+Freezed+DDDのミニマムな開発が体験できるように執筆しています。 前提条件 Flutterプロジェクトを作成していること パッケージのインストール Riverpod 以下を参考にパッケージをインストールします はじめに | Riverpod pubspec.yamlに以下を追記します
Flutterにおけるチャートパッケージ総まとめ
2023.12.25 コメント 頂いた fl_chart の記載を修正 charts_flutter が非公式のパッケージであった旨がわかるように修正 はじめに みなさんは普段のアプリケーション開発でチャートやグラフ表現を活用していますか。 私は3年間ほど株式投資管理のアプリケーションを開発していたのですが、サービス要件に不可欠な資産増減を示す線形グラフ、ポートフォリオ、株価チャートなど、多数のチャート表現に四苦八苦しながら納得する実装を探していました。 これは個人的見解で賛否があると思いますが、JavaScript には Chart.js のような表現力の高いチャートパッケージが 多数存在している 一方で、（プラットフォームが異なるので公平な比較ではないとは思いますが）Flutter では「これを使えば万事解決」といった満足できるパッケージがないように思います。もちろん、後述する fl_
AT Protocol and Bluesky Social Things for Dart and Flutter | atproto.dart
import 'package:bluesky/bluesky.dart'; Future<void> main(List<String> args) async { final session = await createSession( identifier: 'shinyakato.dev', password: 'xxxxxxxx', ); final bsky = Bluesky.fromSession(session.data); final strongRef = await bsky.feed.post( text: 'Hello, Bluesky!', ); } Trusted Complete Suite for AT Protocol and BlueskyThe packages provided by atproto.dart are used in many D
こんにちは、ゲームソリューション部のsoraです。 今回は、FlutterでAPI呼び出し（GET/POST/DELETE）をしてみたことについて書いていきます。 実装した画面 GET・POST・DELETEボタンをそれぞれ押下すると、API呼び出しが実行されて受け取った情報を表示します。 DELETEのみレスポンスコードを返すようにしています。 使用しているパッケージは以下のhttpパッケージです。 http | Dart package 各Clearボタンでは、API呼び出しにより取得したデータの表示を削除しています。（内部的には空文字を上書きしているだけです。） コードの解説 main.dart こちらは新規プロジェクト作成時のコードからStatelessWidgetを抜き出して少し変えているだけなので、特に解説はしません。 main.dart import 'package:flu
はじめに 「リュウジのバズレシピアプリ」がFlutterで作られてるとツイートしたらそこそこ反応あったので見分け方を紹介しておきます。 見分け方１ 2本指でスクロールするとスクロール速度が2倍になるバグを利用します。 UIがFlutterぽいな？となったらスクロールする指の本数変えて速度が変わるかをチェックしている人が多いんじゃないかと思います。 【悲報】Flutter 3.19から無効に このバグはFlutter 3.19で修正されました あえて以前の挙動を維持するにはMultitouchDragStrategy.sumAllPointersを使えば良いとのこと（やる人いるの？😂） 見分け方２ FlutterSharkでチェックする。 FlutterSharkというアプリを使うと端末にインストールされているFlutterアプリの一覧、各アプリが利用しているパッケージが確認できます。 S
【Flutter】Misskeyクライアントの作りかた
この記事はMisskey Advent Calendar 2023の16日目の記事です。こちらの記事では実装面や仕様面について書き、別の記事で感想や向き合い方について書いています。 Misskeyのサードパーティクライアント「Miria」をもとに、FlutterにおけるMisskeyクライアントの実装の仕方や、Misskeyの仕様的な部分で実装する際の落とし所や注意点といったところを解説します。 なお、この記事の内容には、Miriaで現在そうなっていないが今後こうした方がよい、こうするべきであったといった反省点も多く含まれています。 ノートを表示する 何はともあれMisskeyクライアントではノートを表示する必要があります。ノートにはこのような情報を表示します。 ノートの内容（注釈、本文、投票、添付メディア） そのユーザーがisCatであれば、本文に対しnyaize処理をする必要があります
歳末！モバイルアプリ開発の “のびしろ” 大放出祭 〜バクラク申請・経費精算編〜 - LayerX エンジニアブログ
バクラク申請・経費精算のモバイルアプリを開発している id:kikuchy です。9日ぶりですね！初見だという方はこちらの記事もどうぞ。 ID/共通管理チームの id:convto さんに教えてもらったCharachorder Oneという変形キーボードを自分用のクリスマスプレゼントに購入しました。 入力が難しすぎてまだ数字が入力できませんが、複数種の文字を入力する際に指を動かさなくて良い、というのは大変画期的だなという体感です。使いこなせると爆速で文字入力できるそうなので頑張ります。 この記事は LayerXテックアドカレ2023 の36日目の記事です。明日は @civitaspo さんが登場です！ 今回はのびしろウィーク企画ということで、バクラク申請・経費精算のモバイルアプリの「のびしろ」を大公開します！ のびしろウィークとは 「LayerXってCTO経験者とかいっぱいいるし、問題なん
testコマンドで実行するとビルド→実行→終了→ビルド→実行→終了のように、動作確認で実行するたびに毎回ビルドが発生するので待ち時間が発生します。 実装完了したテストを実行するときはこれで良いのですが、実装中は効率が悪いです。 flutter runコマンドを使うとshift+rでホットリスタートが使えるので爆速で実行できます。 2. 非同期処理用の描画待ち関数を用意する 標準で描画待ち用の関数 ( tester.pumpAndSettle() )がありますが、万能ではありません。この関数は指定された秒数（デフォルは100ミリ秒）ごとに画面を確認し、描画待ちのものがなくなるまで待つという動作をします。 通常の画面描画であれば良いのですが、DBからのデータ取得や複雑な処理など時間がかかる非同期処理によって画面が更新された場合に対応できません。 DBからの取得は毎回必ず早いとは限らないので、t
こんにちは、ゲームソリューション部のsoraです。 今回は、自宅のデスクトップPCでFlutterを使ってみようと思いFlutterの環境構築をしたため、WindowsにFlutterの環境構築してみたことについて書いていきます。 Flutter SDKのインストール Flutterの公式ページからFlutter SDKをインストールします。 Get Install＞Windows＞Mobileで進むと、Install the Flutter SDKの項目があります。 Android Studioを使用するため、Download and installでzipファイルをダウンロードして解凍します。 Pathの設定 FlutterへのPathを通します。 Windowsの環境変数で、ダウンロードして解凍したフォルダのflutter/binフォルダへのPathを通します。 正常にパスが通ってい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutterの初期コードをRiverpod + Freezed + ドメイン駆動設計(DDD) でリファクタする
FlutterでAPI呼び出し（GET/POST/DELETE）をしてみた | DevelopersIO
【小ネタ】Flutterで作られたアプリの見分け方 - Qiita
【Flutter】Integration Testを極めるためのテクニック集 - Qiita
WindowsにFlutterの環境構築してみた | DevelopersIO