INTRODUCTION

はじめに — この教材で手に入るもの

はじめまして。この教材を手に取っていただき、ありがとうございます。

私は普段、チーム運営や事業の現場で、提案書・報告資料・掲示ポスター・帳票 といった「人に見せる資料」を日常的に作っています。以前は1枚の資料に半日かけていましたが、今は違います。

ある夜、チームに掲示するA3横のポスター資料を作ったときの記録が残っています。22時21分に作業開始、22時39分にはPDFが完成。微調整を含めても31分でした。デザイン会社に頼めば数日と数万円かかる仕事です。

使ったのは、ふだんのAIチャット画面と、この教材で解説するたった1つの考え方 だけです。実は私自身、この方法をチャット版のAIだけ で実践してきました。特別なツールがなくても成立します。そのうえで、今から始めるならAIコーディングツール「Claude Code」を使うと、ファイル保存や変換の手間が消えてさらに使いやすく なります（違いは後述します）。

こんな人におすすめ

構成を考える前に、まず手元の材料をAIに渡したい人。 メモ・既存資料・Excelをまるごと入れて、足りない情報の洗い出しごと構成から考えてもらう ——この教材のPhase 1がまさにその手順です
試行錯誤はしたい。でもAIの利用料（トークン）は節約したい人。 HTMLファースト式なら修正は「差分だけ」。パワポを直接作り直させる場合との差は、本編で実測データ を見せて説明します
AIにパワポを頼んで、崩れたスライドにガッカリした経験がある人。 原因はAIの性能ではなく「頼む順番」でした
提案書・稟議・報告資料に毎回何時間もかかっている人。 1枚半日が、日本語の指示だけで30分になります
デザインに自信はないが、見た目で損はしたくない人。 配色もレイアウトもAIに任せて、あなたは目で確認するだけ
提出形式（PDF・パワポ・Googleスライド）がバラバラで振り回されている人。 原本1つから全形式に変換できます

この教材を読み終えると

AIが作る資料のクオリティが「テンプレ感のあるパワポ」から「デザイナーが作ったような1枚」に変わる
A4縦の報告書、A3横のポスター、16:9のスライドを同じ手順 で作り分けられる
PDF・パワーポイント・Googleスライド、どの形式で提出を求められても対応できる
修正指示の出し方がわかり、「AIに頼んだけど直すほうが大変」から卒業できる

必要なもの

AIツール ：Claude / ChatGPT / Gemini のチャット版でOK 。私も実際にチャットだけでやってきました。Claude Codeがあれば、より快適です
ブラウザ ：Chrome推奨（HTMLの確認とPDF変換に使います）
プログラミングの知識は一切不要 です。コードは全てAIが書きます。あなたの仕事は「日本語で指示を出し、目で確認すること」だけです。

チャット版とClaude Codeの違い（どちらでも完成します）

やることは同じです。チャット版でも、AIが作ったHTMLはそのままファイルとしてダウンロード できます（Claudeのアーティファクト、ChatGPTのキャンバスなどからワンクリック保存 → ダブルクリックで開く）。

チャット版 ：ダウンロード → ブラウザで開く → Cmd+PでPDF化、というファイル操作を自分の手 で行います。パワポ変換も、AIが作った変換スクリプトを自分の環境で動かす一手間があります
Claude Code ：保存・開く・PDF/パワポ変換まで全部AIが直接やってくれる ので、あなたは日本語で指示するだけ。修正も手元のファイルに直接反映され、フォルダごと素材を渡せるのも強みです

SHOWCASE（無料公開）

まずは完成品をお見せします

言葉で説明するより、見てもらうのが早いと思います。

架空の会社「株式会社ミナモト商事」の経費精算ペーパーレス化のご提案 ——社内稟議にそのまま出せる業務改善提案書を題材に、この教材のワークフローをそのまま実演しました。かかった時間は、指示出しからGoogleスライド用ファイルの完成まで合計30分弱 。私が書いたのは日本語の指示だけで、コードは1行も書いていません。

素材用意するのは、簡単な企画のワードだけ — メールの下書きでもOK

出発点はこれだけ。ワードで打った簡単な企画メモ です。体裁は一切気にしなくてOK。メールの下書きや箇条書きのメモでも構いません。目的は中身（現状の課題・改善案・効果試算・導入スケジュール）が書いてあること だけです。

STEP 1 「これをHTMLにして」と頼む — 構成が一気に整理される

用意したワード（またはメールの下書き）をAIに渡して、「これをHTMLにして」 と一言。見出し・表・箇条書きが整理されたHTMLの下書き になります。この時点ではまだ資料の顔ではありませんが、それでOK。ここで内容を確定させてから次へ進む のがポイントです。

STEP 2 「A3横・1枚で」と指定して本組み — 一気にプロの顔になる

内容が固まったら「これを、A3横・1枚に収まる資料にして」と一言。配色・フォント・カード型レイアウトまで、AIが社内提案書らしい信頼感のあるデザインに仕上げます。さきほどの下書きと、載っている情報（課題・3ステップ・数字・スケジュール）は同じものです。 デザインを一から考え直したわけではなく、指定したのは「A3横1枚で」だけ。途中で下段がはみ出しましたが、それも「1枚にぴったり収まるように調整して」の一言で解決 しました。

STEP 3 Googleスライドに変換 — 全部が編集可能なテキストのまま

最後に「この内容をパワーポイント形式に変換して」と指示。用紙サイズの資料から16:9のスライド に組み替わります。オレンジの点線がひとつひとつのテキストボックス ——画像を貼り付けた箇所はゼロで、金額も日付もクリックすればその場で打ち替えられます。できた .pptx をGoogleドライブに入れて開けば、そのままGoogleスライドです。

ここまで見て、「自分の仕事の資料でこれができたら」と思った方のために、この後の有料パートでこの3ステップを再現するための具体的な手順・考え方・コピペで使えるプロンプト（指示文）のすべて を解説します。

購入者特典｜AIに一度だけ登録する「HTML出力ルール」

本編に書ききれなかった裏側の仕組みを、特典としてお渡しします。AIに一度登録しておくだけで、毎回の指示が劇的に短くなるルール一式です。

登録前：「A3横で、余白は8mmで、外部フォントは使わないで、印刷しても背景色が消えないようにして、ファイル名にバージョン番号をつけて…」と毎回打つ。
登録後：「この内容で提案書を作って。A3横で」——以上。

印刷で背景色が飛ばない指定、表がページ途中で割れない指定、日本語が変な位置で改行されない指定、そして出力前にAI自身が自己チェックして報告するルールまで含んでいます。最後のひとつは、指摘して直す往復が減るぶんトークンの節約にも直結します。

Claude / Claude Code / Gemini / ChatGPT のどこに貼るかを図解した設置ガイド付き。フル版と、文字数制限のある欄用の短縮版を同梱しています。

なぜAIに「パワポを直接」作らせると失敗するのか

まず、多くの人がやってしまう失敗から。AIに「〇〇のパワポを作って」と頼むと、たいていこうなります。

文字がテキストボックスからはみ出している
図形の位置がバラバラで、揃っていない
デザインが古臭い「ザ・テンプレート」
直そうとすると、1個ずつテキストボックスをドラッグする羽目になる