ナレッジ(Knowledge) 【Struts】HTTPメソッドのGET、POST以外でエラーになる理由 今回は、Apache Struts 1.x系を使用したアプリケーションで、HTTPメソッドのGET、POST以外のリクエストに対してHTTPステータスコードを「400(Bad Request)」、「405(Method Not Allowe... 2023年8月6日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Python】パッケージ依存関係の確認方法(pipdeptree) 今回は、Pythonでインストール済みのパッケージの依存関係を確認する pipdeptree の使用方法を紹介していきます。 検証環境 検証に使用した環境/ライブラリを次に記載します。 Python バージョン:3.9.6 pip バージョ... 2023年7月30日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【JavaScript】和暦を表示する 今回は、JavaScriptで和暦を表示する方法を紹介します。 検証環境 検証に使用した環境/ライブラリを次に記載します。 Google Chrome バージョン:112.0.5615.138(Official Build)(64 ビット)... 2023年5月7日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Vue.js】Vuelidateのエラーメッセージを日本語で表示する方法 今回は、Vue.js + Vuelidateを使用して入力項目のエラーメッセージを日本語で表示する方法を紹介していきます。 検証環境 検証に使用した環境/ライブラリを次に記載します。 Vue.js バージョン:3.2.45 Vuelidat... 2023年3月5日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Next.js】Yupのエラーメッセージを日本語で表示する方法 今回は、Yupのエラーメッセージを日本語で表示する方法を紹介していきます。公式サイトの実装例も参考にしてみてください。 検証環境 検証に使用した環境/ライブラリを次に記載します。 React バージョン:18.2.0 Next.js バージ... 2023年1月1日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Next.js】axios-hooksを使用したHTTPリクエストの実装例 今回は、「Next.js + TypeScript」、「axios-hooks」を使用したHTTPリクエストの実装例を紹介していきます。 検証環境 検証に使用した環境/ライブラリを次に記載します。 React バージョン:18.2.0 Ne... 2022年9月18日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Next.js】NProgressを使用して画面遷移するときにプログレスバー表示する実装例 今回は、「Next.js + TypeScript」と「NProgress」を使用して、画面遷移するときにプログレスバーを表示する実装方法の例を紹介していきます。 検証環境 検証に使用した環境/ライブラリを次に記載します。 React バー... 2022年9月4日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【HTML】input要素のnumber型はJavaScriptで値が取得できないことがある 今回は、HTMLのinput要素にnumber型(type="number")を指定したとき、JavaScriptを使用して値が取得できないことがあります。問題の原因とサンプルプログラムを使用しての動作例を紹介していきます。 検証環境 検証... 2022年8月28日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Next.js】ローディング画面を表示処理の実装例 今回は、クライアント側で処理中などをユーザにわかるようにするためのローディング画面(ぐるぐる回るアイコンなど)を表示する実装方法の例を紹介していきます。 ローディング画面を表示するための状態を管理するライブラリに「Recoil」を使用してい... 2022年8月7日 ナレッジ(Knowledge)
ナレッジ(Knowledge) 【Next.js】「src/pages」の画面が表示されない 今回は、「Next.js」のディレクトリ構成を「pages」から「src/pages」のように変更したときに画面が表示されない問題の原因と解決方法を紹介していきます。 検証環境 検証に使用した環境/ライブラリを次に記載します。 Reactバ... 2022年7月17日 ナレッジ(Knowledge)