FirefoxのuserChrome.js用スクリプトです。 再起動のメニュー（メインメニュー・アプリメニュー）を追加します。 RestartInMenu.uc.js RestartInMenu.uc.js // ==UserScript== // @name ...
Firefoxに再起動のメニューを追加する
投稿日 2021/09/24 更新日 2021/10/31
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 更新日 2021/07/23
目次 はじめに 基本 readystatechangeイベント DOMContentLoadedイベント loadイベント First CPU Idle First Contentful Paint (FCP) First Input Delay (FID) 初回ユーザイベント ...
すべてのページで標準のスクロールバーを表示する
投稿日 2021/02/26 更新日 2021/02/27
はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...
ユーザースクリプト（UserScript）作成時の覚書
投稿日 2021/02/24 更新日 2021/11/16
目次 ユーザースクリプトとは 拡張機能の種類 インストール ユーザースクリプトの公開と検索 デバッグ ドキュメント メタデータブロック 実行タイミング（@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...
JavaScriptのグローバル変数未定義エラーの回避方法
投稿日 2021/02/08
はじめに JavaScriptでは、未定義のグローバル変数へのアクセスでエラーを出力します。ここでは、エラーを回避して、未定義を判定する方法を考えます。 失敗例 下記のコード例では、グローバル変数の未定義エラーで失敗します。 if (a) { console.log('...
First Paint (FP) をJavaScriptで検出する
投稿日 2021/02/03 更新日 2021/03/26
目次 はじめに FirstPaintの時間を取得する タイミングを取得する：requestAnimationFrame() タイミングを取得する：PerformanceObserver タイミングを取得する：performance.getEntriesByType('pa...
Cumulative Layout Shift (CLS) をJavaScriptで検出する
投稿日 2021/01/28 更新日 2021/03/26
はじめに これまで、DevToolsのPerformanceタブからレイアウトシフトを確認していました。ですが、これだと目視する必要がある上に自動化できません。調べてみると、Layout Instability APIが見つかったのでそれの覚書です。 ※PageSpeed Ins...
JavaScriptでマウスの位置にある要素を取得する
投稿日 2021/01/19
面白そうな関数なので覚書 φ(..)メモメモ... document.elementFromPoint() var x = 100; var y = 100; var element = document.elementFromPoint(x, y); document.addE...
ZIPでファイルをまとめてダウンロード.user.js
投稿日 2021/01/18 更新日 2021/05/26
目次 はじめに 本ユーザスクリプトの利点 動作概要 使い方 コード 既知の問題 参考 はじめに ウェブページ内にあるファイル（主に画像）をまとめてダウンロードしたいと思ったことはないでしょうか？世の中には、たくさんのダウンロード方法があります。ですが、それは、大抵すべてをダウンロ...
右クリックを禁止・禁止解除する
投稿日 2021/01/11 更新日 2021/05/21
JavaScriptで右クリックを禁止する ページ全体で右クリックを禁止する window.addEventListener('contextmenu', function(e) { e.preventDefault(); }); //window.onconte...
タッチスクリーンであるかをJavaScriptで判定する
投稿日 2020/12/28
タッチスクリーン有無判定 // タッチスクリーン有無判定 var isTouchDevice = function() { return 'ontouchstart' in window; }; 理屈 タッチスクリーンがある場合、 window.ontouch...
ゼロパディング・スペース埋め【JavaScript】
投稿日 2020/09/21
簡易な3桁のゼロパディング処理 function zeroPadding(number) { return ('000'+number).slice(-3); } console.log(zeroPadding(1)); // 001 console....
二次元配列の初期化【JavaScript】
投稿日 2020/08/05 更新日 2020/10/04
目次 二次元配列の配列リテラルによる初期化 二次元配列の初期化 二次元配列の文字列からの初期化 二次元配列の配列リテラルによる初期化 const array = [ [1, 2, 0, 0, 0, 0, 0, 0, 0, 0], [3, 0, 0, 0, 0, 0, 0,...
JavaScript で待機する方法（sleep処理）
投稿日 2020/07/31 更新日 2021/12/01
はじめに JavaScript は、他プログラム言語のような sleep/wait/delay 関数がありません。 ですが、 window.setTimeout() のタイマー関数を使用することで擬似的に sleep() 関数を実現することができます。ただし、 setTimeou...