JavaScript を使用する方法 <html class="nojs"> <head> <script> document.documentElement.classList.replace('nojs...
JavaScript無効限定のCSSを適用する
投稿日 2021/05/13
JavaScriptのライフサイクルに関するイベント
投稿日 2021/04/18
目次 はじめに 基本 readystatechangeイベント DOMContentLoadedイベント loadイベント First CPU Idle First Contentful Paint (FCP) First Input Delay (FID) 初回ユーザイベント ...
Bloggerテンプレートの各ページ毎の条件式
投稿日 2021/04/17
目次 data:blog.pageType data:view.type query / label data:view.isMultipleItems / data:view.isSingleItem data:view.is 特定ページ 特定ページの複数指定 モバイル ビュー...
Google検索に順位（連番）を表示する
投稿日 2021/04/15
はじめに Google検索に順位（連番）を表示するユーザスタイルです。 検索がちょっとだけ便利になります。 結果の表示例 簡単な説明 CSSの counter 関数を利用して、検索結果のタイトルに連番を計算します。計算した連番を ::before の content プロパティを...
カーブス（7085）の隠れ優待
投稿日 2021/03/23
カーブス（7085）から株主優待が送られてきました。 QUOカード500円分です。一緒にアンケートハガキが同封されていました。アンケート回答者全員に更にQUOカード500円分贈呈とのこのです。 IRを見直しましたがアンケート分については、記載がないので隠れ優待だったのかな？コシダ...
「この項目は見つかりませんでした。」エラーでも削除する
投稿日 2021/02/28
はじめに Windowsでファイルを削除しようとしたところエラーメッセージを表示して削除できない現象に遭遇しました。無理やり削除できたのでその方法とそれまで試したことです。 問題 Windows10で対象のファイルを削除しようとすると「この項目は見つかりませんでした。」エラーを表...
すべてのページで標準のスクロールバーを表示する
投稿日 2021/02/26 更新日 2021/02/27
はじめに 様々なウェブページがあります。この頃、モバイル対応やレスポンシブ対応の結果、デスクトップ環境のサイトでもスクロールバーを非表示にするサイトが出始めました。 モバイル環境であれば、スクロールバーを非表示にして表示領域を確保するのは良い方法です。ですが、デスクトップ環境では...
ユーザスクリプト作成時の覚書
投稿日 2021/02/24 更新日 2021/04/15
目次 ユーザスクリプトとは 拡張機能の種類 ドキュメント インストール ユーザスクリプトの公開と検索 デバッグ 実行タイミング よくある失敗事例 簡単なバグフィックス・仕様の揺らぎ 後方互換性の問題 ブックマークレット 備考 ユーザスクリプトとは ユーザスクリプトとは、ブラウザの...
JavaScript疑似プロトコルとは：「javascript:」
投稿日 2021/02/23 更新日 2021/02/24
JavaScriptプロトコル 「 javascript: 」で始まるプロトコルです。 プロトコルであるため、「 http: 」や「 file: 」と同じ位置づけの機能です。 ただし、デファクトスタンダード（事実上の標準）な機能であり、有効なURIスキームではありません。そのため...
analytics.jsのブロックを検出する
投稿日 2021/02/16
はじめに GoogleAnalyticsをブロックされている場合、問題が発生することがあります。ブロックされた場合、機能制限をかけるためにブロックを検出する処理について考えます。 ブロックパターン analytics.js/tags.js の読み込みブロック Measuremen...