海外のウェブサイトを読みたいとき、Google 翻訳を活用した人は多いのではないでしょうか。筆者は、英語なら何とか読めたとしても、それ以外の言語だとチンプンカンプンです。 逆に、あなたのウェブサイトも...
Continue reading...webfrontend.ninja
【JavaScript】sleep/wait する方法
記事タイトルの通り、JavaScript という非同期な世界で sleep する方法を考えてみます。もちろん、寝たいわけではなくて、待たせたいわけですよ。なので、wait させたい、とも言えますね。 ...
Continue reading...新画像フォーマット AVIF はもう使えるのか？
[2022-09-26 更新] 2021 年 10 月にリリースされた Firefox 93 に気になる機能追加がありました。それは画像フォーマット AVIF のサポートです。そして 2022 年 9...
Continue reading...【JavaScript】現在日時をエレガントに出力する方法
JavaScript でウェブアプリ開発をしていて避けられないのが日時の扱いでしょう。とりわけ日時を画面に表示する処理で、まいどまいど同じようなコードを書くのが面倒でしかたないと感じるのは私だけではな...
Continue reading...【HTML】2023年の今、hgroup は廃止？それとも使えるの？
[2023-08-22 更新] ウェブ業界にいる人であれば知っている人は多いでしょうが、かつて HTML(5) の仕様は W3C 版と WHATWG 版とで分裂していた時期がありました。仕様が分裂して...
Continue reading...【CSS】相対的長さの単位：em や rem たち
CSS で、フォントやマージンなど、さまざまな大きさや長さを指定しますが、CSS では様々な単位が定義されています。今回は、それら単位のうち、em や rem などの相対的長さの単位について見ていきま...
Continue reading...【JavaScript】ランダムな文字列を生成する
これまで何度書いたか思えていないほど頻繁に必要であったにもかかわらず、毎度、ゼロから考えてコードを書いていた処理、それがランダムな文字列の生成。 主にバックエンドを node.js で開発するときに良...
Continue reading...【HTML】th 要素の scope 属性の使い方
HTML で表を作るとき、th 要素の scope 属性を使ったことはあるでしょうか？筆者は長年ウェブ業界にいるにもかかわらず、お恥ずかしながら一度も使ったことがありません。先日、偶然に scope ...
Continue reading...【CSS】チェックボックスとラジオボタンの色を変える方法 – accent-color プロパティ
フォーム要素を CSS でデコレーションするのは非常に難しいことは誰もが経験済みでしょう。せめてチェックボックスやラジオボタンなどの色を自由に変更できたらと思うことはよくあるのではないでしょうか。そう...
Continue reading...【JavaScript】一発で数値に桁区切りのカンマを入れる方法 – toLocaleString() と Intl.NumberFormat
数値に桁区切りのカンマを入れるシーンは多いのではないでしょうか。以前は文字列操作でカンマを入れるコードを書いていましたが、今は一発でカンマを挿入できるようになりました。toLocaleString()...
Continue reading...