最近は JavaScript コードのサンプルで「…」が配列の中で使われているのをよく見ます。中には関数の引数の指定で見ることもあります。私が初めて見たときには何かの省略記号かな?なんて思...
Continue reading...JavaScript
【CSS】CSS 界隈で大きな話題になっている Houdini って何?
ウェブのフロントエンドを仕事にしている方で業界のトレンドに敏感な方であれば Houdini を耳にしたことがあるのではないでしょうか。英語の記事を見ると Next Big Thing なんて言われるほ...
Continue reading...【JavaScript】マウス、タッチ、ペンを包括的に扱う PointerEvent
近年の入力デバイスにはマウスやタッチのほかペンも存在します。JavaScript で入力を扱うために、マウスであれば MouseEvent、タッチであれば TouchEvent を使ってきました。しか...
Continue reading...【JavaScript】Web Share API でリンクやファイルを共有
スマートフォンのネイティブアプリでは当たり前に用意されているリンクやファイルの共有機能ですが、Web Share API を使えばウェブアプリでも実現可能です。リンクやテキスト情報だけでなく、ファイル...
Continue reading...【JavaScript】const では無理、freeze() や seal() を使ってオブジェクトを変更不可に
近年の JavaScript (ECMAScript) では const を使って定数を定義できます。しかし、オブジェクトの中身までは保護されません。オブジェクトの中身を保護するには保護のレベルに応じ...
Continue reading...【JavaScript】数値のゼロ埋めや文字列の桁数合わせを一発で実現する padStart() と padEnd() メソッド
月や日のように 1 桁の場合は先頭を 0 で埋めて “01” に変換したり、文字列の前か後ろにスペースを入れて表示桁数を合わせたいことは良くあります。今回は、こういったパディン...
Continue reading...【JavaScript】生成データをファイルとして保存(ダウンロード)させる方法
JavaScript で何かしらのデータを生成した後、それをユーザーの PC やスマートフォンにファイルとして保存させたいときがあります。特に、CSV ファイルや JSON ファイルを保存したいケース...
Continue reading...【JavaScript】クリップボードに文字列や画像データをコピーする方法
さまざまなウェブサイトでクリップボードにテキストをコピーする機能が使われています。しかし、クリップボードにはプレーンテキストだけでなくスタイル付きのテキストや画像データも書き込むことができます。また、...
Continue reading...【JavaScript】クリップボードの内容を読み取る方法
クリップボードにコピーする方法はネットに数多く見つかりますが、クリップボードの内容を読み取る方法は意外に少ないと思ったことはないでしょうか。実は、過去からいくつかのブラウザーにクリップボードの読み取り...
Continue reading...【JavaScript】at() で配列の最後の要素の読み取る
配列の最後の要素はどうやって読み取りますか?今回は、そんな些細な話を取り上げます。 pop() メソッド 配列の最後の要素を抜き出すと言ったら、最初に思いつくのは pop() メソッドでしょうか。 と...
Continue reading...