狐好きぷろぐらまー

狐好きプログラマーのブログです。

【Dart】rxdartについて調べてみる 第12回目 - concatWithとdebounce- 【rxdart】

こんにちは。pregum_foxです。

前回から3年ほど開いて、rxdartのバージョンも0.27.7になりましたが、久しぶりに書いていきたいと思います。

みたところ0.23.x以降は大きな変更はないみたいなので、とりあえず最新バージョンで色々書いていきます。

今回は、concatWithとdebounceについてです。

今までの一覧は下記記事に記載しています。

目次です。

続きを読む

【Flutter】リストをスクロールするとTop app barが拡大・縮小されるサンプルを書いてみた【SliverAppBar】

お久しぶりです。pregum_foxです。

最近Flutterを触れていなかったので、便利だと思いつつ使ってなかったSliver関連についてサンプル漁っていました。

成果物として、アプリでよく見かける実装だけど実際どうやってるかわからなかった 下記の様なリストをスクロールすると、 画面上部の Top app bar も閉じたり開いたりするサンプルを作成しました。

目次です。

  • 開発環境
  • 動作環境
  • やりたかったこと
  • 結論
  • 成果物
    • SliverAppBarについての解説
  • 関連するウィジェット
  • まとめ
続きを読む

【KeyChron K2】KeychronでF5デバッグできない解消方法

お久しぶりです。pregum_foxです。

年末帰省時にいとこが結婚していてもうそんな歳かと呆けていました。

さて今回は、Keychron のキーボードでF5デバッグができなかったのでそれについての解消方法を備忘録として残しておきます。

以下目次です。

  • 概要
  • 原因
  • 解決方法
続きを読む

【Flutter】Sentryを使ってエラー時にスクショを送るサンプルを作った【Sentry】

皆さんこんにちは、pregum_foxです。

今回はエラー監視サービスとしてよく使われるSentryをFlutterで使ってみました。

スクショの部分から見たい方は こちらから

以下目次です。

  • 開発環境
  • 動作環境
  • Sentryとは
  • Flutterからエラーレポートを送信する前の事前準備
    • Sentryにアカウント登録
  • Flutterのアプリからレポートを送る
    • Sentry側の作業
      • プロジェクト作成
    • Flutter側の作業
      • サンプルアプリのClone
      • DSNの設定
  • スクリーンショットも合わせて送る方法
    • Flutter側の作業
      • リビジョンの変更
      • コードの実行
      • (注意)iOSの場合
  • 感想
  • 参考サイト
続きを読む

Dockerチュートリアルをやってみた

お久しぶりです。 pregum_foxです。

今回は、あまり触れてこなかったDockerを勉強するためチュートリアルを一通り行った記録と躓いた箇所を記載していきたいと思います。

今回の記事はMac用なので、ところどころコマンドはWindows用に対応していない箇所があるため、実際にチュートリアルを見ていただいて読み替えてください。

  • 動作環境
  • まずはhomebrew経由でdockerをインストールする
  • 見本のチュートリアル
    • 入門
      • 概要
      • 詰まったところ
    • 私たちのアプリケーション
      • 概要
      • 詰まったところ
    • アプリを更新する
      • 概要
      • 詰まったところ
    • 私たちのアプリを共有する
      • 概要
      • 詰まったところ
    • DBを永続化する
      • 概要
      • 詰まったところ
    • バインドマウントの使用
      • 概要
      • 詰まったところ
    • マルチコンテナアプリ
      • 概要
      • 詰まったところ
    • DockerComposeの使用
      • 概要
      • 詰まったところ
    • イメージ構築のベストプラクティス
      • 概要
      • 詰まったところ
    • 次は何?
      • 概要
      • 詰まったところ
  • 所感
  • 参考サイト
続きを読む

【Flame】ブロック崩しを作ってみた【Flutter】

お久しぶりです。 pregum_foxです。

今回は、最近1.0.0がリリースされて開発が活発になっているFlameを使って複数のプラットフォームで動くブロック崩しを作ってみました。

実際の画面はこんな感じです。

実際の画面

赤枠がついているのはdebugModeで配置しているためです。

目次です。

続きを読む

【Firebase】Firestoreのデータをテキスト形式でローカルに保存する手順【Firestore】

雑談

お久しぶりです。 pregum_foxです。

大分 サボっていたので お休みしていたので、簡単な記事でリハビリしながらブログを再開したいとおもいます。

最近は、Flutter, Firebase, Swift, Kotlin, TypeScriptあたりを触っているので、その辺りの記事が多くなると思います。

では目次です。

  • 雑談
  • 背景
  • 使い方
    • セットアップ
      • node-firestore-import-exportのインストール
      • Google Cloud Account Credentialsの取得
    • コマンド
      • Firestoreに保存されているデータをbackup.json という名前で保存するコマンド
      • 特定のコレクションだけ取得するコマンド
    • EmulatorのFirestoreのデータを取得したい場合は、FIRESTORE_EMULATOR_HOST の環境変数をexportするといけるそう(要検証)
  • 参考URL
続きを読む