Laravelとl5-Swaggerを使用してAPIドキュメントを作成する

l5-Swaggerは、OpenAPI仕様のSwaggerをAをLaravelで使えるようにしたライブラリです。l5-Swaggerを使うことで簡単にAPIドキュメントを作成することができます。 ライブラリのインストール […]

Supabaseでログインユーザーを削除する際に画像も一緒に削除する

Supabase と Next.js を使用して、ログインユーザーを削除する際にStorageに保存してある画像も一緒に削除する方法を紹介します。SupabaseではAuthのUserを削除する場合は、公式のドキュメント […]

Next.js(TypeScript)とVercelとSupabaseを使ってWebアプリ (PWA) を個人開発してみた

はじめに 週末によく草野球をするので打撃成績や投手成績を手軽に管理できるアプリが欲しいなぁと思いせっかくなので作ることにしました。野球成績管理アプリ「ヒットログ」(アプリ名はchatGPTさんに考えてもらいました) ht […]

エンジニア3年目技術面接で聞かれたこと

先日初めて技術面接というものを受けました。未経験からエンジニアになってから今まで運よく?技術面接というものを受けることなくここまで来れたのですがついにその機会が巡ってきましたのでつらつらと備忘録を残しておきたいと思います […]

Next.js で supabase-auth-helpersを使ったログイン時のユーザー情報取得ができなかった時の解決方法

Next.jsとSupabaseを使ってWebアプリを開発している際に、supabase-auth-helpersという認証ヘルパーを使用してログイン認証を実装しようと考えました。supabase-auth-helper […]

EC2にターミナルでsshログインしたまま、数分放置すると固まってしまう…

macでAWSのEC2にSSH接続中に突然”Broken pipe”エラーが出て切断されてしまうことがあります。このエラーは、SSHクライアントが送信したデータが到達する前にTCPコネクションが切 […]

MUIを使用したReactアプリで”Warning: validateDOMNesting(…): cannot appear as a descendant of .”というエラーが出た時の回避策

ReactアプリでMUIを使用していると、以下のようなエラーが発生することがあります。 このエラーは、Reactがレンダリングする際に、HTMLの構造が正しくないことを示しています。このエラーは、通常、Linkコンポーネ […]

【Supabase×Next.js】JavaScriptクライアントを使用して親テーブルと子テーブルを同時挿入する方法

Supabase と Next.js を使用して、親テーブルにデータを挿入する際に、子テーブルにも同時にデータを挿入する方法を紹介します。 基本設定 まずは以下のように Supabase クライアントを設定します。 Su […]

JavaScriptでオブジェクトのキーと値を指定の順序を保証した上で配列にする方法

JavaScriptのオブジェクトでは、キーと値のペアを保持することができますが、その順序が保証されない場合があります。今回は、指定した順序でオブジェクトのキーと値を配列に出力する方法を解説します。 問題の例 例として、 […]

LaravelでtoSql()で出力したSQLログのプレースホルダーを埋める方法

Laravelでは、クエリビルダーやEloquentを使ってデータベースにアクセスする際、toSql()メソッドを利用することでSQL文を取得することができます。しかしながら、toSql()で取得したSQL文はプレースホ […]