ページスピードインサイトで高得点を目指す際のポイントを見ていこう
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ヶ月使った本音レビュー。首肩をしっかり支え、抜群の通気性で蒸れにくい快適さ。独特の柔らかさと安定感、丸洗い可能で衛生的。睡眠スコア向上も実感した、長く愛用できる枕の機能性を解説します。
ドメインをCloudflareに移管してみた
ブログのドメインをCloudflareへ移管。DNS設定の一元化、年間約800円の運用費削減、そして長年の利用による信頼性を理由に選びました。具体的な移管手順も解説し、ドメイン管理の効率化やコスト削減に役立つ情報を提供します。
プログラミング
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でページ公開をしてみました。
無料で自作のWEBページが公開できるなんて、いい時代になりましたねえ。
構成
利用するもの
今回利用するものは
* Hugo
* Cloudflare Pages
* GitLab
の3つになります。
仕組み
Hugoで開発したソースコードをGitLab上にpushすると、Cloudflareが検知してページ公開されるような仕組みです。Cloudflare PagesとGitLabが標準機能として連携できるので、CI/CD設定ファイルを書かなくて済むのが利点だったりします。
なお、筆者はHugo触るのは初めてです！Hugoは静的ページを作成するものなので、公開するページの表示速度がめっちゃ早かったり、サーバー移行が楽だったりするメリットがあります。ブログとして公開することもできるみたい。そのうちやってみようかなあ。
構
いいねボタンをアップデートしてみた
以前ブログにいいねボタンを実装してみたで導入したいいねボタンを最新化してみました。
なぜ最新化したのか
比較的雑なスタート
もともと、いいねボタンは個別の記事ページのみに配置する想定で実装していました。んで、いいね数を取得するのも、更新するのも個別の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
こんな感じでバ