CodeSandboxや、StackBlitz など優れたWebブラウザ上でWebアプリケーションを開発できるオンライン開発環境サービスが巷にはありますが、これが真打ちではと感じさせられたのでご紹介します。それが、Goo […]
![[Next.js] 学習記録アプリ Firebase認証・DB実装](https://www.bau-haus.com/wp-content/uploads/2024/12/NextjsFirebase.jpg)
Next.jsによる学習記録アプリ、Firebase認証・DB実装 の後編です。前編に続き、後編では、DBデータの更新・新規登録・削除機能の実装、ユーザーログイン、サインアップ、パスワード更新・リセット処理の実装、そして […]
Reactのチュートリアルとして、これまで、SupabaseやFirebase連携等、色々なパターンで紹介してきた、学習記録アプリですが、今回は、Next.jsを利用して開発してみましたので、紹介いたします。GitHub […]
Reactのチュートリアル、学習記録アプリ Firebase認証・DB実装の後編となります。前編では、React環境準備と、Firebaseのプロジェクト・認証・DB設定、ログイン機能とDBデータ表示・更新の実装まで行い […]
これまで、Supabaseの活用を中心に、色々と試行してきた、学習記録アプリのチュートリアルですが、今回は、ホスティングのみならず、認証及びDBもFirebaseの機能で実装してみました。そのチュートリアル記事となります […]
Reactのチュートリアル記事です。先日までご紹介した、名刺アプリ Supabase連携（前編・後編）の拡張編と題して、後編までに開発したものを、更にブラッシュアップさせてみたいと思います。具体的には、以下内容です。 こ […]
VSCode (Microsoft Visual Studio Code) 便利ですよね。多くの方が仰るとおり、コードエディターとしては一択と言ってもいいほどの使い勝手の良さ、便利さです。 そんなある時、CSSをVSCo […]
Reactのチュートリアル記事です。名刺アプリ Supabase連携 （後編）です。本記事は、以下の記事をモチーフに作成した名刺アプリのチュートリアルです。 こちらの「4. 名刺アプリの開発」をベースに進めてます。元記事 […]
Reactのチュートリアル記事です。今回の記事も、以下の記事をモチーフに作成した名刺アプリのチュートリアルです。 こちらの「4. 名刺アプリの開発」をベースに進めてます。元記事では、データの格納にBaaS（Backend […]
CSSにおいて、レスポンシブ対応って本当に大変です。各種デバイスの画面サイズに合わせてブレイクポイントをいくつか設けて、レイアウト調整をしていきますが、同じブレイクポイントの中でも画面サイズによって意図しないレイアウトに […]
