IT関連の記事はこちら。
Tech Next.js+Amplifyのビルドエラー解消方法
Next.js SSRアプリをAWSのAmplifyでデプロイしようとした際に、ビルド段階でエラーが発生した時の解消方法を解説します。「Module not found: Can't resolve '...'」というモジュールのパスが解決されない場合のエラーの原因と解決方法を紹介します。
Tech huskyとlint-stagedでコミット時にlintチェックをする方法
huskeyとlint-stagedを組み合わせることでコミット時にESLintやPrettierなどのコマンドを実行することができます。本記事では、それを実現するための手順と発生しうるエラーの解決方法を解説します。
Tech 【React】Zodで日付複合バリデーションを行う
React開発でバリデーションライブラリとしてよく用いられるZodを使って、「今日の日付より未来の日付を入力させる」バリデーションの実装方法を紹介します。Zodのrefine関数を用いることができます。
Tech React Routerでハッシュリンクを実装する方法
React Routerではハッシュリンク（アンカーリンク）を機能させる方法を紹介します。公開されているパッケージはReact Routerのバージョン6以降に対応していないため利用は限られます。パッケージを使わずとも、自作でカスタムフックを実装して解決することができます。
Tech Font Awesomeで必要なスタイルだけ読み込む方法
Font Awesomeのアイコンのうち、必要なものだけを導入し、無駄なダウンロードを削減する方法を紹介します。これにより、サイトパフォーマンスを向上させることができます。
Tech Macにpythonをインストールする！（Streamlitインストール時のエラー解消方法を例に)
Mac PCに元々入っているXcodeのpythonをアンインストールし、python単独でインストールして利用する方法を紹介します。これによりstreamlitインストール時のエラーも解消されました。
Tech 【Material UI】アラートメッセージを改行する方法
React UIライブラリMaterial UI（MUI）のAlert（アラート）コンポーネントで表示するメッセージを改行したい場合の改行方法を紹介します。sx propsに whiteSpace: ‘pre-line’ を設定することで改行することができます。
Tech 【Material UI】モーダルウィンドウの背景をクリックしても閉じないようにする方法
React UIライブラリ Material UIのModal(モーダル)コンポーネントにおいて、背景バックドロップをクリックしてもモーダルが閉じないようにする実装方法を紹介します。モーダルのonClose関数に制御処理を記述することで解決できます。
Tech PlaywrightでAPIテストを自動化する方法
PlaywrightでAPI自動テストを実装する方法を紹介します。実装の手順や、Playwrightのアサーションメソッドを使ってAPIレスポンスのステータスやボディを検証する方法を解説します。
Tech 【WordPress】CSSのブラウザキャッシュを更新させる方法
CSSのブラウザキャッシュを更新して、最新のCSSデータをサイトに反映させる方法を紹介します。CSSのバージョンに更新時間を指定することで、ブラウザに新しいファイルということを認識させてキャッシュを更新します。