狐好きぷろぐらまー

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

Dart

【Flutter】Supabaseでの中間テーブルの作り方とFlutterからの使い方について【Supabase】

こんにちは。pregum_foxです。 今回の記事は Supabase Advent Calendar 2023 の6日目の記事となっています。 前回は いせりゅー さん の【Flutter x Supabase】SNS系のアプリで自分の投稿だけを取得する方法 でした! それではSupabaseでの中間テーブルの作…

【Supabase】Flutter + Supabase Authentication で Social Login(Google) のサインアップ・サインイン処理のサンプルを作った【Flutter】

こんにちは。pregum_foxです。 今回はFlutterでSocial login(Google)のサンプルを作成していきます。 前回はPhone Login(SMS)のサンプルを作成しました。 https://pregum-fox.hatenablog.jp/entry/2023/11/04/142144pregum-fox.hatenablog.jp 今回は下記のSo…

【Supabase】 Flutter + Supabase Authentication で Phone Login(SMS)のサインアップ・サインイン処理のサンプルを作った【Flutter】

こんにちは。pregum_foxです。 今回はFlutterでPhone Login(SMS)のサンプルを作成します。 前回はEmailを用いたMagic Linkのサンプルを作成しました。 pregum-fox.hatenablog.jp 今回は下記のPhone Loginのサンプルを作成します。 supabase.com 他の認証サン…

【Supabase】Flutter + Supabase AuthでEmail + passowrd(確認メールありver)のサインアップ・サインイン処理のサンプルを作った(ローカル環境もあるよ)【Flutter】

こんにちは。pregum_foxです。 今回はFlutterでEmail + password(確認メールありver)のサンプルを作成します。 前回はEmail + password(確認メールなしver)のログインサンプルを作成しました。 pregum-fox.hatenablog.jp 今回は下記のEmail + password(…

Supabase Authのサンプル一覧

概要 このページにはSupabase AuthのFlutterのサンプルの記事リストと作成状況をリストアップしたページです。 [x]が作成済み、[ ] が未作成です。 Login With Email | Supabase Docs [x] メール確認なしver [x] メール確認ありver [x] Login With Magic Lin…

【flutter_hooks】flutter_hooksパッケージのサンプルを書いてみた【Flutter】

こんにちは。pregum_foxです。 今回はFlutterのパッケージの1つであるflutter_hooksパッケージについてサンプルを書いてみました。 以下目次です。 背景 検証環境 個人的な感想 flutter_hooksとは サンプル 標準ライブラリとの比較 flutter_hooksを使用した…

【Supabase】Flutter + Supabase AuthでEmail + password(確認メールなしver)のサインアップ・サインイン処理のサンプルを作った【Flutter】

こんにちは。pregum_foxです。 今回はFlutterでEmail + password(確認メールなしver)のサンプルを作成します。 前回はGitHubのログインサンプルを作成しました。 pregum-fox.hatenablog.jp 今回は下記のEmail + password(確認メールなしver)のサンプルを…

【Supabase】Flutter + Supabase Authでソーシャルログイン(GitHub)のサンプルを作った【Flutter】

こんにちは。pregum_foxです。 早速本題からの人はこちら 雑談 もう直ぐ技術書典と技書博のイベントがあり、楽しみにしているpregum_foxです。 blog.techbookfest.org gishohaku.dev というわけで、今回はFlutter + Supabaseを用いたサンプルを作っていきた…

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

こんにちは。pregum_foxです。 前回から3年ほど開いて、rxdartのバージョンも0.27.7になりましたが、久しぶりに書いていきたいと思います。 みたところ0.23.x以降は大きな変更はないみたいなので、とりあえず最新バージョンで色々書いていきます。 今回は、c…

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

皆さんこんにちは、pregum_foxです。 今回はエラー監視サービスとしてよく使われるSentryをFlutterで使ってみました。 スクショの部分から見たい方は こちらから 以下目次です。 開発環境 動作環境 Sentryとは Flutterからエラーレポートを送信する前の事前…

【0.23.0対応】rxdartについて調べてみる 第6回目 -Race, Retry- 【rxdart】

こんにちは。 pregum_foxです。 今回は、RaceオペレータとRetryオペレータについて調べていきます。 目次です。 動作環境 Ampオペレータ (rxdart: Rx.race<T>拡張メソッド / Stream API: RaceStream<T>クラス) シグネチャ 処理の概要 Retryオペレータ (rxdart: Rx.</t></t>…

【0.23.0対応】rxdartについて調べてみる 第5回目 -Periodic, Never- 【rxdart】

こんばんは。 pregum_foxです。 前回に引き続きrxdartのオペレータを調べていきたいと思います。 今回は、rxdartのPeriodicオペレータとNeverオペレータについて調べていきます。 前回までの記事です。 【0.23.0対応】rxdartについて調べてみる 第2回目 -Obs…

【0.23.0対応】rxdartについて調べてみる 第4回目 -Defer, Merge- 【rxdart】

こんにちは。 pregum_foxです。 今回は、rxdartのDeferオペレータとMergeオペレータについて調べていきます。 前回までの記事です。 【0.23.0対応】rxdartについて調べてみる 第2回目 -ObservableとSubject系クラス- 【rxdart】 - 狐好きぷろぐらまー 【0.23…

【0.23.0対応】rxdartについて調べてみる 第3回目 -concatとconcatEager-【rxdart】

こんにちは。 pregum_foxです。 今回は、rxdartのページの最初に載ってあったconcatとconcatEagerについて調べてみました。 前回までの記事は以下をご覧ください。 【0.23.0対応】rxdartについて調べてみる 第2回目 -ObservableとSubject系クラス- 【rxdart…

【0.23.0対応】rxdartについて調べてみる 第2回目 -ObservableとSubject系クラス- 【rxdart】

こんにちは。 pregum_foxです。 今回は、rxdartでメインとなるRx、PublishSubject、BehaviorSubject、ReplaySubjectについて調べてみました。 0.23.0に対応したコードに変更しました。 目次です。 動作環境 0.22.xから0.23.xで変わったこと ここで使用する用…

【Dart】rxdartについて調べてみる 第11回目 -BufferTestとBufferTime- 【rxdart】

こんにちは。 pregum_foxです。 今回は、BufferTestとBufferTimeについてです。 使用しているrxdartのバージョンの注意 現在こちらの記事で使用しているrxdartのバージョンは0.22.xです。 0.23.xで破壊的変更が入ったため、この記事に記載しているコードは0.…

【Flutter】speech_recognition触ったら躓いた【Dangerous permission】

こんにちは。 pregum_foxです。 今回は、Androidのマイクを実機で触ってみたときに躓いたことがあったので、調査したことを備忘録として書き残しておきます。 私自身、Androidの中身を触ったことがないため手探りでの調査となっているため、多々間違ったこと…

【Dart】拡張メソッドでFizzBuzzを書いてみた【Static Extension Methods】

こんにちは。 @pregum_foxです。 今回は拡張メソッドのメモです。 目次です。 背景 FizzBuzz 参考サイト

【Dart】rxdartについて調べてみる 第10回目 -Buffer, BufferCount- 【rxdart】

お久しぶりです。 pregum_foxです。 前回からほぼ1か月空いてしまいましたが、引き続き書いていこうと思います。 前回までの記事は以下をご覧ください。 【Dart】rxdartについて調べてみる 第1回目 -概要-【rxdart】 - 狐好きぷろぐらまー 【Dart】rxdartに…

【Dart】rxdartについて調べてみる 第9回目 -ForkJoin, Zip- 【rxdart】

こんにちは。 pregu_foxです。 今回は、ForkJoinオペレータとZipオペレータについて調べました 前回までの記事は以下をご覧ください。 【Dart】rxdartについて調べてみる 第1回目 -概要-【rxdart】 - 狐好きぷろぐらまー 【Dart】rxdartについて調べてみる …

【Dart】rxdartについて調べてみる 第8回目 -SwitchLatest, CombineLatest- 【rxdart】

こんにちは。 pregum_foxです。 今回は、SwitchLatestオペレータとCombineLatestオペレータについて調べました。 前回までの記事は以下をご覧ください。 【Dart】rxdartについて調べてみる 第1回目 -概要-【rxdart】 - 狐好きぷろぐらまー 【Dart】rxdartに…

【Dart】rxdartについて調べてみる 第7回目 -RetryWhen, SequenceEqual- 【rxdart】

こんにちは。 pregum_foxです。 今回は、RetryWhenオペレータとSequenceEqualオペレータについて調べました。 前回までの記事は以下をご覧ください。 【Dart】rxdartについて調べてみる 第1回目 -概要-【rxdart】 - 狐好きぷろぐらまー 【Dart】rxdartについ…

【Dart】rxdartについて調べてみる 第6回目 -Race, Retry- 【rxdart】

こんにちは。 pregum_foxです。 今回は、RaceオペレータとRetryオペレータについて調べていきます。 目次です。 動作環境 Ampオペレータ (rxdart: Observable<T>.raceファクトリコンストラクタ / Stream API: RaceStream<T>クラス) シグネチャ 処理の概要 Retryオ</t></t>…

【Dart】rxdartについて調べてみる 第5回目 -Periodic, Never- 【rxdart】

こんばんは。 pregum_foxです。 前回に引き続きrxdartのオペレータを調べていきたいと思います。 今回は、rxdartのPeriodicオペレータとNeverオペレータについて調べていきます。 この記事は0.22.x以前のrxdartで書かれた記事です。 この記事に書かれている…

【Dart】rxdartについて調べてみる 第4回目 -Defer, Merge- 【rxdart】

こんにちは。 pregum_foxです。 今回は、rxdartのDeferオペレータとMergeオペレータについて調べていきます。 この記事は0.22.x以前のrxdartで書かれた記事です。 この記事に書かれているサンプルコードは0.23.0以降のrxdartでは動きません。0.23.0に対応し…

【Dart】rxdartについて調べてみる 第3回目 -concatとconcatEager- 【rxdart】

こんにちは。 pregum_foxです。 今回は、rxdartのページの最初に載ってあったconcatとconcatEagerについて調べてみました。 前回までの記事は以下をご覧ください。 【Dart】rxdartについて調べてみる 第1回目 -概要-【rxdart】 - 狐好きぷろぐらまー 【Dart…

【Dart】rxdartについて調べてみる 第2回目 -ObservableとSubject系クラス- 【rxdart】

こんにちは。 pregum_foxです。 今回は、rxdartでメインとなるObservable、PublishSubject、BehaviorSubject、ReplaySubjectについて調べてみました。 この記事は0.22.x以前のrxdartで書かれた記事です。 0.23.0以降のrxdartでは動きません。 0.23.0に対応し…

【Dart】rxdartについて調べてみる 第1回目 -概要-【rxdart】

こんにちは、pregum_foxです。 最近私の中でBLoCを使ってみたい欲が高まってきていますが、rxdartについて全くと言っていいほど知識がないため、rxdartについて備忘録としてまとめていきたいと思います。 最初は、rxdartの概要を調べてみました。 目次です。…

【Flutter】パタパタ時計作ってみた【Animation】

こんにちは。 pregum_foxです。 今回は、Flutterでパタパタ時計みたいなものを作って見ました。 以下のサイトを参考にしました。 Make 3D flip animation in Flutter - Flutter Community - Medium 目次です 開発環境 成果物 処理の流れ 関連して作成できそ…

【Flutter】ライフゲーム作ってみた【Timer】

こんにちは。 pregum_foxです。 今回はFlutterでライフゲームを作ってみました。 背景 前回Animationを使用してContainerの色を変えたりして遊んでみましたが、 WinFormsやWPFだとTimer等で簡単な動くものを作っていたのを思い出して、 何かいいネタがないか…