カクヨムをゆっくりに朗読してもらう 2024/12/02はじめに カクヨムを読みたくなったので以前に作成した「なろう版」を流用して「カクヨム版」を作成しました。 ただし、まだカクヨムの仕様を正確には理解できていないため、複雑な操作をした場合、意図した動作とならない可能性があります。再現方法をご指摘いただければ改善できるかもしれません。...
runtime.onStartup を有効無効切り替え時にも呼び出す 2024/03/032024/03/27はじめに Manifest V3 で拡張機能のバックグラウンド処理は、無期限に生存できなくなりました。 それに伴い、 chrome.runtime.onInstalled / chrome.runtime.onStartup が重要な処理を担うようになりました。ただし、これには問...
JavaScript で paste 内容を書き換える 2024/03/01はじめに テキストフィールド、テキストエリア、編集可能な要素(contenteditable)へのペースト処理でペースト文字列を上書きして別の文字列や一部変更した文字列をペーストする処理を実現します。 サンプル function onPaste(event) { const ...
合計/平均/分散/中央値/etc を計算する【JavaScript】 2023/02/13目次 合計 平均 分散 標準偏差 最大値 最小値 k番目の値 中央値 参考 合計 1行実装 const sumValue = array.reduce((pre, cr) => pre+cr); 簡易実装 const sum = (array) => { cons...
Element から CSS Selector を取得する 2023/02/112023/02/16コード getCSSSelector.js /** * Element から CSS Selector を取得する * @author toshi (https://github.com/k08045kk) * @license MIT License |...
ビニール袋の容量を計算する 2022/11/212024/08/26 横幅 a mm 高さ b mm 計算 最大容積 V L 適量容積 V L 円柱容積 V L はじめに ゴミ袋や規格袋の容量を計算します。 袋には、ゴミ袋のようにリットル数が明記されているものと、規格袋のようにサイズだけが記載されているものがあります。サイズだけ...
canvas を画面サイズに合わせる方法 2022/10/10キャンバス要素を画面全体に表示します。 結論 sample-fit-canvas-screen-size.html <!DOCTYPE html> <html> <head> <meta name="viewport...
beforeunload のダイアログが出現しないことがある 2022/01/222024/03/26beforeunload とは? beforeunload イベントは、ページがアンロードされる直前に発生します。 beforeunload イベントが発生時は、ページがまだ表示されており、イベントもキャンセル可能です。 beforeunload イベントは、ページにダイアログを...
JavaScript でルートドメイン(root domain)を取得する 2022/01/192023/02/23変換 はじめに URLからルートドメインを取得する処理について考えます。 結果から言えば、正確な結果が必要ならば、素直にライブラリを使いましょう。 ルートドメインとは ここで言う「ルートドメイン」とは、サブドメイン名やホスト名を含まない一般的に個人や組織が取得できるドメイン名のこ...
Web SQL Database に関する覚書 2022/01/18Web SQL Database とは Web SQL Database とは、Cookie や Web Storage の用にデータをブラウザ側に保存する仕組みのひとつです。仕様書は、次の場所で公開されています。 https://www.w3.org/TR/webdatabas...
HTMLを簡易に解析(tokenize / parse)する 2021/12/152023/08/23目次 はじめに DOMParser を使用する HTMLから文字列を抽出する 正規表現を使用して、簡易にタグとタグ以外を分解する 正規表現を使用して、もう少し考えて分解する HTMLのドキュメントツリーを簡易に作成する はじめに JavaScript で HTML を簡易に解析(...
ウェブページにアウトラインを表示するブックマークレット 2021/12/03はじめに 文章のアウトラインではないです。DOM要素のアウトラインのレイアウトを表示します。 次の画像のような表示を確認するブックマークレットです。 この表示の何が良いのかといえば、要素の配置が一目瞭然になるところです。不要な要素の発見、意図しない位置に配置された要素の発見などに...
Firefoxに再起動のメニューを追加する 2021/09/242021/10/31FirefoxのuserChrome.js用スクリプトです。 再起動のメニュー(メインメニュー・アプリメニュー)を追加します。 RestartInMenu.uc.js RestartInMenu.uc.js // ==UserScript== // @name ...
Workerの実行を阻止する 2021/06/182021/06/20はじめに Worker (Dedicatedworker or SharedWorker) の実行を阻止するユーザスクリプトです。 不本意なマイニングなどの Worker が絡む問題を解決できます。 ただし、ServiceWorkerの実行阻止とは異なり、すべてのページで Wor...
Firefoxのブックマークバーを編集不可にする 2021/05/212021/10/08FirefoxのuserChrome.js用スクリプトです。 ブックマークバーを編集不可とすることで意図しない誤動作を防止する。 BookmarkbarNotEditable.uc.js BookmarkbarNotEditable.uc.js // ==UserScript==...
JavaScript 無効限定の CSS を適用する 2021/05/132023/02/22JavaScript を使用する方法 <html class="nojs"> <head> <script> document.documentElement.classList.replace('nojs...
JavaScript のライフサイクルに関するイベント 2021/04/182023/04/04目次 はじめに 基本(script) 基本(状態遷移) readystatechange イベント DOMContentLoaded イベント load イベント pageshow イベント First CPU Idle First Contentful Paint (FCP) ...