律

SESテスター / 99s / 沖縄
開発案件参画に向けて学習ログを残しています。

AIを使った業務効率化と、技術のアウトプットが中心。現場の非効率をスマートに解決できるエンジニアを目指して。

#Webエンジニア

[律 @ritsu99_dev]

⚛️ Auth.jsでログイン後リダイレクトループが続いてた。

原因：strategy:"database"なのにmiddlewareでJWT検証を試みた。JWEInvalidは症状で根本原因は戦略不一致。

対策：EdgeはCookie確認のみ、Node.jsでDB確認の分業で解決。

フルスタックへの道は遠い、、

#エンジニア学習 #NextAuth

[律 @ritsu99_dev]

🧪 テストピラミッド
Vitest → ロジック単体(速い)
Postman → API通信
Playwright → E2E(遅い)

比率の目安は 70 : 20 : 10(by Google)。
下を厚く上を薄くが鉄則。
逆だと「アイスクリームコーン」というアンチパターンに。気をつけてても上が膨らみがち。。

#エンジニア学習

[律 @ritsu99_dev]

【Laravel】
email バリデーション、デフォルトの rfc は緩い。 [email protected] のような実在しないドメインも通ってしまう。

email:rfc,dns にするとDNSまで確認して実在チェック。 dns を一つ足すだけで堅牢になる。

#Laravel #エンジニア学習

[律 @ritsu99_dev]

【UI パターン】
showModal()とshow()は別物。 showModal()はフォーカストラップ・ESCキー対応つき。確認ダイアログにはshowModal()一択。

「必ず応答させたい」ならモーダル。フォーカスもESCもブラウザが面倒を見てくれる。

#HTML #UIパターン #エンジニア学習

[律 @ritsu99_dev]

【Laravel】
ソートのSQLi対策はRule::in()でホワイトリスト検証。

ORDER BYの列名はバインドできないSQL仕様。

「Laravelだから安全」は、ソートまでは保証されていない。

#Laravel #セキュリティ #エンジニア学習

[律 @ritsu99_dev]

【Docker】
docker exec -it <id> bash でコンテナに入り、exit で出る。
最初は「コンテナの中と外」を意識する必要があるが、プロンプトが root@<コンテナID>:/# に変わるのですぐわかるようになる。

誰も見てないからこっそりGUIで止めてる

#Docker #エンジニア学習

[律 @ritsu99_dev]

【Next.js】
[. . . nextauth] という記法、初めて見たとき何これってなった。

/api/auth/ 以下の全パスを1ファイルで受け取る「キャッチオールルート」という機能らしい。

名無し宛の郵便受けみたいなものか。。（ちが、違わない。

#Nextjs #エンジニア学習

[律 @ritsu99_dev]

【Next.js / Auth.js】
Next.js + Auth.js で Google ログインを実装した。

手順は5ステップ：
パッケージ導入 → Prismaモデル追加 → Google OAuth設定 → 環境変数 → ファイル配置

思ったより申請書類（環境変数）が多くて、役所仕事感があった。

#Nextjs #AuthJS #エンジニア学習

[律 @ritsu99_dev]

ブランチ戦略にも流派があるらしく、今回はこの構成を参考にした。
main=本番 staging=ステージ

feature branchを切るかどうかの基準は「単独でマージしてもstagingが動くか」だけ。

その発想、もっと早く知りたかった。

#Git #GitHub #エンジニア学習

[律 @ritsu99_dev]

モーダル ＝「制御」
ポップアップ ＝「表示の仕方」
ダイアログ ＝「やりとり」

どれも「画面の上に何かが出る」ように見えるけど、フォーカスしている概念がまったく違う。

チームで「ここはダイアログで」「いやモーダルでしょ」ってなりそう。

#UIデザイン #フロントエンド #エンジニア学習

[律 @ritsu99_dev]

Docker DesktopUIが動いていてもEngineが起動していないとnpipeが存在せず、docker composeが通らない。

wsl --shutdown→プロセス終了→ 管理者権限で再起動→Engine runningを確認してから操作。

順番を守れば5分で解決。焦ると1時間は溶ける。

#Docker #WSL2 #エンジニア学習