【React + Sequelize】最新データが降順表示されない問題をTDDで解決した話
こんにちは。FitTrackアプリという健康管理アプリを開発している中で、「最新のワークアウトが降順表示されない」というシンプルなバグに遭遇しました。 このバグを修正する過程で、TDD（Test...
0
0
Comment0
14 search resultsShowing 1~14 results
Stocked
You need to log-in
# 【解決済み】Strava OAuth認証で"redirect_uri invalid"エラーが出た時の対処法とENV設定の落とし穴
TL;DR（この記事で解決できること） Strava OAuth認証でredirect_uri invalidエラーが発生する原因と解決方法 トークン交換時に必要なredirect_uriパラメ...
0
0
Comment0
【JavaScript】filterでnull除外してから分割代入を使う安全パターン ～forEachの引数ミスで学んだこと～
TL;DR（この記事で解決できること） filterでnull/undefinedを事前除外して、安全に分割代入を使う方法 forEachの引数での分割代入の正しい使い方（よくある間違いと対策）...
0
0
Comment0
【解決済み】Docker環境で「CORS rejected origin: http://localhost:3000」エラーが出た時の意外な原因と対処法
この記事で解決できること Docker環境で「CORS rejected origin: http://localhost:3000」エラーが発生する問題を解決 実はCORSではなくデータベース...
1
0
Comment0
Rubyのクラス、インスタンス、メソッドについて理解のために解説してみた
こんにちは！ Runteq75期Bのさとること、マッスルサイボーグです。呼びやすい方で読んでください。 せっかくなので、スクールで時間をお金をかけていることもあり、また多種多様なバックグランドの...
0
0
Comment0
バックエンドとフロントエンドの完全な整合性を実現したエラーハンドリング設計
何を学んだか バックエンドAPIのレスポンス形式を正確に分析し、フロントエンドのエラーハンドリングとテストを完全に整合させる重要性 状況説明 [何を作っていた]: Login.jsxのエラー...
0
0
Comment0
MUI + React Hook Form テストのセレクタ問題解決
何を学んだか MUI + React Hook Form環境では標準セレクタが機能せず、data-testid戦略が必要 状況説明 [何を作っていた]: Login.jsx の認証フローテス...
0
0
Comment0
フロントエンドテストの「なぜそう設計するのか」と「どう実装するのか」の基本原理理解
何を学んだか フロントエンドテストの基本設計：モック、TestWrapper、AAA パターンの重要性 状況説明 [何を作っていた]: Login.jsx の認証フローテストを実装 [何が起...
0
0
Comment0
【Node.js】crypto.createCipherの廃止エラーを解決！安全な暗号化実装への移行方法
Node.js暗号化APIの非推奨メソッド廃止による実装更新とセキュリティ向上を学んだ 状況説明 [何を作っていた]: StravaAPI接続と接続解除機能 [何が起きた]: 接続完了もUIが...
0
0
Comment0
React + TypeScript で API クライアントを統合設計する - JWT 認証の自動化と axios 直接使用の撲滅
フィットトラッキングアプリ開発、Railway×Node.jsに挑戦中の 転職準備中のプログラマー未経験初心者です。 今回はデバッグ用のAPI_BASE_URLをWebコンソールに表示して、 A...
0
0
Comment0
RailwayでNode.jsバックエンドを初めてデプロイ時に遭遇したエラーと解決法 - 環境変数とデータベース接続の落とし穴
フィットトラッキングアプリ開発、Railway×Node.jsに挑戦中の 転職準備中のプログラマー未経験初心者です。 今回は初めてのデプロイでの環境構築で躓いたことを共有します フレームワーク ...
0
0
Comment0
オブジェクト引数を使った柔軟なユーザーオブジェクトの動的生成の仕組み
1. コンテキスト フレームワーク / ライブラリ: Jest + Supertest + Node.js + Sequelize ゴール（何を実装したかったか）: 複数ユーザーが関わるAPIエ...
1
0
Comment0
「undefined が返される」を解決！React での配列・オブジェクト混在データの扱い方
React + TypeScript + Material-UIでワークアウト履歴機能を実装中、workoutConfig.exercises[exerciseName]でundefinedエラ...
1
0
Comment0
デプロイのためテスト環境導入したがsupertest で app.address is not a function が出た
デプロイのためテスト環境導入したがsupertest で app.address is not a function が出た supertestでExpressアプリをテストする際、TypeEr...
0
0
Comment0
14 search resultsShowing 1~14 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