CloudflareのWorkers機能を試してみる
はじめに CloudflareのWorkers機能を試してみたのでサンプルなどです。 Wrokers機能は、ServiceWorkerとしてJavaScriptを記述することでクライアント処理ではなく、サーバー処理がかけます。最大CPU実行時間制限は、無料枠で 10ms であるた...
GoogleAppsScriptでブログ更新をping送信する
はじめに ブログ更新のping送信（更新通知サービス）は、検索エンジンなどのクローラーにブログの更新を見つけてもらうためのサービスです。現在では、GoogleやBingによって提供されているウェブマスターによってその目的の大部分の必要性はなくなっています。ですが、それ以外のロボッ...
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 雑所得 計上基準: 発生主義 ...