ブログ記事を書いたら自動でXに投稿される仕組みを作った話【dlvr.it × Hugo × AI】

はじめに:「また手動か」という疲弊

ブログを書くたびに、こんな作業をしていた。

  1. 記事を書く(1〜2時間)
  2. ビルドしてデプロイ(5分)
  3. Xを開く
  4. タイトルとURLをコピーしてツイートを作る
  5. ハッシュタグを考えて付ける
  6. 投稿する(10〜15分)

記事を書く時間より、「Xに投稿する作業」のほうが精神的に重かった。

たった15分の作業なのに、なぜか億劫だった。「また手動か」という気持ち。これが積み重なって、ブログ更新頻度が落ちていった。

この記事は、その問題を完全自動化した記録だ。


なぜX連携を自動化したいのか

AI全盛の今、コンテンツ生成は驚くほど楽になった。Claude や GPT-4 を使えば、アイデアをぶつけるだけで記事の骨格が出てくる。Hugo などの静的サイトジェネレーターと組み合わせれば、記事の公開も一瞬だ。

でも、生成と公開の先にある「集客」は自動化されていない

どれだけ良い記事を書いても、誰かの目に触れなければ意味がない。SEO が効くまでには時間がかかる。個人ブログの場合、最初の読者はSNS経由で来ることが多い。

つまり「記事を書く → Xで告知する」というサイクルが、ブログ運営の基本になる。

これを手動でやり続けるのは消耗する。AIを使って記事生成を効率化した分、告知も自動化しなければ意味がない。


自動化の仕組み:RSS × dlvr.it × X

全体の流れはこうなっている。

flowchart LR A["記事を書く\nHugo .md"] --> B["ビルド・デプロイ\nGitHub Pages"] B --> C["RSS更新\n/index.xml"] C --> D["dlvr.it\n1時間ごとに監視"] D --> E["X に自動投稿\nタイトル + URL + ハッシュタグ"] E --> F["読者がサイトへ\nAdSense 収益"]

使ったのは3つだけだ。

1. Hugo の RSS 機能

Hugo は静的サイトジェネレーターだが、デフォルトで RSS フィードを生成する。記事を追加してビルドすると、/index.xml が自動更新される。

1
https://あなたのサイト.com/index.xml

このURLが、自動化の起点になる。

2. dlvr.it(ディリバリット)

dlvr.it は「RSSフィードを監視して、新しい記事が来たらSNSに自動投稿する」SaaSだ。無料プランでも十分使える。

設定は5分で完了する。

1
2
3
4
5
6
7
dlvr.it の設定手順:
1. アカウント作成(無料)
2. Automate → 「New Automation」
3. Feed URL に Hugo の RSS を入力
4. Output に X(Twitter)を連携
5. ハッシュタグ設定
6. 完了

これだけで「RSS が更新されたら X に投稿する」ルートが完成する。

3. X(Twitter)API 連携

dlvr.it から X への連携は OAuth で認証するだけ。X のアカウントを持っていれば追加作業は不要だ。


実際に設定してみた

Step 1: Hugo の RSS を確認する

まず自分のサイトで RSS が有効になっているか確認する。

1
2
3
# ローカルで確認
hugo server
# http://localhost:1313/index.xml にアクセス

<channel> タグと記事の <item> が並んでいれば OK だ。

Hugo のテーマによっては RSS が無効化されていることがある。その場合は hugo.yaml で有効化する。

1
2
3
4
5
# hugo.yaml
outputs:
  home:
    - HTML
    - RSS  # これを追加

Step 2: dlvr.it で自動化を設定する

dlvr.it のダッシュボードから「New Automation」を作る。

Feed URL の設定:

1
https://あなたのドメイン.com/index.xml

Update Frequency:

無料プランでは「Every hour(1時間ごと)」が最速だ。有料プランなら15分ごとにできる。個人ブログなら1時間で十分だ。

Max posts per update: 1〜3

記事をまとめて上げすぎるとスパム扱いされることがある。1〜3 件に絞るのが無難だ。

Step 3: ハッシュタグを設定する

dlvr.it には「Auto-Detected Hashtags」という機能がある。記事のタグを自動でハッシュタグに変換してくれる。

1
Hashtags タブ → Auto-Detected Hashtags → End of Post → Max 5

Hugo の記事フロントマターにタグを設定しておけば、それがそのまま X のハッシュタグになる。

1
2
3
---
tags: ["AI活用", "個人開発", "ブログ自動化", "Hugo"]
---

これが投稿時に #AI活用 #個人開発 #ブログ自動化 #Hugo になる。

ハッシュタグの選び方のコツ:

コミュニティ系タグを1つ入れると効果的だ。たとえば #ブログ #個人開発 などは、そのタグを追っているユーザーの目に入りやすい。


動かして気づいたこと

「Post Immediately」の挙動

dlvr.it の When should we post new items? は「Post Immediately」にしている。

ただし「即座」ではない。「次の定期チェック時に即投稿する」という意味だ。無料プランなら最長1時間後になる。

記事を公開してから最大1時間後に X に流れる、と覚えておくといい。

ハッシュタグが投稿に含まれない場合

dlvr.it の Where should we look for hashtags? が正しく設定されているか確認する。

1
Look in feed items

Hugo の RSS には記事のカテゴリとタグが含まれる。dlvr.it はそこからハッシュタグを抽出する。記事側のタグが設定されていない場合は自動抽出されない。

重複投稿を防ぐ

dlvr.it は「既に投稿したアイテム」を記憶している。同じ記事を2回投稿することはない。

ただし記事を削除して再公開した場合は、新しいアイテムとして認識される可能性がある。注意が必要だ。


AI と組み合わせると何が変わるか

自動投稿の仕組みを作ってから、ブログ運営の感覚が変わった。

以前は「Xに投稿する手間」を考えて、記事を書く前から億劫だった。「書いてもどうせ誰も見ない」という気持ちも、告知の手間が増幅させていた

今は記事を書いてデプロイすれば、それで終わりだ。1時間後には X に流れている。

Claude などの AI ツールで記事の構成や下書きを作り、自分でブラッシュアップして、デプロイすれば自動投稿される。この流れが完成すると、「書くこと」だけに集中できる

特にAIが得意な「技術チュートリアル系」「まとめ系」の記事は、骨格をAIに出してもらって自分の体験談・失敗談を肉付けするスタイルが効率的だ。この記事もその方法で書いている。


Google AdSense との相性

X 経由でサイトに来てもらうことで、AdSense の表示回数が増える。

重要なのは「X 投稿 → サイト訪問 → 記事を読む」という流れを作ることだ。

X の投稿には記事へのリンクが含まれる(dlvr.it が自動で付ける)。クリックしてサイトに来た人は、少なくとも記事タイトルに興味を持っている。直帰率も自然検索よりは高くなりがちだが、記事の質を上げることで改善できる。

AdSense 的に重要なのは「ページビューの総数より、エンゲージメントの質」だ。X 経由の流入を増やしつつ、記事の中で関連記事へのリンクを設置して回遊を促す設計が大切になる。


まとめ:個人ブログ運営の「楽さ」を設計する

この自動化で変わったこと:

  • ブログを書く心理的ハードルが下がった
  • 記事公開後の作業がゼロになった
  • コンテンツ制作に集中できるようになった

必要なツールはすべて無料(または低コスト)だ。

ツールコスト役割
Hugo無料静的サイト生成・RSS自動生成
GitHub Pages無料ホスティング
dlvr.it無料(基本機能)RSS → X 自動投稿
X無料告知・集客
Claude / ChatGPT有料(任意)記事作成補助

AI ツールで生産性を上げた分、「生産したものを届ける仕組み」も自動化する。この両輪を整えることで、個人ブログは継続しやすくなる。

技術的な敷居は高くない。Hugo を使っているなら今日から設定できる。


おまけ:X のフォロワーが 0 人でも意味はある

「フォロワーがいないなら投稿しても意味がない」と思うかもしれない。

でも、それは間違いだ。

X の検索とハッシュタグは、フォロワー関係なく機能する。#Hugo#個人開発 で検索している人の目に入ることがある。

また、ブログのアクセス解析を見ると、Xからのリファラーが意外と早い段階で発生することがある。「どこかで見た」という認知が、後から検索に繋がることもある。

まず仕組みを作る。フォロワーはそのあとでいい。

この記事で紹介した構成は、当サイト(Firebird)でも実際に運用中です。 記事を公開すると自動でXに流れます。@firebird19245 をフォローすると更新がわかります。

この記事をシェアX Facebook はてブ
技術ネタ、趣味や備忘録などを書いているブログです
Hugo で構築されています。
テーマ StackJimmy によって設計されています。