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

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

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)と拡張機能の通知で利用されています。 これまでは、ブラウザの一部として通知を表...