Windows10でウェブページの汚いフォントを置換える
はじめに Windowsのフォント事情は、バージョンが上がるたびに改善されてきています。最近では、「Meiryo」「游ゴシック」「BIZ UDデジタル教科書体」「BIZ UDゴシック」など綺麗なフォントが標準でインストールされています。ですがウェブページでの表示は、ページ側の指定...
AdSense配置ページをCDN配信すると収益が減るのか？
はじめに Google先生で検索していたらなんとも不穏な検索結果が出てきたので、情報の真偽について考えてみます。見つけたのは、次の記事です。 Cloudflareを導入したら、Google AdSenseが半減した話をしよう 当ブログでは、Cloudflar...
Firefoxの「コンテンツデータ破損エラー」解決方法
目次 問題現象 原因 回避策 Qiitaの問題について Twitterの問題について（Firefox81+） 問題現象 サイトを開いた際に「コンテンツデータ破損エラー」もしくは「…のウェブサイトで修復不能なネットワークプロトコル違反が発生しました。」の表示となる。 ※Chrome...
FID(First Input Delay)とはなにか？
はじめに 次の資料にFID（First Input Delay）の詳しい説明があります。ただし、この資料を読んでも筆者には、FIDが何を意味するのか正確にはわかりませんでした。そこで、記事内で紹介されているpolyfillコードやPageSpeedInsightsの表示するFID...
Bloggerのskinタグを消す
覚書として記載します。 コード <style><!--/*<b:skin><![CDATA[*/]]></b:skin> 出力 <style><!--/...
IE対策の「X-UA-Compatible:IE=edge」は必要か？
HTML ヘッダーの見直しをしている際に、理解した内容の覚書です。 次のような記載について考慮している方が対象です。 <meta http-equiv="X-UA-Compatible" content="IE=11"> or ...
正規表現で使用する文字をエスケープする
はじめに 正規表現でユーザ入力を処理する場合、エスケープ処理が必要になってきます。正規表現を使用した文字列のエスケープについて考えます。 MDNのサンプルコード JavaScriptのサンプルコードと言えば、おなじみのMDNです。調べてみると、正規表現のページの中にこっそりとサン...
簡易な英語の分かち書き（形態素解析）
変換 はじめに 簡易な英語の分かち書きです。 調べても巨大なライブラリしか見つからなかったため、作成しました。スペース区切りより頭がいいので、ライブラリ入れるのが嫌なとき用です。 tiny_segmenter.js の英語版みたいなものです。 仕様 英単語を単語単位で分割します ...
簡易なHTML特殊文字変換機（通常文字 <=> 特殊文字）
エンコード デコード ※標準のエンコード文字は、「 」「<」「>」「&」「"」「'」「©」です はじめに HTML特殊文字を 元の文字列に 変換する処理です。「 。 」にやられました。JavaScriptの簡易な変換処理...
ブログのfont-family決定版
目次 はじめに 通常フォント 通常フォントの別フォント順案（覚書） 等幅フォント 等幅フォントの別フォント順案（覚書） その他（覚書） 関連 はじめに ブログの font-family 決定版です。下記の長い長い調査結果を踏まえた最終案です。 font-familyを調べまわった...