AI活用

n8n AIワークフローで生成したHTMLスライドをレビュー用URLにして共有する方法

n8nのAIワークフローでHTMLスライドを自動生成する場合、プロンプトを微調整するたびに新しいHTMLが生成されるため、どの版をレビュアーに送ったかの管理が複雑になりがちだ。ファイルを都度送ると受け取り側で版が混乱し、フィードバックが古い版への指摘だったというトラブルも起きる。URLを固定して上書き更新できる共有サービスを使えば、常に最新版を同じURLで届けられる。

何が共有しづらいのか

n8nのCode NodeやHTTP Requestノードで生成されるHTMLスライドは、ライブラリのバージョンを固定せずにCDNの最新版を参照するケースがある。共有タイミングによってreveal.jsのバージョンが変わり、同じHTMLでもアニメーション挙動が異なって見えることがある。共有前にCDNのURLをバージョン固定形式(例: `cdn.jsdelivr.net/npm/reveal.js@4.5.0/`)に書き換えておくと安定する。

n8nのワークフロー実行ログにアクセスするにはn8nアカウントが必要なため、生成されたHTMLをそのURLで渡すことはできない。ZipファイルをSlackで送る方法は非同期のコミュニケーションでは問題ないが、プレゼン前日の修正など時間が迫った状況では受け取り側がファイルを見つけるのに手間取ることがある。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

n8nワークフローでスライドを生成する際に使ったAPIキーや中間データがHTMLのコメント行に残っていないかを確認する。Code NodeでJSを書いてHTMLを組み立てた場合、デバッグ用に入れたconsole.logやHTMLコメントに変数の中身が書き出されていることがある。ブラウザのDevToolsでコンソールを開き、ページ読み込み時のログに機密情報が出ていないか確認する。

スライドにハイパーリンクが含まれる場合は、すべてのhref属性の値をリスト化して確認する。n8nのAIがウェブ検索して自動でURLを挿入した場合、リンク先が存在しないページや、社内WikiのURLになっていることがある。外部公開するスライドでは全リンクをブラウザで開いて到達できることを確認する。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

社内向け定例報告スライドのドラフトであれば会社ドメイン認証で十分だ。毎週自動生成して同じURLに上書きする運用にすれば、レビュアーはブックマークURLを開き直すだけで最新版を確認できる。n8nのScheduleトリガーでワークフローを自動実行し、生成後に共有サービスへの自動アップロードまで組み込むと完全自動化できる。

社外のクライアントや投資家向けプレゼンのドラフトは、パスワード認証と短い有効期限(3〜5日)を組み合わせる。提案後に期限が切れれば自動でアクセスできなくなり、古い版が流通し続けるリスクを防げる。期限延長が必要な場合はサービス側で手動で再設定する。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

n8nで自動生成したスライドは内容の正確性確認が特に重要だ。AIが生成した数値や事例が正しいかどうかを担当者に確認してもらうため、「スライド内の数値・固有名詞・事例で気になる点を具体的に教えてください」という観点で依頼すると精度が上がる。URLとともにGoogleフォームを添付して1スライドずつ評価してもらうと整理しやすい。

n8nでスライドを再生成した後は、どのプロンプト変数を変更したかをコミットメッセージのように記録しておく。「見出しのトーンをフォーマルに変更、データは2024年版に更新」といった記録と共有通知を一緒に送ると、レビュアーが何が変わったかを把握しやすい。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

n8nで毎週スライドを自動生成して同じURLで共有するにはどうすればよいですか?

ScheduleトリガーノードでワークフローをCron実行し、最終ノードでHTMLファイルを共有サービスのAPIへPOSTする構成にします。共有サービスが上書きAPIをサポートしていれば同じURLを維持できます。

n8n生成スライドのCDN参照ライブラリのバージョンが変わって表示が崩れました。どう固定しますか?

CDN URLをバージョン固定形式(例: `cdn.jsdelivr.net/npm/reveal.js@4.5.0/dist/reveal.css`)に書き換えます。n8nのCode NodeでHTML生成時にバージョンを変数として管理すると将来の更新も一箇所で対応できます。

n8nのAIが挿入したリンクが社内WikiのURLになっていた場合、共有してよいですか?

社内WikiのURLは社外から到達できないため共有前に削除またはダミーURLに差し替えてください。共有後にレビュアーがリンク切れを報告してくる原因のほとんどはこのパターンです。

関連記事

「AI活用」の記事をもっと見る →