JavaScript で何かしらのデータを生成した後、それをユーザーの PC やスマートフォンにファイルとして保存させたいときがあります。特に、CSV ファイルや JSON ファイルを保存したいケース...
Continue reading...JavaScript
【JavaScript】クリップボードに文字列や画像データをコピーする方法
さまざまなウェブサイトでクリップボードにテキストをコピーする機能が使われています。しかし、クリップボードにはプレーンテキストだけでなくスタイル付きのテキストや画像データも書き込むことができます。また、...
Continue reading...【JavaScript】クリップボードの内容を読み取る方法
クリップボードにコピーする方法はネットに数多く見つかりますが、クリップボードの内容を読み取る方法は意外に少ないと思ったことはないでしょうか。実は、過去からいくつかのブラウザーにクリップボードの読み取り...
Continue reading...【JavaScript】at() で配列の最後の要素の読み取る
配列の最後の要素はどうやって読み取りますか?今回は、そんな些細な話を取り上げます。 目次 pop() メソッドArray のインデックス番号指定他のプログラミング言語ならどうしている?そこで at()...
Continue reading...【JavaScript】click と touchend の両方のイベントリスナーのうち touchend だけを実行する
デスクトップ向けのブラウザーとスマートフォン向けのブラウザーどちらにも対応する場合、クリックとタップの両方のイベントリスナーをセットすることが良くあります。もちろん、デスクトップであればクリックのイベ...
Continue reading...【JavaScript】Safari だけじゃないオーディオ再生の制約と再生開始遅延の解決方法
オーディオの自動再生に大きな制約があるといえば、以前は iOS Safari に限った話でした。しかし、現在は PC も含め、あらゆるブラウザーでオーディオの自動再生に大きな制約があります。もし再生で...
Continue reading...【JavaScript】配列のソートを極める – sort() から localeCompare() まで
配列のソートが必要になることは多いのですが、コードの書き方を意外に忘れてしまいます。また、実は非常に不効率なソートを行っている可能性もあります。今回は、sort() メソッドの基本的な使い方から、lo...
Continue reading...【JavaScript】配列から要素を検索する 6 つの方法
JavaScript で配列から特定の条件を満たす要素が存在するかをチェックしたり、該当の要素を抜き出すといった操作は頻繁に行われます。JavaScript には、配列から要素を発見するためのメソッド...
Continue reading...【JavaScript】express ライクな URL ルーティング URLPattern
[2022-10-26 更新] URL ルーティングといえば主にサーバーサイドの話ですが、node の express といったフレームワークではおなじみでしょう。この express のような UR...
Continue reading...【JavaScript】画面の色を抜き出す Eye Dropper API
先日 Chrome 95 がリリースされました。いつもながら、様々な機能が追加されたわけですが、その中に Eye Dropper API という気になる JavaScript API がありましたので...
Continue reading...