ASADASHI
AI出力形式の設計と継続的な仕組み化をミニチュア紙工作で表現したジオラマ
時短ハック2026.05.27·読了 2·難易度: やさしい

AI出力、「見せ方」で生産性が変わる時代へ

AI出力形式の設計と継続的な仕組み化をミニチュア紙工作で表現したジオラマ

朝の出汁版(通勤2分)

  • ポイント1: Claude CodeチームエンジニアのThariq Shihipar氏がHTMLによる出力がMarkdownより表現力に優れると指摘するなど、AIへの指示だけでなく『出力形式の設計』が実践者の間で関心を集めている。
  • ポイント2: ChatGPTのプロジェクト機能を使ったロードマップ作成、GoogleのWorkspace IntelligenceによるGeminiを使った議事録・メール横断の自動報告書生成など、AIを『1回のプロンプト』ではなく『継続的な仕組み』として使う流れが複数の発信者に共通して見られる。
  • ポイント3: まず試したい人は、普段Markdownで出力させているプロンプトをHTML指定に変えてみるか、ChatGPTのプロジェクト機能でよく使う作業のコンテキストを事前に登録するところから始めると手が動きやすい。

出汁の素(深読みモード)

これって結局どういうこと?

AIへの指示(プロンプト)の書き方が注目されてきた一方で、「何を出力させるか」に加えて『どのフォーマットで出力させるか』が実践者の間で話題になっている。Claude CodeチームエンジニアのThariq Shihipar氏が5月初旬に指摘したのは、AIの出力形式をMarkdownではなくHTMLに変えると、SVG図やインタラクティブなUIも含められ表現力が大きく上がるという点だ。同時に、ChatGPTのプロジェクト機能やGoogleのWorkspace Intelligenceを使った「仕組み化」の流れも複数の発信者に共通して見られる。要は、AIを「1回のプロンプトで答えをもらうツール」から『継続的に動く仕組み』として設計する段階に、実践者の関心が移ってきているということだ。

なぜこのタイミングで重要?

注目したいのは、この動きが「より良いプロンプトの書き方」という話ではなく、出力の設計・フォーマット・コンテキストの管理まで含めた『AI活用の設計思想』の変化を示している点だ。

Markdownはシンプルで扱いやすい反面、表現できる情報の種類に限界がある。Shihipar氏が指摘するHTMLへの移行は、AIの回答を「テキストとして読む」のではなく「ページやUIとして受け取る」発想の転換でもある。トークン消費が4〜8倍になるコスト増というトレードオフはあるが、成果物の品質や使い勝手が変わるなら検討する価値はある。

一方、ChatGPTのプロジェクト機能やGoogleのWorkspace Intelligenceが示すのは「毎回ゼロから指示しない」設計の方向性だ。議事録・管理シート・メールを横断してGeminiが自動で報告書を生成するワークフローは、以前紹介したAIを「使い分け」から「連携」へ。プロンプト設計の新常識の延長線上にある。

これら3つの事例に共通するのは、「AIを呼び出すたびに設定を作り直す」手間を減らし、成果物の質を安定させる仕組みを持つことへの関心だ。使う側として押さえておくべきは、プロンプトの言葉遣いだけでなく、出力形式とコンテキスト管理の2軸が生産性の差を生み出し始めているという現状認識だ。

具体的に始めるなら

① HTML出力を試す(Claude / ChatGPT)

普段Markdownで出力させているプロンプトの末尾に「出力はHTMLで、ブラウザで直接表示できる形式にしてください」と加えるだけで試せる。生成されたHTMLをメモ帳などで保存し、.html拡張子で開けばブラウザで確認できる。図解や比較表、簡易ダッシュボード的な成果物を作りたい場面で特に有効とされている。無料プランのChatGPTやClaudeでも試せる範囲だが、トークン消費が増える点は念頭に置きたい。

② ChatGPTのプロジェクト機能でコンテキストを事前登録する

ChatGPT(https://chatgpt.com)にアクセスし、左サイドバーの「プロジェクト」から新規プロジェクトを作成。「プロジェクトの指示」欄に、自分がよく使う作業の背景情報(例:「私はフリーランスのWebデザイナーです。クライアント向けの提案資料を作ることが多い」)を書いておくと、毎回同じ前提を説明しなくて済む。Plus(月20ドル)以上が対象で、無料プランでは利用できない点に注意。

③ Google Workspace Intelligenceで報告書生成を試す(Googleユーザー向け)

GoogleドキュメントやGmailを日常的に使っている人は、Workspace上のGeminiが議事録・スプレッドシート・メールを横断して情報を拾い、指定フォーマットで報告書を出力できる機能が使える。Google Workspace Business Standard以上のプランに含まれるため、組織のプランを確認するところから始まる。個人用Googleアカウントでは現時点では利用できない。

組み合わせるなら

Claude Codeを外出先でも止めない4つのコツでも触れたように、Claude Codeをすでに使っている人は、HTML出力とSVG図の組み合わせで「コードの説明資料」を自動生成する用途が相性よさそうだ。プロジェクト機能とHTML出力を組み合わせると、コンテキストを保持しつつ毎回クオリティの高い成果物が出てくる設計が作りやすくなる。

よくある疑問

Q. HTML出力にするとトークンが4〜8倍になるのは本当に問題になる?

Shihipar氏が指摘しているように、コスト増は無視できないトレードオフだ。毎日大量に生成する用途では料金が跳ね上がる可能性がある。一方で、週1回の報告書や、人に見せるアウトプットの完成度を上げたい場面では許容範囲に収まることが多い。まずは用途を絞って試し、コストと成果物の質を見比べてから判断するのが現実的だ。

Q. ChatGPTのプロジェクト機能は無料で使える?

現時点では無料プランには含まれていない。ChatGPT Plus(月20ドル)以上のプランで利用可能。ただし、OpenAIのプラン変更は頻繁に行われるため、最新情報は公式サイト(https://openai.com/chatgpt/pricing)で確認することを勧める。

Q. Google Workspace IntelligenceのGemini機能は日本語で使える?

公式情報によると、Gemini for Google Workspaceは日本語インターフェースにも対応している。ただし、複数ファイルを横断した高精度の読み取りは英語ドキュメントで先行している部分があり、日本語ドキュメントでの精度は実際に確認する必要がある。社内の議事録や報告書フォーマットが日本語の場合は、小さいスコープで試してから横展開するのが無難だ。

もう一歩踏み込みたい人へ

HTML出力を自動化のパイプラインに組み込みたい場合、Claude APIやOpenAI APIでシステムプロンプトに出力形式を固定する方法が使える。systemロールのプロンプトに「すべての回答はHTMLとして出力し、<html>タグで囲んでください」と記述すると、以降のリクエストで一貫してHTML形式が返ってくる。生成されたHTMLをそのままS3やVercelに保存するスクリプトと組み合わせれば、プロンプトを投げるだけで公開可能なページが自動生成されるパイプラインが作れる。

ChatGPTのプロジェクト機能に相当する「コンテキストの永続化」は、APIではAssistants APIのThread・Runの仕組みで実現できる。公式ドキュメント(https://platform.openai.com/docs/assistants/overview)に実装例が掲載されている。

Google Workspace側は、Apps Scriptを使ってGemini APIを呼び出し、スプレッドシートの内容を自動要約してGoogleドキュメントに書き出すフローが組める。Googleの公式サンプルリポジトリ(https://github.com/googleworkspace/apps-script-samples)に参考実装がある。AIを1つに絞るのはもったいない時代でも触れたように、ツールを横断した自動化を考えるなら、各サービスのAPIをつなぐ設計の視点が有効になってくる。

元になったツイート

  • AnthropicのClaude CodeチームエンジニアThariq Shihipar氏「出力はMarkdownよりHTMLが効う」とする記事が5月初旬に拡散。 HTMLはSVG図・インタラクティブUIも含められ、表現力はMarkdownを上回る。一方、トークン消費は約4〜8倍。

  • AI環境アップの過程: 趣味で自主音楽レッスンのロードマップをChatGPTのプロジェクト機能を初めて使って作る

  • Googleの「Workspace Intelligence」を活用して、定例報告書を自動生成しました。 Geminiが議事録や管理シート、メールの指示を横断的に解釈し、指定のフォーマットで一発出力。 「探す・まとめる」手作業から解放される、これからのナレッジワークの形だと感じています↓ https://t.co/Yd9umTEf0M

参照ソース