Cumulative Layout Shift (CLS) をJavaScriptで検出する 2021/01/282021/03/26はじめに これまで、DevToolsのPerformanceタブからレイアウトシフトを確認していました。ですが、これだと目視する必要がある上に自動化できません。調べてみると、Layout Instability APIが見つかったのでそれの覚書です。 ※PageSpeed Ins...
JavaScriptでマウスの位置にある要素を取得する 2021/01/19面白そうな関数なので覚書 φ(..)メモメモ... document.elementFromPoint() var x = 100; var y = 100; var element = document.elementFromPoint(x, y); document.addE...
ZIPでファイルをまとめてダウンロード.user.js 2021/01/182022/04/01目次 はじめに 本ユーザスクリプトの利点 動作概要 使い方 コード 既知の問題 参考 はじめに ウェブページ内にあるファイル(主に画像)をまとめてダウンロードしたいと思ったことはないでしょうか?世の中には、たくさんのダウンロード方法があります。ですが、それは、大抵すべてをダウンロ...
右クリックを禁止・禁止解除する 2021/01/112021/05/21JavaScriptで右クリックを禁止する ページ全体で右クリックを禁止する window.addEventListener('contextmenu', function(e) { e.preventDefault(); }); //window.onconte...
タッチスクリーンであるかを JavaScript で判定する 2020/12/282023/08/22タッチスクリーン有無判定 // タッチスクリーン有無判定 const isTouchDevice = function() { return 'ontouchstart' in window; }; console.log('touch screen...
Bloggerで各投稿の検索向け説明にスニペットを出力する 2020/11/05はじめに Bloggerの検索向け説明をすべてのページで書くのは面倒なため、スニペット(記事の最初の文章)を自動的に出力するように設定する。 標準ヘッダー Blogger標準で次のヘッダーが設定されている。 <b:include data='blog' na...
Windows10でアナログ時計を表示する 2020/10/072022/01/05はじめに Windows10になってタスクバー上のデジタル時計をクリックした際に表示されていたアナログ時計が表示されなくなりました。基本的には、デジタル時計で問題ありませんが、時たまアナログ時計の方が良いことがあります。Windows10でアナログ時計を表示する方法について考えま...
Windows でスクリーンセーバーを防止・回避する 2020/10/032023/03/18目次 はじめに コード 使い方(保存・起動・終了) 別解 備考(スクリーンセーバーを無効化する) 参考 はじめに Windows10 のスクリーンセーバー(またはロック画面)を「Windows の設定変更なし」「追加ソフトウェアなし」「マウス・キー入力への悪影響なし」で防止・回避...
木曽長良背割堤でサイクリング 2020/10/01木曽川と長良川の間を隔てる細長い地形があります。この場所の名前は、「木曽長良背割堤」と言い、名前の通り木曽川と長良川を隔てる堤防です。具体的には、次の場所になります。 ※上記の地図は、 OpenStreetMap を使用しています。 サイクリング 堤防の上には、アスファルトでしっ...
Firefox拡張機能でコンテンツスクリプトの注入に失敗する 2020/09/30現象 特定のウェブサイトでコンテンツスクリプトに設定したスクリプトが動作していない。 ウェブ全体を対象にしたFirefox用の拡張機能で manifest.json で content_scripts.matches=<all_urls> などを指定したにも関わらず特...