狐好きぷろぐらまー

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

【VSCodeVim】vim-plugを使ったことがないけど、VSCodeVimからVSCode Neovimに移行した【VSCode Neovim】

こんにちは、pregum_foxです。

明日は技術書典があるので行ってみようと思ってチケットを見ると13時までは売り切れていました。

行く予定の方は下記からチケットを受け取っておくことをお勧めします。

techbookfest.org

ちなみにチケット自体は0円です。

チケット予約・確認箇所

はじめに

この記事では、以下のような人間でもVSCodeVimからVSCode Neovimへの移行過程を共有します。

  • vscodeにもneovim拡張機能あるんだ、ん、vim-plug なにそれ?美味しいの?
  • VSCode Neovim入れたけど動かない〜
  • init.vimの中の記述のPlug ~~ ってなに?
  • なにもわかんないけど、とりあえず動けばヨシ!

以下目次です。

  • はじめに
  • この記事の対象読者
  • この記事を読むと、できるようになること
  • この記事の想定していない読者
  • 動作環境
  • 移行手順
    • 0. neovimのインストール
    • 1. Plugのセットアップ
    • 2. easymotionの設定
    • 3. 追加の試み
  • 現在使用している init.vim
  • まとめ
続きを読む

【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

他の認証サンプルを見たい場合は下記記事から確認できます。

pregum-fox.hatenablog.jp

それでは目次です。

  • 完成版
  • 開発端末
  • 検証端末
  • 大まかな手順
  • CPaaS(Communications Platform as a Service)の選定
    • Twilio Verifyでのlimitと使用可能な送信可能なチャンネルについて
    • サポートされているチャンネル
  • 導入手順
    • CPaaS(Twilio)の設定とSupabaseとの連携
      • Twilioの設定
        • Twilio アカウントとプロジェクトの作成
        • Twilio Message Service SIDの取得
        • Twilio Account SIDとTwilio Auth Tokenの取得
        • 電話番号のリリース方法
      • Supabaseの設定
        • プロジェクトの作成
        • API Keyの取得・設定
        • プロバイダの設定
        • (オプション)SMSカスタムテンプレートの設定
    • クライアント側の実装
  • 完成
  • まとめ
  • 雑感
  • 参考URL
続きを読む

【Supabase】Flutter + Supabase Authentication で Magic Link のサインアップ・サインイン処理のサンプル作った【Flutter】

こんにちは。pregum_foxです。

今回はFlutterでEmailを用いたMagic Linkのサンプルを作成します。

前回はEmail + password(確認メールありver)のサンプルを作成しました。

pregum-fox.hatenablog.jp

今回は下記のMagic Linkのサンプルを作成します。

Login With Magic Link | Supabase Docs

他の認証サンプルを見たい場合は下記から確認できます。

pregum-fox.hatenablog.jp

それでは目次です。

  • ポイント
  • 完成版
  • 開発端末
  • 検証端末
  • Supabaseプロジェクトの作成
  • API Keyの取得・設定
    • API Keyの取得
    • API Keyの設定
  • Emailプロバイダの設定
    • Email認証 の有効化の確認
    • Redirect URLsとアプリ側のカスタムURLの設定の確認
  • Magic Linkでのサインイン・サインアップ処理の実装
  • 完成
  • ローカルサーバの場合
    • Supabaseのローカルサーバを立ち上げる
    • additional_redirect_urls の設定
    • Inbucket上でメール確認
  • まとめ
  • 雑感
  • 参考URL
続きを読む

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

こんにちは。pregum_foxです。

今回はFlutterでEmail + password(確認メールありver)のサンプルを作成します。

前回はEmail + password(確認メールなしver)のログインサンプルを作成しました。

pregum-fox.hatenablog.jp

今回は下記のEmail + password(確認メールありver)のサンプルを作成します。

現状のサンプルの作成状況は下記ページにまとめています。

他の認証サンプルを見たい場合はこちらから確認できます。

pregum-fox.hatenablog.jp

それでは目次です。

  • 開発環境
  • 検証端末
  • Supabaseプロジェクトの作成
  • API Keyの取得・設定
    • API Keyの取得
    • API Keyの設定
  • Emailプロバイダの設定
  • 完成
  • (応用)ローカルにメールサーバーをたてて、検証する
    • Supabase CLIのインストール
    • ローカル用Supabase プロジェクトの初期化
    • Supabaseの立ち上げ
    • ローカルサーバのEmailプロバイダの設定(確認メール有効化)
    • Inbucket上でサインアップメールの確認
  • まとめ
  • 雑感
  • 参考URL
続きを読む

Supabase Authのサンプル一覧

概要

このページにはSupabase AuthのFlutterのサンプルの記事リストと作成状況をリストアップしたページです。

[x]が作成済み、[ ] が未作成です。

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

こんにちは。pregum_foxです。

今回はFlutterのパッケージの1つであるflutter_hooksパッケージについてサンプルを書いてみました。

以下目次です。

  • 背景
  • 検証環境
  • 個人的な感想
  • flutter_hooksとは
  • サンプル
    • 標準ライブラリとの比較
      • flutter_hooksを使用した場合
      • 標準の場合
    • 試してみた感じたメリット・デメリット
      • メリット
      • デメリット
  • よく使いそうな関数まとめ
  • まとめ
  • 雑感
  • 参考URL
続きを読む

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

こんにちは。pregum_foxです。 今回はFlutterでEmail + password(確認メールなしver)のサンプルを作成します。

前回はGitHubのログインサンプルを作成しました。

pregum-fox.hatenablog.jp

今回は下記のEmail + password(確認メールなしver)のサンプルを作成します。

現状のサンプルの作成状況は下記ページにまとめています。

他の認証サンプルを見たい場合はこちらから確認できます。

pregum-fox.hatenablog.jp

それでは目次です。

  • 開発環境
  • 検証端末
  • Supabaseプロジェクトの作成
  • API Keyの取得
  • API Keyの設定
  • Emailのプロバイダの設定
  • 要点の説明
  • 完成
  • まとめ
  • 雑感
  • 参考URL
続きを読む