自分のブログ記事を学習させた「AI 記事案内のパーツ」を設置してみたので、その作業メモを残しておきます。
簡単にブログパーツの内容は、記事内容を学習させておく、AIチャットボットとの対話で学習した内容に基づいた回答を出力。といった簡易的なものです。かつてのブログペットのような人工無脳のパーツに近いかもしれません。(精度はそれなりになります、業務向けには専門に解説されているサイトを参照してください)
注意点として本文途中にも記載しましたが、本格的な運用には APIは有料版が推奨されています。
必要なサービス
今回使ったのは以下の3つです。無料枠の範囲で実現しています。
サービス登録から設置の手順
Difyは、ノーコードで生成AIアプリケーションを作ることのできるサービスです。どんなことができるかの詳細は本記事では省略させていただきます。
「今すぐ始める」のような文言をクリックします。
登録の時に使える方法は以下の通りです。
私の場合は上記のどれを選択してもよかったのですが、GitHubのアカウントを持っているので GitHubにて行いました。
Google のアカウントがある人はそちらでいいかと思います。
Google Gemini APIの利用
APIキーを取得するために、Google AI Studioにログインします。これは Google アカウントがあればすぐに行うことができます。
基本、左下メニューの「Get API Key」ボタンのところをクリックして指示に従って作成しますが詳しい解説は 「Gemini API キー取得」などで検索すれば解説サイトが見つかります。（できるだけ最近の記事を参照されることをおすすめします）
なお、 取得したAPIキーは安全に管理する必要がありますので他者が簡単に見られるような場所に置いたりしないようにします。
サービス登録から設置まで
基本的にはDifyにAPIキーを入れるという流れで、はてなブログのエクスポートデータをアップロードするだけです。
- ブログへの埋め込み: Difyで発行されたコードを、はてなブログのサイドバーに貼り付けるだけで、右下にチャットボタンが表示されるように
Difyから埋め込みのコード取得は、作成したアプリの任意の名前の管理ページのオーケストレートという項目の画面上の「公開する」のメニュー内の「サイトに埋め込む」から発行されます。
（3種類あります。iframeでの埋め込み・スクリプトによるブログパーツ・Chrome拡張。今回ははてなブログに導入するのでスクリプトによるものを選びました）
設置したパーツの様子です。サイドバーへの埋め込みなのでスマホ向け表示ではパーツが出現致しません。
⚠️設置後の動作状況の確認と運用上の注意点
今回は「無料枠」で行ってますためレート制限というものが設けられています。
Google AI Studio にログイン、Dashboard から 「使用量と請求額」（言語設定が日本語の場合です）から確認しておきます。2025年12月頃から大幅に制限が強化されレートの下限が下げられているようなので注意してください。本格運用には有料版が推奨されています。
Dify アプリの「プロンプト」の記載によって回答出力のルールを細かく設定できます。
実際に設定した「URL生成ルール」の指示：
記事を紹介する際は、以下のルールでURLを組み立ててください。 ・ベースとなるURL：https://[あなたのドメイン]/entry/ ・末尾の識別子：ナレッジ（記事データ）内にある BASENAME をそのまま使用する ・完成例：https://[あなたのドメイン]/entry/[BASENAME] ※ 根拠のないURLを捏造することは厳禁。
個人情報入力があった場合の処理をどうするか
エラーメッセージの前に「恐れ入れますが、」を添えてなど。
「中の人」情報を教えるカスタマイズ： 記事とは別に、自分のSNSリンクやプロフィールを「YAML形式」というAIが読みやすい書き方でまとめて、追加のナレッジとしてアップロードしました。
