8月終わるので今月やったことをまとめよう
エンジニアが8月のブログ活動を総まとめ。Hugo×Cloudflare Pagesで静的サイト公開、Obsidianプラグイン開発、ブログ運用改善（5周年・Cloudflare移管）、PageSpeed Insights高得点化、Cusdisコメントシステム導入、rcloneバックアップなど、開発・運用ノウハウを深掘り。技術ブログ運営のヒントが詰まっています。
新着記事
ページスピードインサイトで高得点を目指す際のポイントを見ていこう
Google PageSpeed Insightsでサイト表示速度を向上させるためのポイントを解説。FCP・LCP・TBTなど主要評価項目ごとの具体的な改善方法から、完璧を目指さない現実的なスコア目標設定まで、エンジニア視点で分かりやすく紹介します。
ブログのサムネイルについて考えてみる
ブログのサムネイルはSEOとデザイン、どちらの観点で考えるべきか？その必要性や重要度を深掘りします。一部だけ設定した場合のデザイン上の課題や、AIを活用した効率的な作成方法まで、ブログ運営に役立つ実践的なアプローチを紹介。
CloudflareのAI Botに対するブロックが厳しくなるぞ
Cloudflareは9月15日よりAIボットのアクセスブロックを強化。サイトデータ保護かSEO維持か、運営者は「ブロック」または「許可」の選択を迫られます。混合目的クローラーも対象となるため、検索順位への影響も考慮し、あなたのサイトに最適な設定を検討しましょう。
ATOKを久しぶりに触ってみたけど、やっぱりいいねこれ
エンジニアが日本の老舗IME「ATOK」を再評価。サブスク離脱から10年、文章作成の機会が増え再導入した理由と、試用期間で体感した正確な変換精度や執筆効率向上を解説します。テキスト入力が多い方におすすめの日本語入力ソフトです。
CloudflareのセキュリティログをAIに分析してもらうと面白い
CloudflareのセキュリティログをAIで分析し、サイトへの攻撃傾向や防御状況を効率的に把握する方法を紹介。WAFやボット対策機能の動作確認、WordPress狙いの攻撃遮断など、具体的な分析例を通じてサイトの安全性を高めるヒントが得られます。
「ヒツジのいらない枕ー至極ー」がかなりいい感じ【レビュー】
「ヒツジのいらない枕ー至極ー」は実際どう？エンジニアが1ヶ月使った本音レビュー。首肩をしっかり支え、抜群の通気性で蒸れにくい快適さ。独特の柔らかさと安定感、丸洗い可能で衛生的。睡眠スコア向上も実感した、長く愛用できる枕の機能性を解説します。
プログラミング
Ghostブログに英語ページを作成してみた【試験運用】
Ghostブログに英語ページを試験導入。日本語記事と英語記事を別テンプレート・別URLで管理する構成を解説。Gemini APIでの自動翻訳とObsidianプラグイン連携により、運用コストを抑えつつ多言語対応を実現する具体的な手順を紹介します。
自前でブログデータをバックアップするならrcloneが便利！
ブログのバックアップをコストを抑えて自動化したい方へ。CLIツール「rclone」は、Googleドライブ等多様なクラウドストレージに対応し、記事データや画像、サーバー設定も自由に選択してバックアップできます。cronによる完全自動化の手順をご紹介。
ブログ記事の一括編集＆分析ができるダッシュボードを作った
ブログ記事の一括編集と分析を効率化する自作ダッシュボードを開発。AIによるメタディスクリプション自動生成、記事のメタ情報・タグの一括更新、投稿分析機能を搭載。PythonとGoogle AIを駆使し、短時間で実現した開発経緯や機能の詳細を紹介します。
ブログ投稿用にObsidianプラグインを作った
Ghostブログへの投稿作業を効率化するため、Obsidianプラグインを自作しました。記事の新規/更新、タイトルやタグ設定、AIによるメタディスクリプション生成、画像最適化までをObsidian内で完結。執筆から公開までの手間を削減し、ワークフローを改善する開発経緯と具体的な機能について解説します。
Hugo × Cloudflare Pagesで静的ページを公開【無料！】
【無料】HugoとCloudflare Pagesで静的サイトを超高速公開！CI/CD設定なしで、GitLabと連携すれば非エンジニアでも簡単にWEBページが持てます。わずか1時間でプロフィールページを作成した手順や仕組みを徹底解説。LPや企業HPにも最適な、無料かつ高速なページ公開を今すぐ始めましょう！
いいねボタンをアップデートしてみた
以前ブログにいいねボタンを実装してみたで導入したいいねボタンを最新化してみました。
なぜ最新化したのか
比較的雑なスタート
もともと、いいねボタンは個別の記事ページのみに配置する想定で実装していました。んで、いいね数を取得するのも、更新するのも個別のpost IDをパラメータする形となっており、まあパラメータ同じだったら、参照&更新を同一APIにしちゃっていいか！という組み方にしました。
一覧にも表示したくなる
しかし、結局あれこれやっているうちにTOPページなどにも記事ごとのいいね数を表示したくなってしまいました。この際、もともとのエンドポイントを利用しようとすると、記事数分のリクエストを投げなければいけなくなってしまい、結果無駄な通信が多く発生してしまうことになります。
パフォーマンス面の悪影響もそうですが、コスト的にもworkersの無料枠はリクエスト数に基づいて決まっているため、なるべく不要なリクエストが発生しないようにするべきです。
なので、今回この辺りをメンテナンスすることにしました。
修正方針について
まずは修正方針を検討していきま
Ghostのアップデート手順
Wordpressと違ってGUIからの更新ができないため、定期的に自分で更新してあげる必要があります。そういえば最近更新していなかったため、ここに情報を残しつつ更新することにしました。
アップデートの手順
1.Ghost CLIを最新化
まずはGhostを管理するCLIツール自体を最新にアップデート。
sudo npm install -g ghost-cli@latest
うまくいったら↓のログが出る！
2.Ghostのディレクトリに移動
Ghostがインストールされているディレクトリ（例: /var/www/ghost など）に移動。
cd /var/www/ghost
3.念のためバックアップ 任意
万が一途中でコケたときのために、現在のデータや設定のバックアップをエクスポートしておく。
別の手段でバックアップしているならやんなくてもOK。
ghost backup
4.アップデートを実行
以下のコマンドを実行すると、最新バージョンへのアップデートが始まる。
ghost update
こんな感じでバ