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

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

JavaScript で paste 内容を書き換える

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

【CSS】contain: content; の考慮漏れ

はじめに CSS の contain プロパティに関する個人的な失敗談です。 問題の対象 .post-title { contain: content; } contain: paint; （ content / strict ）は、要素が領域外へはみ出さないことを保証...

Blogger の m=1 リダイレクト問題を回避する

はじめに 本件は、力技で無理やりな方法です。意図しない問題が発生する可能性も多大に存在します。導入する際には、十分注意して実施してください。 問題 Blogger のサイトにモバイル環境でアクセスすると「 m=1 」がついたページにリダイレクトします。 もともとは、デスクトップと...

Firefox111 のネイティブ通知を無効化する

はじめに 通知機能は、 Firefox44 以降で実装された機能です。画面上に通知を配信できる機能です。 Push API を使用することで通知を表示できます。主にウェブページの通知（Web Push）と拡張機能の通知で利用されています。 これまでは、ブラウザの一部として通知を表...

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

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

iOS / Android で拡張機能を利用できるブラウザ

はじめに 読者の方は、パソコンのブラウザで拡張機能を利用していると思います。 モバイルでもブラウザで拡張機能を利用したいと考えてこのページにやってきたはずです。ですが、世にあるモバイル版のブラウザは、拡張機能を提供していません。広告ブロックやプライバシーブロック機能を内蔵するブラ...
ホーム