typescript環境にJestを導入する
はじめに Next.js環境にtypescript+jestのテスト環境を入れたかったため、インストール内容の覚書として記載 前提条件 typescriptがインストールされていること 導入手順...
13
11
Comment1
10 search resultsShowing 1~10 results
Stocked
You need to log-in
React / Firebaseでブックマーク管理アプリを作ってみた【個人開発】
どんなアプリか Bookmark-Boardというシンプルなブックマーク管理アプリを開発しました このアプリはブックマークの整理・共有といった要素にフォーカスしています。 一言メモやカラー設定に...
42
41
Comment0
Amplifyでサインイン画面をカスタマイズする方法【React】
やりたいこと 次のようにセルフサインアップ（Create Account）をさせたくないときなど、項目を調整したい場合のメモ 方法 次のようにAmplifyAuthenticatorを使うと実現...
1
0
Comment0
puppeteerを使ってスクリーンキャプチャをFirebase Storageに保存する
はじめに Nodejs環境にてFirebaseAdminとpuppeteerを用いてWEBページのスクリーンショットを作成し、Firebase Storageに保存するまでの手順と注意点の覚書と...
0
0
Comment0
Firestoreでリアルタイムな無限スクロールを実現する
動機 FirestoreのSnapshotListenerを使えばリアルタイムチャットのような機能を比較的容易に作成することができます。しかし一方で、特別な制御を行わなければメッセージを一度に購...
23
20
Comment0
ReactのuseRefを使う上での注意点
はじめに DOMのバウンディングボックスなどを取得する場合、hooksのuseRefを使いたいケースがあります。しかし、下位のコンポーネントにそれらの情報を渡す場合などは、注意が必要になります。...
7
3
Comment0
Algolia InstantSearchのカスタムUIをReact+typescript+Material-UIで作成する
はじめに 全文検索を可能にするalgoliaには、フロントエンド向けにInstantSearchという非常に便利なパッケージを提供してくれています。InstantSearchでは、SearchB...
11
8
Comment0
firestoreのonSnapshotを使う際に気を付けたいこと
firestoreのコレクションに対するonSnapshotの覚書です。 対象 firestoreにあるコレクションの追加・削除・変更をクライアントサイドにリアルタイムに反映したい場合、次のよう...
70
55
Comment0
ReactのHooksとContextを使ってFirebaseのユーザーログイン状態を管理する
はじめに ReactのHooksの使い方メモです。 FirebaseのAuthenticationを使って得たユーザーのログイン状態を、HooksとContextを使って管理します。(Redux...
11
10
Comment0
WEB初心のプログラマーがReact+Firebase+Algoliaでクイズアプリを作成するまで
自己紹介 今回がQiita初投稿となります。 普段はメーカーでC++を使った画像処理系のアプリ開発に携わってます。 もともとWEBには一切触れた事がなかったのですが、 世の中でReactやVue...
10
6
Comment1
10 search resultsShowing 1~10 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles