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

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

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

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

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

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

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

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

はじめにWebページでユーザーの入力を受け取るために、フォーム（<form>タグ）やその中にあるテキストボックス・チェックボックス・ラジオボタン等が存在します。今回はJavaScriptで、これらのフォーム各項目から「ユーザーが入力した値」...

はじめにJavaScript は、HTMLと組み合わせることで、画面の表示内容や動きを動的に制御できます。今回は、HTMLの要素（タグ）を取得したり、内容を変更したり、追加・削除する方法を記載していきたいと思います。　HTML要素を取得する...