Flutter のプロジェクトをビルド＆実行したとき、次のエラーがログに出力されて画面が表示されずに進まなくなることがあります。どのプラットフォームでも発生します。 [ERROR:flutter/shell/common/shell.cc(93)] Dart Error: Can't load Kernel binary: Invalid kernel binary format version. [ERROR:flutter/runtime/dart_isolate.cc(143)] Could not prepare isolate. [ERROR:flutter/runtime/runtime_controller.cc(385)] Could not create root isolate. [ERROR:flutter/shell/common/shell.cc(604)] Co

mixi2がFlutter製だと聞いて、使いはじめてみたけど、 さわり心地とか含めて、いろいろ素敵だなと思い、 ライセンスページの利用ライブラリを見てみたときの備忘録(*´ω｀*) 見てみると、知らないすてきなパッケージがたくさんあったので、 ちょっと整理してみた(2024年12月18日時点) ライセンスページは以下からみれる 設定 > mixi2について > ライセンス 注意事項 ライセンスページに書かれているものをまとめただけなので、 実際には使っていないものや間接的につかっているものも含まれている可能性があります 公式情報ではないので、あくまで参考程度で！ ベース部分 土台部分はこんな感じっぽい。馴染みある構成 状態管理など: riverpod + flutter_hooks + freezed ルーティング: go_router フォント: google_fonts(Noto Se

今年1月からFlutterのWebアプリケーションを開発している孫と申します。 Flutter 3.0から公開されたThemeExtensionはあなたのコードをもっと綺麗に整えるのができます。なぜThemeExtensionシステムを使うべきなのか、どのように使ったらいいのかを確認してみましょう！ ※ Youtubeの「ThemeExtension | Decoding Flutter | Decoding Flutter」の内容を元に編集しました。 WEBではセマンティック情報とスタイル情報を分けた方が良いという話があります。 例えば <p style="color: red;">どうする？GOする!</p>上記のように同じところに置くことより <!-- index.html --> <p>どうする？GOする!</p>/* style.css */ p { color: red; }セ

Riverpod 1.0.3 から Riverpod 2.4にマイグレーションした時に test の書き味が少し変わっていることで戸惑ってしまったため書き残しておく Riverpod 2.0 で一部 Provider の overrideWithValue が撤去されて、代わりにoverrideWithProvider を利用することになった Riverpod 2.1 では overrideWithProvider が deprecated になり、代わりに追加されたのが provider.overrideWith((ref) => state) overrideWithValue が撤去されたのは一時的である(This change is temporary)とされている... 初期の頃のように state の mock が一律 overrideWithValue でできればテストが書き

はじめに Flutterfire_uiがdeprecatedになるらしく、同じinvertase社がメンテしているfirebase_ui_authを使ってみました。以前と少し使い方が異なっていたため、こちらに記述していきます。 また、こちらではriverpod_generatorを使用しています。少し約束事が増えますが、関数的にプロバイダを定義できるのでとても使いやすいです。 コード main.dart void main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, ); FirebaseUIAuth.configureProviders([ EmailAuthProvid

A Flutter plugin to play multiple simultaneously audio files, works for Android, iOS, Linux, macOS, Windows, and web. Check out the live example app. Note: all the docs are kept up to date to reflect the content of the current newest release. If you are looking for older information and guidance, please checkout the tag related to the version that you are looking for. If you are interest in migrat

概要 Flutterで riverpod という状態管理ライブラリを使って、MVVMアーキテクチャにおけるViewModelを作成する。 riverpodは、v2になり色々と作成方法も変わったので、基本v2でアノテーションによるコード生成を使う前提で記載。 使用するライブラリ riverpod freezed freezedはViewModelがViewに対して公開する状態を管理するために使用。 (Stateはimmutableであることが好ましいため。) Flutterで新規プロジェクト作成時のカウンターアプリ 簡単なサンプルとして、Flutterのプロジェクト作成時に生成されているカウンターアプリの機能をViewModelを使って実装する。 [初期状態のコード] class MyHomePage extends StatefulWidget { const MyHomePage({su

概要 MethodChannelで実行環境のテンポラリなパスを参照するようモックする path_provider#getApplicationDocumentsDirectory() はFlutter内の関数なので testWidgets() で実行する必要がある import 'dart:io'; import 'package:flutter/services.dart'; import 'package:flutter_test/flutter_test.dart'; import 'package:path_provider/path_provider.dart'; Future<File> write(String filename, String contents) async { final directory = await getApplicationDocumentsD

導入手順依存dependencies: # DB floor: ^0.9.0 dev_dependencies: # DB floor_generator: ^0.9.0 build_runner: ^1.7.1floorのパッケージ自体がSqliteとかPathとかに依存しているので 自分でSqliteに依存させる必要性はないみたい。 Flutterのお作法はまだわかってないけど、多分、Sqliteは書かなくて良い。 ビルド通ったしｗ Entityクラスを作成する// 現在のセッション @Entity(tableName: 'CurrentSession') class CurrentSession { CurrentSession(this.userId, this.name, this.token, this.secret); @primaryKey final String use

1. はじめに こんにちは、TURING でエンジニアをしているsangotaroです。 TURINGは完全自動運転システムを搭載した"EV"の販売を目標とする会社です。 この記事では既存のC++で書かれたソフトウェアの資産をDartから利用する方法についてある程度の知見が得られたのでそれをまとめたいと思います。 2. なぜC++の資産をDartから使用する必要があったか hokkaidoプロジェクトの記事でもお伝えした通り、TURINGでは現時点でも以下のソフトウェア資産を持っています カメラからの映像を入力として経路の推定を行い自動運転を行う 自動運転の推論の結果得られた経路やカメラ画像の表示、CAN (自動車の様々なデータが流れるネットワーク)から得られた情報などを車載モニタに表示する 現状のモニタに表示されている情報でも運転手に必要な情報は表示されているのですが、今後さらに車載モニ

この記事でできあがるもの はじめに 自分の作ったものが web に公開されるのはうれしいことだ。 そのうれしさまず体験することで開発モチベが高まると思う。 10 分くらいでできるのでお試しあれ。 やっていくこと Flutter のサンプルアプリを Firebase Hosting を使って web 上に公開する。 開発環境 マシン: M1 MacBook Air エディタ: VSCode Flutter: 1.26.0-2.0.pre.402 • channel master 作業の全体像 Flutter アプリを作成 GitHub と連携 Firebase に新規プロジェクト作成 Firebase CLI のインストール GitHub Actions の手直し PUSH & DEPLOY 1. Flutter アプリを作成

おはこんにちは〜 Flutterでモバイル以外のアプリ開発をしたいと考えているRyo24です。 GitHub Pages初学者の私がFlutter Webで作ったアプリをデプロイする方法をメモとして残しておきます。 Flutter WebでGithub Pagesにデプロイする ローカルでの作業編 プロジェクトを作成 // プラットフォームをWebに設定し、プロジェクトを作成 flutter create <プロジェクト名> --platforms web // プロジェクトディレクトリに移動 cd <プロジェクト名> // プロジェクトを実行 flutter run いつもの画面が表示されましたね。今回はこのページをデプロイします。 (flutter runだとローカルホスト上に立っているため、http://localhost:49535/#/になります。) ビルド

// StreamController → BehaviorSubject final _sample = StreamController<String>(); //before final _sample = BehaviorSubject<String>(); //after