ラベル「JavaScript」の付いた投稿を表示しています。

すべてのページで標準のスクロールバーを表示する

投稿日 2021/02/26 更新日 2021/02/27
thumbnail
はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...

ユーザスクリプト作成時の覚書

投稿日 2021/02/24 更新日 2021/04/15
thumbnail
目次 ユーザスクリプトとは 拡張機能の種類 ドキュメント インストール ユーザスクリプトの公開と検索 デバッグ 実行タイミング よくある失敗事例 簡単なバグフィックス・仕様の揺らぎ 後方互換性の問題 ブックマークレット 備考 ユーザスクリプトとは ユーザスクリプトとは、ブラウザの...

JavaScript疑似プロトコルとは:「javascript:」

投稿日 2021/02/23 更新日 2021/02/24
thumbnail
JavaScriptプロトコル 「 javascript: 」で始まるプロトコルです。 プロトコルであるため、「 http: 」や「 file: 」と同じ位置づけの機能です。 ただし、デファクトスタンダード(事実上の標準)な機能であり、有効なURIスキームではありません。そのため...

analytics.jsのブロックを検出する

投稿日 2021/02/16
thumbnail
はじめに GoogleAnalyticsをブロックされている場合、問題が発生することがあります。ブロックされた場合、機能制限をかけるためにブロックを検出する処理について考えます。 ブロックパターン analytics.js/tags.js の読み込みブロック Measuremen...

JavaScriptのグローバル変数未定義エラーの回避方法

投稿日 2021/02/08
thumbnail
はじめに JavaScriptでは、未定義のグローバル変数へのアクセスでエラーを出力します。ここでは、エラーを回避して、未定義を判定する方法を考えます。 失敗例 下記のコード例では、グローバル変数の未定義エラーで失敗します。 if (a) { console.log('...

Cumulative Layout Shift (CLS) をJavaScriptで検出する

投稿日 2021/01/28 更新日 2021/03/26
thumbnail
はじめに これまで、DevToolsのPerformanceタブからレイアウトシフトを確認していました。ですが、これだと目視する必要がある上に自動化できません。調べてみると、Layout Instability APIが見つかったのでそれの覚書です。 ※PageSpeed Ins...

ZIPでファイルをまとめてダウンロード.user.js

投稿日 2021/01/18 更新日 2021/04/08
thumbnail
目次 はじめに 本ユーザスクリプトの利点 動作概要 使い方 コード 既知の問題 参考 はじめに ウェブページ内にあるファイル(主に画像)をまとめてダウンロードしたいと思ったことはないでしょうか?世の中には、たくさんのダウンロード方法があります。ですが、それは、大抵すべてをダウンロ...

二次元配列の初期化【JavaScript】

投稿日 2020/08/05 更新日 2020/10/04
thumbnail
目次 二次元配列の配列リテラルによる初期化 二次元配列の初期化 二次元配列の文字列からの初期化 二次元配列の配列リテラルによる初期化 const array = [ [1, 2, 0, 0, 0, 0, 0, 0, 0, 0], [3, 0, 0, 0, 0, 0, 0,...