HTML5の全要素 2020/03/092020/03/12html, head, title, base, link, meta, style, body, article, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address, p, hr, pre...
HTMLで高さ指定あり画像をアスベクト比維持自動縮小する 2020/03/07やりたいこと 「 <img> で height 属性を指定するが、領域の横幅が width 属性の指定を下回る場合、横幅の縮小に合わせてアスベクト比を維持したまま縦幅も縮小する」です。遅延読み込みやリフロー(レイアウト)の再実行防止などで画像の幅高さを事前に指定する必...
Netlify+CloudflareでLet's Encryptを自動更新する 2020/03/06はじめに NetlifyをCloudflareでキャッシュしている場合、Let's EncryptのSSL/TLS証明書の自動更新ができません。なぜならば、Let's EncryptがNetlifyのサーバを直接確認できないからです。CloudflareのDNS設...
HTMLパース処理を中断して強制初回描画する 2020/03/052020/04/25サイトの高速化について試行錯誤していたら、面白そうな現象を発見したので覚書です。 なにをするのか? ページがヘッダー部・コンテンツ部・フッター部に分割されているものとします。この時、「ヘッダー部のみをコンテンツ部・フッター部のHTMLパース処理を待たずに表示する」です。意図せずに...
GoogleAdsense での確定申告の書き方 2020/03/022024/02/15はじめに GoogleAdSense の確定申告についてです。 ただし、次の内容は対象外です。(詳しく解説している他サイト等を参照してください) 確定申告: 必要な人 or 不要な人 申告方法: 青色申告 or 白色申告 所得区分: 事業所得 or 雑所得 計上基準: 発生主義 ...
HTML圧縮機を作ってみた 2020/02/292020/10/06完成品は、次のリンク先です。 HTML Minify 既存のHTML圧縮の問題点 既存のHTML圧縮は、みな大小様々な問題を抱えています。次に例を示します。 HTML minifier 特になし(これでよかった) 正しくないHTMLを入力してもそのまま処理される 利点であり、欠点...
n-gramで文字列の類似度を測定する 2020/02/272020/10/06「 レーベンシュタイン距離で文字列の類似度を高速に取得する 」の続きです。文字列の類似度の別方法としてn-gramについて考慮します。 利点と欠点 レーベンシュタイン距離 処理速度が遅い 一致度が低い場合、高速化しても遅い 位置の異なるキーワードに弱い 完全一致を判定できる 文字...
SyntaxHighlighter.jsからhighlight.jsへ移行しました 2020/02/262020/10/06はじめに 当ブログでは、ブログ上のソースコードをハイライト表示するライブラリを利用しています。ソースコードには、予約後や文字列、数値など予め予測できる書式が多数存在します。それらを指定の色や書体によりハイライト表示することで、ソースコードを読みやす表示しています。 これまで CD...
CORS制限付き外部iframeのfocusイベントを取得する 2020/02/24 やりたいこと メインページ上の外部iframeをクリックした時に、メインページで特別な処理をしたい。 具体的には、Bloggerの埋め込みコメントフォームをクリックした時に処理を実施したい。Bloggerの埋め込みコメントフォームは、 www.blogger.co...
レーベンシュタイン距離で文字列の類似度を高速に取得する 2020/02/232020/03/11はじめに 文字列の類似度について考えます。具体的には、レーベンシュタイン距離を使用して文字列の類似度を測定します。ただし、レーベンシュタイン距離では、速度が遅いため、高速化します。高速化に伴ってレーベンシュタイン距離とは別物になってしまいますが、類似度としての役割は果たせます。 ...