横幅 a mm 高さ b mm 計算 最大容積 V L 適量容積 V L 円柱容積 V L はじめに ゴミ袋や規格袋の容量を計算します。 袋には、ゴミ袋のようにリットル数が明記されているものと、規格袋のようにサイズだけが記載されているものがあります。サイズだけ...
ビニール袋の容量を計算する
投稿日 2022/11/21
canvas を画面サイズに合わせる方法
投稿日 2022/10/10
キャンバス要素を画面全体に表示します。 結論 sample-fit-canvas-screen-size.html <!DOCTYPE html> <html> <head> <meta name="viewport...
beforeunload のダイアログが出現しないことがある
投稿日 2022/01/22
beforeunload とは？ beforeunload イベントは、ページがアンロードされる直前に発生します。 beforeunload イベントが発生時は、ページがまだ表示されており、イベントもキャンセル可能です。 beforeunload イベントは、ページにダイアログを...
JavaScript でルートドメイン(root domain)を取得する
投稿日 2022/01/19 更新日 2022/01/20
変換 はじめに URLからルートドメインを取得する処理について考えます。 結果から言えば、正確な結果が必要ならば、素直にライブラリを使いましょう。 ルートドメインとは ここで言う「ルートドメイン」とは、サブドメイン名やホスト名を含まない一般的に個人や組織が取得できるドメイン名のこ...
Web SQL Database に関する覚書
投稿日 2022/01/18
Web SQL Database とは Web SQL Database とは、Cookie や Web Storage の用にデータをブラウザ側に保存する仕組みのひとつです。仕様書は、次の場所で公開されています。 https://www.w3.org/TR/webdatabas...
HTMLを簡易に解析（tokenize / parse）する
投稿日 2021/12/15 更新日 2022/10/13
目次 はじめに DOMParser を使用する HTMLから文字列を抽出する 正規表現を使用して、簡易にタグとタグ以外を分解する 正規表現を使用して、もう少し考えて分解する HTMLのドキュメントツリーを簡易に作成する はじめに JavaScript で HTML を簡易に解析（...
ウェブページにアウトラインを表示するブックマークレット
投稿日 2021/12/03
はじめに 文章のアウトラインではないです。DOM要素のアウトラインのレイアウトを表示します。 次の画像のような表示を確認するブックマークレットです。 この表示の何が良いのかといえば、要素の配置が一目瞭然になるところです。不要な要素の発見、意図しない位置に配置された要素の発見などに...
Firefoxに再起動のメニューを追加する
投稿日 2021/09/24 更新日 2021/10/31
FirefoxのuserChrome.js用スクリプトです。 再起動のメニュー（メインメニュー・アプリメニュー）を追加します。 RestartInMenu.uc.js RestartInMenu.uc.js // ==UserScript== // @name ...
Workerの実行を阻止する
投稿日 2021/06/18 更新日 2021/06/20
はじめに Worker (Dedicatedworker or SharedWorker) の実行を阻止するユーザスクリプトです。 不本意なマイニングなどの Worker が絡む問題を解決できます。 ただし、ServiceWorkerの実行阻止とは異なり、すべてのページで Wor...
Firefoxのブックマークバーを編集不可にする
投稿日 2021/05/21 更新日 2021/10/08
FirefoxのuserChrome.js用スクリプトです。 ブックマークバーを編集不可とすることで意図しない誤動作を防止する。 BookmarkbarNotEditable.uc.js BookmarkbarNotEditable.uc.js // ==UserScript==...
JavaScript無効限定のCSSを適用する
投稿日 2021/05/13
JavaScript を使用する方法 <html class="nojs"> <head> <script> document.documentElement.classList.replace('nojs...
JavaScriptのライフサイクルに関するイベント
投稿日 2021/04/18 更新日 2022/01/21
目次 はじめに 基本（script） 基本（状態遷移） readystatechangeイベント DOMContentLoadedイベント loadイベント pageshowイベント First CPU Idle First Contentful Paint (FCP) Firs...
すべてのページで標準のスクロールバーを表示する
投稿日 2021/02/26 更新日 2021/02/27
はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...
ユーザースクリプト（UserScript）作成時の覚書
投稿日 2021/02/24 更新日 2022/03/02
目次 ユーザースクリプトとは 拡張機能の種類 インストール ユーザースクリプトの公開と検索 デバッグ ドキュメント メタデータブロック 実行タイミング（@run-at） API（GM関数） よくある失敗事例 簡単なバグフィックス・仕様の揺らぎ 後方互換性の問題 ブックマークレット...
JavaScript疑似プロトコルとは：「javascript:」
投稿日 2021/02/23 更新日 2021/02/24
JavaScriptプロトコル 「 javascript: 」で始まるプロトコルです。 プロトコルであるため、「 http: 」や「 file: 」と同じ位置づけの機能です。 ただし、デファクトスタンダード（事実上の標準）な機能であり、有効なURIスキームではありません。そのため...
analytics.jsのブロックを検出する
投稿日 2021/02/16
はじめに GoogleAnalyticsをブロックされている場合、問題が発生することがあります。ブロックされた場合、機能制限をかけるためにブロックを検出する処理について考えます。 ブロックパターン analytics.js/tags.js の読み込みブロック Measuremen...