ナレッジ（Knowledge） 【wget】ダウンロードせず結果を表示する方法
今回は、wgetコマンドを使用して指定したURLのファイルをダウンロードせず、コンソール（標準出力）に結果だけを表示する方法を紹介します。検証環境検証に使用した環境／ライブラリを次に記載します。wgetバージョン：1.12、1.20.3検証...
ナレッジ（Knowledge） ナレッジ（Knowledge） 【Struts】HTTPメソッドのGET、POST以外でエラーになる理由
今回は、Apache Struts 1.x系を使用したアプリケーションで、HTTPメソッドのGET、POST以外のリクエストに対してHTTPステータスコードを「400（Bad Request）」、「405（Method Not Allowe...
ナレッジ（Knowledge） 【Python】パッケージ依存関係の確認方法（pipdeptree）
今回は、Pythonでインストール済みのパッケージの依存関係を確認する pipdeptree の使用方法を紹介していきます。検証環境検証に使用した環境／ライブラリを次に記載します。Pythonバージョン：3.9.6pipバージョン：21.1...
ナレッジ（Knowledge） 【JavaScript】和暦を表示する
今回は、JavaScriptで和暦を表示する方法を紹介します。検証環境検証に使用した環境／ライブラリを次に記載します。Google Chromeバージョン：112.0.5615.138（Official Build）（64 ビット）Goog...
ナレッジ（Knowledge） 【Vue.js】Vuelidateのエラーメッセージを日本語で表示する方法
今回は、Vue.js + Vuelidateを使用して入力項目のエラーメッセージを日本語で表示する方法を紹介していきます。検証環境検証に使用した環境／ライブラリを次に記載します。Vue.jsバージョン：3.2.45Vuelidateバージョ...
ナレッジ（Knowledge） 【Next.js】Yupのエラーメッセージを日本語で表示する方法
今回は、Yupのエラーメッセージを日本語で表示する方法を紹介していきます。公式サイトの実装例も参考にしてみてください。検証環境検証に使用した環境／ライブラリを次に記載します。Reactバージョン：18.2.0Next.jsバージョン：12....
ナレッジ（Knowledge） 【Next.js】axios-hooksを使用したHTTPリクエストの実装例
今回は、「Next.js + TypeScript」、「axios-hooks」を使用したHTTPリクエストの実装例を紹介していきます。検証環境検証に使用した環境／ライブラリを次に記載します。Reactバージョン：18.2.0Next.js...
ナレッジ（Knowledge） 【Next.js】NProgressを使用して画面遷移するときにプログレスバー表示する実装例
今回は、「Next.js + TypeScript」と「NProgress」を使用して、画面遷移するときにプログレスバーを表示する実装方法の例を紹介していきます。検証環境検証に使用した環境／ライブラリを次に記載します。Reactバージョン：...
ナレッジ（Knowledge） 【HTML】input要素のnumber型はJavaScriptで値が取得できないことがある
今回は、HTMLのinput要素にnumber型（type="number"）を指定したとき、JavaScriptを使用して値が取得できないことがあります。問題の原因とサンプルプログラムを使用しての動作例を紹介していきます。検証環境検証に使...
ナレッジ（Knowledge） 【Next.js】ローディング画面を表示処理の実装例
今回は、クライアント側で処理中などをユーザにわかるようにするためのローディング画面（ぐるぐる回るアイコンなど）を表示する実装方法の例を紹介していきます。ローディング画面を表示するための状態を管理するライブラリに「Recoil」を使用していま...