【第2部-5回】:総仕上げはAIと!試験対策用の「チートシート」を高密度レイアウトで作り上げた方法
AIとPMP試験対策用の高密度な「チートシート」を作成した実践記録。膨大な学習教材から重要事項を抽出し、3カラムのレスポンシブなカスタムレイアウトへ情報整理・再構成をAIに指示する具体的なプロンプトや、デザインと言語化のポイントを解説します。

この記事はシリーズ構成となっており▶️マークが現在の記事となります
プロローグ
AIは「新人」であり「Web開発」である - 成果を最大化する生成AIとの付き合い方
第1部 僕がAIを最高の相棒にするまで:ブログ運営改善プロジェクト全記録
第2部 PMP資格の学習教材を、AIを相棒にしてゼロから作り上げる
【第1回】AIは優秀な壁打ち相手になるか?自作教材の構成レビューと改善提案
【第2回】AIとの開発で品質を担保する!20章超の教材デザインを統一したHTMLテンプレート設計秘話
【第3回】ただのテキスト変換じゃない!AIに複雑な概念を「図解」させるプロンプト術
【第4回】AIは完璧じゃない!生成コードのエラーと向き合い、修正・改善した実践録
▶️【第5回】総仕上げはAIと!試験対策用の「チートシート」を高密度レイアウトで作り上げた方法
【第6回】AIとのプロジェクト完遂!一連の体験から学んだAI時代のプロジェクトマネジメント術
第3部 AIを相棒にしたシステム開発プロジェクト全記録
テーマ: 情報の要約と再構成
前回の記事はこちら:https://axis.migalo.co.jp/column/k021
① はじめに
こんにちは。AIと一緒にPMPのオリジナル教材を作るプロジェクト、その開発記録をお届けする連載の第5回です。
前回は、AIが生成したコードのエラーと向き合い、対話を通じて修正・改善していく「デバッグ」のプロセスをご紹介しました。数々の課題を乗り越え、全24章のインフォグラフィック化がついに完了。プロジェクトは、いよいよ「総仕上げ」のフェーズを迎えました。
学習の総仕上げに欠かせないもの、それは試験直前に全体を高速で復習できる「まとめノート」や「チートシート」です。今回は、これまで作成してきた膨大なコンテンツの中から、重要事項だけを抽出し、いかにして実用的な一枚のシートに落とし込んでいったか、そのプロセスをお話しします。この記事を読めば、AIを情報整理の「編集者」兼「レイアウトデザイナー」として活用し、高密度な学習資料を作成する具体的な方法が分かります。
② 課題・目的
これまでの章は、一つ一つの概念をじっくり理解してもらうため、余白を活かした見やすいデザインを心がけてきました。しかし、最終章である「暗記・頻出図表まとめ」に求められるものは全く異なります。
最終章に求められる要件:
一覧性: 複数の関連知識を一度に見渡せること。
情報密度: ページあたりの情報量が多く、スクロールを最小限に抑えたい。
検索性: 自分が確認したい項目をすぐに見つけられること。
これまで使ってきた共通テンプレートは、この要件を満たすには不向きでした。あのレイアウトのままでは、情報が縦に長くなりすぎてしまい、試験直前の効率的な見直しには使えません。
目的: これまでの全章からPMP試験の重要ポイントをAIに抽出させ、それらをA4用紙1〜2枚に収まるような、情報密度の高いカスタムレイアウト(チートシート)に再構成させること。
③ AIへの具体的な指示(プロンプト)
このタスクは、単にHTML化するのとはわけが違います。「コンテンツの要約」と「特殊なレイアウト設計」という2つの高度な要求を同時に満たす必要があります。そこで、私はAIに以下のような、これまでで最も詳細な指示を出しました。
【私からの指示】
これまでの全章のインフォグラフィックHTMLを元に、PMP試験対策用の「暗記・頻出図表まとめ」ページを作成してください。これは最終章であり、これまでのテンプレートとは全く異なるレイアウトが要求されます。
【コンテンツ要件】
・情報の抽出: 各章から、特に暗記が必要な重要事項(計算式、キーワードの定義、フレームワークの図など)をすべて抜き出してください。
・情報の分類: 抽出した情報を、「計算式」「フレームワーク」「重要用語」などのカテゴリに分類・整理してください。
【レイアウト要件】
・多段組レイアウト: 全体を3カラムのレイアウトにしてください。
・カード化: 各カテゴリの情報は、枠線で囲まれた「カード」としてまとめてください。
・視覚的階層: 各カードには明確な見出し(h4タグなど)を付けてください。
・省スペース: 全体的に余白(margin, padding)を通常より小さくし、情報密度を高めてください。
・レスポンシブ対応: スマートフォンで見る場合は、3カラムではなく1カラムにしてください。
このプロンプトのポイントは、編集者のように「情報をどう扱うか」という指示と、デザイナーのように「それをどう見せるか」という指示を明確に分離し、両方を具体的かつ網羅的に伝えた点です。
④ AIの応答と結果
この複雑な要求に対し、Geminiは見事に応えてくれました。
まず、過去のHTMLファイル群をすべてスキャンし、EVMの計算式、タックマンモデルの5段階、リスク対応戦略の種類といった重要項目を正確にリストアップしました。
次に、それらの情報を私が指示した通りの3カラムレイアウトに配置し、各項目をカードとして整理したHTMLとCSSを生成しました。完成したページは、まさに私が思い描いていた「チートシート」そのものでした。情報がカテゴリごとに整理され、視覚的に探しやすく、それでいて無駄なスペースが一切ない、高密度なデザインに仕上がっていました。AIとの共同作業の集大成として、これ以上ない成果物が完成した瞬間でした。(この複雑な指示によって、実際にAIが生成した『チートシート』がこちらです。)

⑤ 考察・ポイント
プロジェクトの総仕上げから得られた、AI活用の新たな知見は以下の通りです。
・AIは「要約+再構成」の超高速編集者である AIの真価は、情報を生成するだけでなく、既存の膨大な情報の中から本質を抜き出し、新たな切り口で整理し直す能力にあります。人間がやれば数時間はかかるであろう「全章の見直し→重要点の抽出→分類」という作業を、AIは数分で完了させました。
・レイアウトの言語化能力が表現の幅を決める 「3カラム」「カード化」「省スペース」といった具体的なレイアウト用語を使って指示できるかどうかで、AIが生み出すデザインの質は大きく変わります。WebデザインやDTP(デスクトップパブリッシング)の基本的な知識が、AIへの指示の解像度を上げる上で非常に役立ちます。
・プロジェクトの最後にこそAIの力が活きる プロジェクトの成果物がすべて出揃った最終段階で、それらを俯瞰し、要約し、新たな価値を持つドキュメントとして再生産する。このような横断的な情報処理は、AIが最も得意とするところです。
あなたのプロジェクトで試すには あなたのプロジェクトで作成された、長大な仕様書や複数の議事録はありませんか? それらのドキュメントをAIに渡し、「この内容から、プロジェクトの重要決定事項だけを抽出し、箇条書きで要約して」と依頼してみましょう。AIは、膨大な情報の中から要点を見つけ出す、強力なリサーチアシスタントになります。
⑥ まとめと次回予告
プロジェクトの最終成果物として、AIと共に試験対策用の「チートシート」を完成させることができました。これは、AIが単なるコンテンツメーカーではなく、プロジェクト全体の情報を統合し、最終的な価値を最大化する「クロージングの専門家」にもなり得ることを示しています。
さて、これですべての成果物が完成しました。私たちの長くも刺激的だった「PMP教材作成プロジェクト」は、ついに完遂です。
次回、このシリーズの最終回。この「人間一人+AI」という特殊なプロジェクトを完遂して見えてきた、AI時代の新しいプロジェクトマネジメント術について、私の学びを総括します。


