ファイルピッカーを表示し、ユーザーに PC やスマートフォン内のファイルを選択させ、選択されたファイルの中身を読み取るには 2 つの方法があります。今回は、旧来から使われてきた <input t...
Continue reading...5月 2022
【JavaScript】DOM の変化を監視する MutationObserver
ウェブサイトやウェブアプリを開発する際に、自身が書いた JavaScript で HTML ドキュメントの DOM ツリーの操作を行うこともあれば、読み込んだ JavaScript ライブラリーが D...
Continue reading...【JavaScript】HTML 要素の寸法の取得方法まとめ
JavaScript から HTML 要素の横幅と高さを取得する方法はいくつか存在します。しかし、それぞれの方法で取得する寸法が微妙に違います。今回は HTML 要素の寸法を取得する方法を一気にまとめ...
Continue reading...【JavaScript】HTML 要素のリサイズを検知する Resize Observer
ウェブブラウザーのウィンドウをリサイズするなどして、コンテンツのサイズが変わることがあります。そのリサイズに合わせて何かを実行したいというニーズは多いのではないでしょうか。今回は、そのニーズに応える ...
Continue reading...【JavaScript】配列のすべての値をまとめて評価、Array.every() と Array.some()
配列の値すべてが条件を満たしているか、配列の値のいずれか 1 つでも条件を満たしているか、といった処理はときどき遭遇します。しかし、頻繁に遭遇しないせいか、すぐに忘れてしまうのが Array.ever...
Continue reading...【JavaScript】オブジェクトのプロパティの存在をチェックする 4 つの方法と特性の違い
オブジェクトの中に特定のプロパティが存在するかをチェックする方法はいくつかあります。しかし、どの方法を使うか迷うことはないでしょうか。今回はそれらの方法を一通り整理し、それぞれの特性についてまとめて...
Continue reading...【JavaScript】とても便利なてんてんてん「…」スプレッド構文
最近は JavaScript コードのサンプルで「…」が配列の中で使われているのをよく見ます。中には関数の引数の指定で見ることもあります。私が初めて見たときには何かの省略記号かな?なんて思...
Continue reading...