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

カクヨムをゆっくりに朗読してもらう

はじめに カクヨムを読みたくなったので以前に作成した「なろう版」を流用して「カクヨム版」を作成しました。 ただし、まだカクヨムの仕様を正確には理解できていないため、複雑な操作をした場合、意図した動作とならない可能性があります。再現方法をご指摘いただければ改善できるかもしれません。...

JavaScript で paste 内容を書き換える

はじめに テキストフィールド、テキストエリア、編集可能な要素(contenteditable)へのペースト処理でペースト文字列を上書きして別の文字列や一部変更した文字列をペーストする処理を実現します。 サンプル function onPaste(event) { const ...

ビニール袋の容量を計算する

横幅 a mm 高さ b mm 計算 最大容積 V L 適量容積 V L 円柱容積 V L はじめに ゴミ袋や規格袋の容量を計算します。 袋には、ゴミ袋のようにリットル数が明記されているものと、規格袋のようにサイズだけが記載されているものがあります。サイズだけ...

JavaScript でルートドメイン(root domain)を取得する

変換 はじめに URLからルートドメインを取得する処理について考えます。 結果から言えば、正確な結果が必要ならば、素直にライブラリを使いましょう。 ルートドメインとは ここで言う「ルートドメイン」とは、サブドメイン名やホスト名を含まない一般的に個人や組織が取得できるドメイン名のこ...

HTMLを簡易に解析(tokenize / parse)する

目次 はじめに DOMParser を使用する HTMLから文字列を抽出する 正規表現を使用して、簡易にタグとタグ以外を分解する 正規表現を使用して、もう少し考えて分解する HTMLのドキュメントツリーを簡易に作成する はじめに JavaScript で HTML を簡易に解析(...

ウェブページにアウトラインを表示するブックマークレット

はじめに 文章のアウトラインではないです。DOM要素のアウトラインのレイアウトを表示します。 次の画像のような表示を確認するブックマークレットです。 この表示の何が良いのかといえば、要素の配置が一目瞭然になるところです。不要な要素の発見、意図しない位置に配置された要素の発見などに...

Workerの実行を阻止する

はじめに Worker (Dedicatedworker or SharedWorker) の実行を阻止するユーザスクリプトです。 不本意なマイニングなどの Worker が絡む問題を解決できます。 ただし、ServiceWorkerの実行阻止とは異なり、すべてのページで Wor...