バイブコーディングで 文書作成を完全自動化！

関連するワード：
ChatGPT 　バイブコーディング　DX　バックオフィス　オペレーション改善　属人化解消　UX 　BPR　プロセス設計　業務設計　
スプレッドシート 　エクセル　効率化 　業務自動化　業務改善　書類作成　Googleドキュメント Doc 　時短　人手不足解消　AI活用　生成AI

Transcript

1. バイブコーディングで 文書作成を完全自動化！ 〜 書類作成の「面倒くさい」をAIと楽しく解決する 〜
2. 発表者の紹介 私は現在、スクール運営事業をやっている会社で事務局のカスタマーサポートを担当し ています。 AIを活用した作業の効率化にとても興味があります。 過去には、10年以上前ですがSIerで7年間SEをしていたバックグラウンドがあるので、 少々ですがプログラミングの知見があります。
3. 電子契約書 承諾取得証明書 作成する書類（承諾取得証明書）について これを、自動作成したい！ 証明 お客様がオンラインで契 約書に署名 オンラインで契約を取り交わすことに合 意した、意思を証明する書類
4. やりたいこと 証明書 (Doc) スプレッドシートから抽出して反映 ・スクール名 ・氏名 ・署名日時 ・電子契約書ファイル名 スプレッドシート 　　氏名　　・・　スクール名・・　署名日時　・・ 証明書 (PDF) 変換
5. 00 入力データの事前準備 証明書 (Doc) スプレッドシートから抽出して反映 　　　　・スクール名 　　　　・氏名 　　　　・署名日時 　　　　・電子契約書ファイル名 　　　氏名　　・・　スクール名・・　署名日時　・・ 証明書 (PDF) 既存データをキーにしてファイル を検索。 ファイル名を取得 　　　氏名　　スクール名　　・・署名日時・・　　　　　 電子契約書ファイル名
6. プログラムの構成 ・プログラムを2つのフェーズに分けました フェーズ１：事前準備 契約書ファイル名の取得 フェーズ２：承諾書の発行 使いました
7. 00 従来版の仕様（改変前の半自動プログラム） スプレッドシートから抽出して反映 　　　　・スクール名 　　　　・氏名 　　　　・署名日時 　　　　・スクール名　 　　　　・プラン名 　　　氏名　　スクール名　プラン名　 ・　署名日時・・ 従来の仕様： • 電子契約書のファイル名を取ってくる代わりに、スクール名 プラン名　のデータを手動で補 完していた • 1回に読み込む行が5行　　 　　　　 ※従来版もバイブコーディングで作成。 手動で補完 契約書のファイル名＝ 顧客名 ＋ スクール名 ＋ プラン名
8. フェーズ１：事前準備 ファイル名の取得 フェーズ１：事前準備 ファイル名の取得 フェーズ２：承諾書の発行 使いました
9. フェーズ１：事前準備 ファイル名の取得 対象ファイルにGASを設定します。 以下のプログラムを作成し てください 対象シート： （スプレッドシートのURL） 読み込む行：2 名前(変数name) ：P列 スクール(変数school)：I列 検索先フォルダ： （契約書が格納されているGoogleフォルダの URL） 検索先フォルダ配下にあるフォルダから ファイル名に　変数 nameと変数schoolと、文字列"受講契約書" を　含むファイル名 を取得。 そのファイル名をT列に記載 出力されたコードを実行。 しかし、、終わらない・・ 最初の指示。まず、1行だけのデータで試す
10. フェーズ１：事前準備 ファイル名の取得 スクリプトを実行しても終わらないんだけど、 どこで詰まってるんだろう？ プログラムが終わらない原因の特定 一番「怪しい」のは、Driveのフォルダを再帰的にた どっている部分で時間がかかっている（＝ほぼ終わら ない） 可能性が高いです。 特に、 ・検索先フォルダ配下にフォルダがたくさんある ・その下にもさらにサブフォルダが深く続いている という構成だと、今のような「全部のサブフォルダを端 から端まで見る」書き方だと、Apps Script の「実行時 間上限（だいたい6分）」に引っかかりやすくなります。 スクール１ スクール２ 契約書格納フォルダ（検索先） 2025年1月 2025年2月 : :
11. フェーズ１：事前準備 ファイル名の取得 2階層下まで見たい。そして、ファイルが見つかったらU列にフォル ダ名も出力する仕様にして 検索範囲を絞る もっと軽くしたいので、検索のときは以下の手順に変更して ・1階層下のフォルダで、フォルダ名に変数schoolを含むフォルダ を特定 ・特定したフォルダ配下から、対象のファイルを検索する スクール１ スクール２ 契約書格納フォルダ 2025年1月 2025年2月 : : →実装 →実装
12. フェーズ１：事前準備 ファイル名の取得 いいですね！では複数行処理するプログ ラムに改変したいです ・まずは2行目を対象にする ・処理が終わったらつぎの行に移行 ・P列が空白セルになったら処理を終了 複数行に対応できるように改変 承知いたしました！ では、2行目から順に処理を開始し、 P列（名前）が空欄の行で停 止する、複数行対応のGASに改変いたします。 ロジックは以下の通りになります： 1. 2行目からスタート 2. 各行ごとに ◦ I列（スクール） ◦ P列（名前）　を取得 3. P列が空ならその時点で 処理終了 4. 上で作成したロジック（フォルダ名に school を含むフォルダ → そのフォルダ配下からファイル検索）を実行 5. 見つかったファイル名を T列、フォルダ名を U列 に出力 6. 次の行へ進み、繰り返し ↑ざっくり指示でOK
13. フェーズ１：事前準備 ファイル名の取得 さらに、以下を付け加えて ①取得したスクール名が以下の場合は文字列を変換する 「〇〇スクール（△△コース）」 →「〇〇スクール」 「××プロジェクト（□□支援）」 →　××プロジェクト ②ファイル名をT列に記載するときに、末尾の".docx" は削除す る 表記ブレに対応　 入力データの文言と、契約書のファイル名に違い があると見つけられないケースに対応 微調整 ファイル名を取得する際に、拡張子を捨てる
14. プログラムの構成 フェーズ１：事前準備 ファイル名の取得 フェーズ２：承諾書の発行 使いました
15. フェーズ２　承諾書の発行 いったんこのフェーズは完結です。 次のフェーズは別のプログラムで、以下のプログラムを改変してほしい。 ループ処理は、2行目からP列が空白になるまで。 【お名前様：（スクール名）】電子契約についての承諾取得証明書 上記のファイルを複製。この複製したファイルをAとする ファイルAのファイル名と、文書内の文字列を、以下で置換 受講契約書名　→　T列 お名前　→　P列 スクール名　→　V列 ◦月◦日　→　R列 ◦時◦分　→　Q列 今月今日　→　S列 ＃（従来のプログラムのソースコードをまるっとコピー） プログラム改変の指示
16. フェーズ２　承諾書の発行 ドキュメント内の文言、例えば　”スタンダード”　だと濁点と文字が空いちゃうのはなんで？ 想定外の表記 生成されたファイルに記載される文字に濁点がある場合、間が空いてしまった 例） スタンダード　→「スタンタ゛ート゛」 ➡以下のように指示：
17. フェーズ２　承諾書の発行 原因の解明と解決策の提示 ご質問の現象、とてもよく起きる “GAS＋Googleドキュメント特有のバグ ” です。結論から言うと、 ✅ 原因 Google ドキュメントの内部では、濁点（゛）や半濁点（゜）が “合成文字（結合文字） ” として扱われているため、 replaceText() が文字の結合を壊してしまう　 という Google Docs 側の仕様（不具合に近い動作）です ✅ 回避策（根本対応） 以下のどれかで解決できます。 ① 置換前に必ず「検索用プレースホルダ」を使う（推奨） ② 置換対象文字列に正規化処理を入れる ③ テンプレート文書を「一度すべてコピペし直す」
18. フェーズ２　承諾書の発行 原因の解明と解決策の提示 🔧 推奨する実装（あなたのケースに最適） ✔ 置換する値（ name、school、contractName）はすべて NFC へ正規化 ： 必要であれば、 あなたのプログラムに 正規化対応を完全に組み込んだ全文 をこちらで作り直しますので、「入 れてほしい」と言っていただければすぐに反映いたしますね。 入れてほしい！ 実装完了！
20. まとめ ▪ バイブコーディングのメリット 言語の壁の解消 ：コードが書けなくても、やりたいことを伝えるだけで瞬時にコードを生成。 エラー解決の手間の軽減 ：プログラムが想定通り動かない場合でも、エラー文を貼るだけ でAIが修正案を提示 新しい知識の習得： 実践を通して知らないことも教えてくれる
21. まとめ（つづき） ▪ バイブコーディングの　課題、問題点 例外・エラーの洗い出し不足の危険性： 行き当たりばったりだと、出たとこ勝負でエラーを潰していくことになる。 例外の想定には注意深くなる必要がある。 ＡＩに例外の想定をしてもらうこともできるが、それで十分かは確証がもてない、、 　
22. まとめ（つづき） ▪ バイブコーディングを活用するスタンス 「完璧」より「ラリー」 : 最初から完璧な指示を出そうと悩むより、「ふわっと」投げ、出てきたものを見て軌道修正 する方が早い場合も。 プログラムが動く「仕組み」を抑えておきたい： プログラムが「どう動くか」のイメージを持っていると、指示がより的確になる。知識がある のに越したことはない。 「ニーズ」を具体的に語る： 自分の中に「完成図」があるなら、具体的に指示を出すのが「手戻り」を減らす最短ルート かも。
23. おしまい ご清聴いただきまして、ありがとうございました！