Java 【Java】コレクションフレームワーク徹底解説（List・Set・Mapの使い分け）
はじめにJavaを使って開発をしていると、必ずと言っていいほど登場するのが「コレクションフレームワーク」です。配列と似ているようで、もっと柔軟にデータを扱える仕組み。それが List や Set、そして Map です。しかし、実務ではどのコ...
Java Java 【Java】Optionalの使い方とNullPointerException対策
はじめにJava開発に携わっていると、避けて通れないのが NullPointerException（NPE） です。「値がnullのままメソッドを呼んでしまった…」「if文でnullチェックばかり書いてコードが読みにくい…」といった経験は、...
JavaScript 【JavaScript】JSONの取り扱い方法について(基礎的な使い方)
はじめにSEの開発現場では、データのやり取りが欠かせません。その中でも特に登場頻度が高いのが JSON（JavaScript Object Notation） です。Web APIとの通信、バックエンドとの連携など、あらゆる場面で利用される...
JavaScript 【JavaScript】カスタムエラークラスとエラーログ管理
はじめにシステムエンジニアとして日々開発をしていると、「エラー処理がもっと整理されていれば」と感じる場面は少なくありません。前回のエラーハンドリングの記事から一歩進み、単純に try…catch でエラーを捕まえるだけでなく、発生したエラー...
JavaScript 【JavaScript】エラーハンドリングの実施方法 （try – catch）
はじめにJavaScriptで開発していると、「データが取得できない」「サーバーが応答しない」などエラーに遭遇することは避けられません。そこで重要なのが エラーハンドリング です。正しくエラーをハンドリングすれば、アプリの信頼性やバグの早期...
JavaScript 【JavaScript】fetchでAPI通信する方法（GET・POST）
はじめにWebアプリを開発する上で、APIとの通信・連携は高頻度で発生します。JavaScriptでは、今までは「XMLHttpRequest 」が使われていましたが、現在ではよりシンプルな「fetch API」が主流です。今回は、Java...
JavaScript 【JavaScript】 localStorage / sessionStorageの使い方
はじめにWebアプリを作るときに、「ページをリロードしてもデータを保持したい」「一時的にユーザーの入力を記憶したい」等を実現するためにStorage機能が存在します。今回は、localStorage と sessionStorage につい...
JavaScript 【JavaScript】リアルタイムバリデーション（入力中に即時チェック）
はじめに前回記事のボタンを押してからバリデーション実施では、大量のエラーがどっと出ると一つ一つ直していくのは大変です。リアルタイムバリデーションなら、入力中にすぐ「何を直せばよいか」を示すことができます。今回は、リアルタイムバリデーションの...
JavaScript 【JavaScript】フォームのバリデーション（入力チェックの実装方法）
はじめにWebサイトやアプリケーションを作る際に、フォームは欠かせない要素のひとつです。入力内容に間違いがあったまま送信されてしまうと、サーバー側でエラーになったり、意図しないデータが保存されてしまったりする危険があります。そこで必要になる...
JavaScript 【JavaScript】非同期処理のの使い方について（Promise / async・await）
はじめにJavaScript はシングルスレッドで動作するため、処理を大量に書くと処理が長引き画面が固まってしまう可能性があります。これを避け、ユーザー操作を止めずに並行して処理を進めるために使われるのが非同期処理です。今回は、非同期処理に...