Categories
FrontendJavaScriptReact
ちょっとハマりそうになったので覚書。 起きたこと i18next + i18next-browser-languagedetector + react-i18nextで多言語化 言語切り替えスイッチを実装 「ブラウザの設 […]
FrontendReact
takeEveryで動かしている処理をcancelしたい場合、raceを使って停止させます。 これは、raceで何もしない処理と同時実行することで、「何もしない処理が先に完了したので、処理を完了とする」判定を出すやり方で […]
FrontendJavaScriptMagicNext.jsReact
Magicというサービスを使うことで、簡単にパスワードレス / WebAuthn またはソーシャルログイン機能を実装することができます。 今回はNext.jsをベースに作ってみました。 Step1: Magicアカウント […]
AlgoliaFrontendIonicJavaScriptReactSaaS / FaaS
この記事は、「Algolia Advent Calendar 2020」の投稿です。 このサイトの検索フォームは、Ionicのion-searchbarタグを使って実装しています。 SSG / SSRを実行するNext. […]
FrontendJestReact
Jest + enzymeのsnapshot testing便利ですよね。 ただ、設定によってはちゃんとスナップショットが取れていないケースがある様子です。 最近react-test-rendere中心だったのですが、久 […]
FrontendIonicJavaScriptReact
Capacitorを使うことで、iOSやandroid / デスクトップ向けのアプリを作ることができます。ということで、Ionic Reactで作ったアプリをMacのデスクトップアプリとしてビルドしてみました。 Capa […]
FrontendJavaScriptReactTypeScript
tsdxを使うことで、React(TypeScript)のコンポーネントライブラリを簡単に作ることができます。 Setup tsdx createでプロジェクトが作成できます。 Reactコンポーネントを作る場合は — […]
FrontendJavaScriptNestjsReact
Next.jsはversion 9.3からSSGモードが用意されました。 Next-gen Static Site Generation (SSG) Support: Built-in optimized static […]
APIFrontendJavaScriptNestjsNode.js
まずはやってみるところから。 プロジェクト作成 やってみた系なので、とりあえずnpxでさっとやる。 npmかyarnかどっちつかうか聞かれます。 このコマンドが案内されたら準備OK Nestjs APIをローカルで動かす […]
ReactでSPA作るときに使うメジャー系それぞれでAuth0 Lockを動かしました。 ドはまりした点があったので、忘備録として記録します。 動かそうとしたもの Auth0 LockのNodeライブラリがCallbac […]