Flutter用データベースIsarとRiverpodを組み合わせて使う
個人的に作りたいアプリがあるので、Flutterで開発をしています。スタンドアロンで動かしたかったので、ローカルで動くデータベースをいくつか検討し、最終的にIsarというやつを使いはじめました。 NoSQLでスキーマレスなのでわずらわしい設定みたいなものはないし、条件を指定して絞り込みをしつつ変更があるかを監視できるし、なかなか良いです。なによりモデルのクラスがシンプルに記述できるのが気に入ってます。 ちなみにデータベースの比較にはこの辺を参考にしました。ObjectBoxも気になってます。 さて、Flutterでアプリを作るならもちろんRiverpodは使いますよねと。 ということで、IsarとRiverpodを組み合わせるのってどんな感じかサンプルのプロジェクトを作ってみました。riverpod_generatorも使っています。 以下簡単にコードの解説をします。 モデルクラス 適当な
Isar Databaseを使ってみた
Isarとは? Isarとは、Hiveと呼ばれているローカルDBの後継として開発されたそうです。今回もただのメモ機能ですが、作るのが意外と難しかったので、記事にしようと思いました。 公式ドキュメント通りにやっても上手くいきません! 動画も作りました 必要なパッケージを追加する このパッケージは、ここに追加したパッケージを配置しろとルールがあるみたいで、yamlファイルを見て、必要なパッケージを追加してください。この通りにやらないとハマりました! name: isar_app description: A new Flutter project. # The following line prevents the package from being accidentally published to # pub.dev using `flutter pub publish`. This i
CSSアニメーションの実装がこれで簡単に！ Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ
先週リリースされたChrome 117でサポートされた、CSSの6つの新しい機能とプロパティを紹介します。 今までのCSSでは不可能だったことやJavaScriptを使用しないとできなかったことが、数行のCSSで実装できるようになります。たとえば、アニメーションで変化する前のスタイルを設定したり、最上位レイヤーとの間で要素をアニメーションさせたり、本文テキストのレイアウトを自動で最適化したりできます。 Chrome 117 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに @starting-styleルール overlayプロパティ transition-behaviorプロパティ CSS Gridのsubgrid値 text-wrap: pretty; contain
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
