mori

はじめにシステムエンジニアとして日々開発をしていると、「エラー処理がもっと整理されていれば」と感じる場面は少なくありません。前回のエラーハンドリングの記事から一歩進み、単純に try…catch でエラーを捕まえるだけでなく、発生したエラー...

はじめにJavaScriptで開発していると、「データが取得できない」「サーバーが応答しない」などエラーに遭遇することは避けられません。そこで重要なのが エラーハンドリング です。正しくエラーをハンドリングすれば、アプリの信頼性やバグの早期...

はじめにWebアプリを開発する上で、APIとの通信・連携は高頻度で発生します。JavaScriptでは、今までは「XMLHttpRequest 」が使われていましたが、現在ではよりシンプルな「fetch API」が主流です。今回は、Java...

はじめにWebアプリを作るときに、「ページをリロードしてもデータを保持したい」「一時的にユーザーの入力を記憶したい」等を実現するためにStorage機能が存在します。今回は、localStorage と sessionStorage につい...

はじめに前回記事のボタンを押してからバリデーション実施では、大量のエラーがどっと出ると一つ一つ直していくのは大変です。リアルタイムバリデーションなら、入力中にすぐ「何を直せばよいか」を示すことができます。今回は、リアルタイムバリデーションの...

はじめにWebサイトやアプリケーションを作る際に、フォームは欠かせない要素のひとつです。入力内容に間違いがあったまま送信されてしまうと、サーバー側でエラーになったり、意図しないデータが保存されてしまったりする危険があります。そこで必要になる...

はじめにJavaScript はシングルスレッドで動作するため、処理を大量に書くと処理が長引き画面が固まってしまう可能性があります。これを避け、ユーザー操作を止めずに並行して処理を進めるために使われるのが非同期処理です。今回は、非同期処理に...

はじめにWebで音声を扱いたい場面は多々存在します。JavaScriptを使えば、ボタン操作で音を鳴らしたり、ユーザーの操作に応じて再生・停止・音量調整などを簡単に行うことができます。今回は、音声の取り扱いについてLogとして記載していきた...

はじめにWebページにおける画像は、視覚的な情報は重要な役割を果たします。JavaScriptを使えば、画像の表示だけでなく、動的な切り替えやユーザーから選ばれた画像の表示など、簡単に実装できます。今回は、これらの画像の取り扱いについてLo...

はじめにページの読み込み中にユーザーの注目を集めたり、読み込み完了を知らせるためにローディングアニメーションは非常に有効です。今回は、JavaScriptとCSSを使ってシンプルなローディング画面のアニメーションを作成する方法をログとして記...