Chrome でカレントタブの右隣に新規タブを開く
はじめに Firefox を長年使い続けています。ですが、 Chrome / Edge を使うこともあります。 Chrome の長年の不満の１つは、タブを開く挙動が Firefox と異なる点です。 カレントタブから２つ以上タブを開く挙動が次のように異なります。 Chrome は...
合計/平均/分散/中央値/etc を計算する【JavaScript】
目次 合計 平均 分散 標準偏差 最大値 最小値 k番目の値 中央値 参考 合計 １行実装 const sumValue = array.reduce((pre, cr) => pre+cr); 簡易実装 const sum = (array) => { cons...
Element から CSS Selector を取得する
コード getCSSSelector.js /** * Element から CSS Selector を取得する * @author toshi (https://github.com/k08045kk) * @license MIT License |...
ビニール袋の容量を計算する
横幅 a mm 高さ b mm 計算 最大容積 V L 適量容積 V L 円柱容積 V L はじめに ゴミ袋や規格袋の容量を計算します。 袋には、ゴミ袋のようにリットル数が明記されているものと、規格袋のようにサイズだけが記載されているものがあります。サイズだけ...
canvas を画面サイズに合わせる方法
キャンバス要素を画面全体に表示します。 結論 sample-fit-canvas-screen-size.html <!DOCTYPE html> <html> <head> <meta name="viewport...
Firefox98 のダウンロード関連の設定に関する忘却録
Firefox98 の変更点 Firefox 98.0, See All New Features, Updates and Fixes Changes to how file downloads are handled in Firefox version 98 | Firef...
Chrome の拡張機能を Manifest V3 に対応する
はじめに 「 Chromeの拡張機能を作成する 」で作成した Manifest V2 用の拡張機能を Manifest V3 用に変更します。 開発から既に数年経過しているため、最終的なコードからはかけ離れていますが、 Manifest V3 用のサンプルとしての位置付けでこの記...
iOS / Android で拡張機能を利用できるブラウザ
はじめに 読者の方は、パソコンのブラウザで拡張機能を利用していると思います。 モバイルでもブラウザで拡張機能を利用したいと考えてこのページにやってきたはずです。ですが、世にあるモバイル版のブラウザは、拡張機能を提供していません。広告ブロックやプライバシーブロック機能を内蔵するブラ...
Disable Service Worker.
This article is a translation of the following Japanese article. ServiceWorker を無効化する Introduction ServiceWorker, a much talked about featur...
beforeunload のダイアログが出現しないことがある
beforeunload とは？ beforeunload イベントは、ページがアンロードされる直前に発生します。 beforeunload イベントが発生時は、ページがまだ表示されており、イベントもキャンセル可能です。 beforeunload イベントは、ページにダイアログを...