shimotsu tech

Webフロントエンドエンジニア @ to-R inc.

2021-06-01から1ヶ月間の記事一覧

【Next】Firebase Authentication で取得したユーザ情報を整形してアプリケーション内で使う

Firebase Authentication を活用したアプリケーションにおいて、取得したユーザ情報を useContext などを使ってグローバルに保持するケースがあると思います。具体的には以下のような実装です。 import { FC, createContext, useEffect, useState } from 're…

Next.js でクライアントから環境変数が読み込めない

Next.js で今個人的に作っているアプリケーションにおいて、クライアント(ブラウザ)から環境変数(.env.*)が読めないという事象に遭遇したので、その原因と解決法をメモしておきます。やりたいことは、ページコンポーネント上で、アクセス時に毎回 Fireba…

Stripe で 開発者用モード(テストモード)に切り替えたい

【前提】Stripe のビジネスアカウントを持っていることが前提です。Stripe で開発者用モード(テストモード)に切り替えるには、ダッシュボード画面の左カラムにある「テストデータの表示中」のトグルをオンにすればOK。また、「開発者 > APIキー」のタブを…