Blogger用の関連記事表示機能：FeedRelatedPosts.js
はじめに Bloggerは、標準で関連記事の機能がありません。LinkWithin, Milliard, GoogleAdSenseなどの外部サービスを利用することで関連記事を表示することができます。ただし、外部サービスを利用すると関連記事が広告ブロッカーにブロックされたり、表示...
GoogleAppsScriptからCloudflareのAPIでキャッシュを削除する
CloudflareのキャッシュをGoogleAppsScriptから削除する例です。 Zone IDの入手 [Cloudflare] > [サイト] サイトの概要ページへ移動 [Overview] > [API] > [Zone ID] 記載されている英数字の...
Bloggerのコメント欄で使用できるHTMLタグ
使用可能なタグ a, em, strong, i, b, br, ※ <a> は、 <a rel="nofollow"> になる rel 属性を付けた場合、消されて onfollow になる ※ <br> は、「 ...
HTML5の全要素
html, head, title, base, link, meta, style, body, article, nav, aside, h1, h2, h3, h4, h5, h6, hgroup, header, footer, address, p, hr, pre...
HTMLで高さ指定あり画像をアスベクト比維持自動縮小する
やりたいこと 「 <img> で height 属性を指定するが、領域の横幅が width 属性の指定を下回る場合、横幅の縮小に合わせてアスベクト比を維持したまま縦幅も縮小する」です。遅延読み込みやリフロー（レイアウト）の再実行防止などで画像の幅高さを事前に指定する必...
Netlify+CloudflareでLet's Encryptを自動更新する
はじめに NetlifyをCloudflareでキャッシュしている場合、Let's EncryptのSSL/TLS証明書の自動更新ができません。なぜならば、Let's EncryptがNetlifyのサーバを直接確認できないからです。CloudflareのDNS設...
HTMLパース処理を中断して強制初回描画する
サイトの高速化について試行錯誤していたら、面白そうな現象を発見したので覚書です。 なにをするのか？ ページがヘッダー部・コンテンツ部・フッター部に分割されているものとします。この時、「ヘッダー部のみをコンテンツ部・フッター部のHTMLパース処理を待たずに表示する」です。意図せずに...
GoogleAdsense での確定申告の書き方
はじめに GoogleAdSense の確定申告についてです。 ただし、次の内容は対象外です。（詳しく解説している他サイト等を参照してください） 確定申告: 必要な人 or 不要な人 申告方法: 青色申告 or 白色申告 所得区分: 事業所得 or 雑所得 計上基準: 発生主義 ...
HTML圧縮機を作ってみた
完成品は、次のリンク先です。 HTML Minify 既存のHTML圧縮の問題点 既存のHTML圧縮は、みな大小様々な問題を抱えています。次に例を示します。 HTML minifier 特になし（これでよかった） 正しくないHTMLを入力してもそのまま処理される 利点であり、欠点...
n-gramで文字列の類似度を測定する
「 レーベンシュタイン距離で文字列の類似度を高速に取得する 」の続きです。文字列の類似度の別方法としてn-gramについて考慮します。 利点と欠点 レーベンシュタイン距離 処理速度が遅い 一致度が低い場合、高速化しても遅い 位置の異なるキーワードに弱い 完全一致を判定できる 文字...