2024年– date –
-
フロントエンド
React Hook “” is called conditionally. React Hooks must be called in the exact same order in every component renderというエラーについて解説します。
【背景】 Reactでは、コンポーネント内で状態管理や副作用の処理を行うためにReact Hooksが使用されます。しかし、間違った使い方をすると、"React Hook "" is called conditionally. React Hooks must be called in the exact same order in every compon... -
フロントエンド
ReactアプリケーションでAPI通信をシンプルに管理するカスタムフック:usePromiseの解説と活用方法
【導入・背景】 ReactアプリケーションでAPI通信を行う際、useEffectを使って非同期処理を記述することが一般的です。しかし、毎回useEffectの中にfetchやaxiosを利用してAPI通信を記述すると、コードが冗長になり、コンポーネントの可読性が低下します... -
フロントエンド
リンクをコピーしましたという機能をJavaScriptで実装したい
【導入・背景】 Webアプリケーションでは、ユーザー体験を向上させるために「リンクをコピーしました」という機能がよく使われます。この機能は、クリップボードにテキストをコピーし、成功を通知することで、共有リンクや情報の提供を効率化します。本... -
資格
色彩検定1級2次対策 由来から慣用色名を当てるクイズ集(2級編)
【はじめに】 色彩検定1級2次試験では、色名がつけられた由来から色名を当てて、色相番号とトーンを当てなければ進めない問題が登場することがある。その勉強方法が難しかったので、クイズ形式で出題して回答することで慣れることができたらなと思いま... -
資格
色彩検定1級2次対策 由来から慣用色名を当てるクイズ集(3級編)
【はじめに】 色彩検定1級2次試験では、色名がつけられた由来から色名を当てて、色相番号とトーンを当てなければ進めない問題が登場することがある。その勉強方法が難しかったので、クイズ形式で出題して回答することで慣れることができたらなと思いま... -
フロントエンド
aws-sdk-client-mockとJestを使ったテストコード
【導入・背景】 AWS を利用したサーバーレスアプリケーション開発では、AWSサービス(S3やDynamoDBなど)との通信が必須です。この通信部分のテストには、APIリクエストをモック化して動作を確認する手法が一般的です。その中でも、効率的で柔軟なテスト... -
フロントエンド
JavaのJUnitを例にテストコードのアンチパターンとその改善方法
【はじめに】 テストコードはソフトウェアの品質を確保するために不可欠ですが、適切に書かれていないと、その効果を十分に発揮できません。JavaのJUnitを用いたテストコードにおいて、よく見られるアンチパターンとその改善方法を紹介します。 【アンチパ... -
資格
色彩検定2級: 6. 色彩の実務 – デザイン、ファッション、インテリアなど、各分野での色彩の応用
【はじめに】 色彩検定2級の試験範囲には、「色彩の実務」というテーマが含まれています。これは、デザイン、ファッション、インテリアなどの各分野で色彩をどのように応用するかに焦点を当てたものです。本記事では、色彩の実務における応用方法や具体例... -
資格
色彩検定2級: 5. 色彩生理 – 視覚の仕組みや色の見え方、色覚異常について
【はじめに】 色彩検定2級の試験範囲には、「色彩生理」というテーマが含まれています。色彩生理は、視覚の仕組み、色の見え方、色覚異常など、色の知覚に関する生理的な側面を扱う分野です。本記事では、これらの基本概念を詳しく解説し、学習に役立つポ... -
資格
色彩検定2級: 4. 色彩心理 – 色が人間の感情や行動に与える影響、色彩の心理的効果
【はじめに】 色彩検定2級の試験範囲には、「色彩心理」というテーマが含まれています。色彩心理は、色が人間の感情や行動にどのような影響を与えるかを研究する分野です。本記事では、色彩心理の基本概念や具体的な色の心理的効果について詳しく解説し、...