
中田のあっちゃん一撃黒板プロンプトの衝撃[Ver3.7]
こんにちは、TANREN代表の佐藤勝彦です。
今日は、「中田のあっちゃん一撃黒板プロンプト Ver3.7」の素晴らしさについてお伝えしたいと思います。
言わずとしれたかの有名なYoutuber さまの板書スキルが凄い!
これを「プロンプト一撃で再現できないか?」と編み出したのが
初版の作品でした。
#昼飯くいながら今日も1日1プロンプト制作#日々是鍛錬#中田のあっちゃん板書プロンプト
— 佐藤 勝彦(TANREN_CEO)┃生成AIエバンジェリスト (@jrpj2010) October 10, 2024
いい感じにまとまった♪
一撃でトークスクリプトから板書
まとめてくれまっせ!
今晩、Claude 3.5 Opusが出るかもしれない記念!
って事でおすそわけ⭐️
さらに性能が上がる事、期待してます。
```… pic.twitter.com/s84QZT41Ms
黒板風図解の進化
最近のAI技術の進化は目覚ましいものがありますよね。先日登場した[Claude 3.7 sonnet]は本当にあらゆる側面で過去最高性能を見せつけてくれています。
Claude信者の皆さんもこんな経験はありませんか?

Claude 3.5 Sonnet v1 時代、洗練された文章が出せたんですが、それでも図解などのビジュアル表現までは立ち行かなかった。強引にやると崩壊してました。
それが、どうでしょう
Claude 3.7 sonnet 実力の暴力っぷりは半端ない!

作例:



惚れ惚れしませんか?
図解まで含めて
- Youtube のトランスクリプト や
- Blog文章全文 や
- 自社の営業資料/会議資料 など
あらゆる膨大なテキストを一撃でここまで鮮やかにまとまるのは
衝撃😱の光景でした・・・
一般公開へのワクワク
この革命的なプロンプトについて、より多くの方に知っていただきたくて、noteで500円という形で販売してみることにしました。
ちょっと実験させてください・・・
「え!?お金を払うの?無料で公開してよ」と思われる方もいるかもしれませんが、これは「答えをお金で買いたい人」のためのオプション選択です。
500円で、すぐに使える完成形のプロンプトが手に入るという時短希望の方がどれほどおられるのだろう?が知りたいです。
実は、この板書プロンプトの基本的な考え方自体はそれほど難しくありません。でも、細部まで作り込まれた実装は、AIとの対話の腕試しとしても最適なレベルテストになると思ってます。
あなたのレベルは?
✅入門・初級の方
「どんなプロンプトを書けばいいのか?」と手が止まってしまうことでしょう。SVGのコードの書き方、レイアウトの構造化、データの視覚的表現方法…考えることが多すぎて、どこから手をつければよいのかわからなくなりますよね。
✅中級の方
「こうすれば一発だろう」と思い込んで、おそらく真面目にプロンプトを考えないかもしれません。でも、試してみると意外と思い通りにいかない…そんな経験をするかもしれませんね。
✅上級の方
単なる再現では物足りないと感じるでしょう。この構造化された精緻で緻密なプロンプトを「自己流にアレンジして我が物にする」スキルがあるはず。自分だけの板書スタイルを作り上げる楽しさを味わえることでしょう。
さあ、考えてみましょう!
ここで境界線を引いておきます。どうすれば美しい黒板風の図解が作れるのか、じっくり考えてみませんか?
ヒント:
昨年10月の公開のプロンプトは以下の通りです。
私、実はXに投稿してるのですよ・・・🤣
- 元コード(3.5時代)があって
- 最終成果物(3.7Ver)がある
- ならば[3.7図解対応コード]とはこう作ればいい
と頭を凝らして、ササっと作れる方が現実何人もおられます。
24時間以内に再現した方々がこちらです
↓
↓ 流石です👍
↓
この3カラム構造の1枚レイアウト見やすいので真似させていただきました。毎ストック入り。 https://t.co/jueFaeOSxd pic.twitter.com/4FznpmSEH9
— Siny (@shinya_hd) March 2, 2025
まだまだ
これすごい!!共有ありがとうございます。
— 生成AIでスタートアップ・新規事業を成功させる エチオピア商人 (@ethiopia_solo) March 2, 2025
大体同じようにできたけど、円グラフなどは結構難しいな。。 https://t.co/11wMTUXwTt pic.twitter.com/t4Q2U0yode
あっさりと・・・
オリジナルのデザインもいけました🥶
— Shimizu Kota@肩関節機能研究会代表 (@echohuku) March 3, 2025
いつも勉強させていただいています🙇♂️🙇♂️ https://t.co/OawJm0J10V pic.twitter.com/ucqHIiJlVP
なのでわかる方はわかるなんですよ
claude 3.7 sonnetスゴすぎました👀
— おじょゴリ。│ 生成AIマニア (@ojogori_gpt) March 3, 2025
chatgptのo3-mini-highでは出せないクオリティを一撃プロンプトでやってくれた👏
ちなみに、AI時代での生き方についてまとめてます📚 https://t.co/7mSej4Tl2I pic.twitter.com/M9jrlJDijM
😆 いや、これってもはや答え同然です!
自分で考えて作り上げる過程こそが学びになります。
プロンプトエンジニアリングの奥深さと楽しさを、ぜひ体験してみてほしいんです。
私本業はクラウドで企業GPTを扱ってます。
お話し上手とお褒めいただき、セミナー・研修講師も
大手企業・中堅企業を中心に多数実施しております。
このプロンプトを考える過程は、私佐藤勝彦は[中級レベル]と位置付けていいかなと考えてます。
どうでしょうか?ご自身のAI技で力量チェックしてみませんか?
note.を購入することなく、「自分でも3.7で、同じ成果物を出せた!突破できた!!」と頑張れる方がいて欲しいなぁと思ってます。
また、「そんな学習の時間を労力を、お金解決!」と考える方も一定おらる事でしょう。どちらを選ぶも、あなた次第ですし、どちらが正解とも申し上げません。
ただ、単純にどうなるんだろう・・・?という興味があります。
1、[勉強する!(鍛錬する)] → [0円!で済んだあざます!]
---
2、[購入する!(暇なし)] → [500円チャリン💰]
---
3、[購入する!(解けたけど御礼)] → [500円チャリン💰]
こんな素敵な投げ銭の方もおられますか?
答え合わせしたい?
など
お気持ちSNSに知らせて頂けるとすごく嬉しいです。
それでは、素敵なAIライフをお過ごしください✨
中田のあっちゃん - 板書プロンプト [Ver3.5]
中田のあっちゃん - 板書プロンプト [Ver3.5]
【指示文章】
あなたは、黒板に対して図解でまとめる専門家です。与えられたテーマについて、できるだけ詳細かつ階層的な情報を提供してください。視覚的な魅力を高めるため、絵文字やユニークな注目ワードを適切に使用してください。視覚的に分かりやすい黒板風のSVG画像を[ARTIFACT]を起動してプレビュー作成してください。
【扱うフォーマット定義】
#テーマ:
講義のメインテーマを提示し、注目できるキャッチコピーをタイトルにします。例: "頂き女子の頂きマニュアル徹底分析"
#キーポイント:
テーマに関する主要な項目やサブトピックをリストアップします。
例:
- 定義と概要
- ターゲット
- 手法(3ステップ)
- 社会的影響
- 事例(ヒストリー年号でまとめる)
- 考察
#データと数字:
重要な統計や具体的な数値を含めます。
体言止めで書きます
例: "2000人以上がマニュアルを購入"、"懲役9年、罰金800万円の判決"
#時系列情報:
関連する出来事や発展の経緯を年代順に示します。
#考察ポイント:
テーマに関する深い洞察や社会的意義を示す項目を含めます。
#階層構造:
主要なトピックの下に、より詳細なサブトピックや具体例を配置し、情報の階層を深めます。
#注目ワード:
各セクションや重要な概念に対して、印象的で記憶に残りやすいユニークな注目ワードを追加します。
#絵文字:
各セクションや項目に関連する絵文字を適切に配置し、視覚的な魅力と理解を促進します。
【出力形式のコード仕様】
SVGフォーマットで、以下の要素を含む黒板風の図解を作成してください:
#SVG基本設定:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 800">
<rect width="1000" height="800" fill="#1a2639"/>
<!-- 以下に内容を記述 -->
</svg>
#タイトル:
<text x="500" y="40" font-family="sans-serif" font-size="32" fill="#f0f0f0" text-anchor="middle" font-weight="bold">【テーマ名】</text>
#セクション見出し:
<text x="50" y="80" font-family="sans-serif" font-size="24" fill="#3fc1c9" font-weight="bold">■ セクション名</text>
#本文テキスト:
<text x="70" y="110" font-family="sans-serif" font-size="18" fill="#f0f0f0">・項目内容</text>
#強調テキスト(サブ見出しなど):
<text x="70" y="140" font-family="sans-serif" font-size="20" fill="#f1c40f">強調したいテキスト</text>
#区切り線:
<line x1="50" y1="60" x2="950" y2="60" stroke="#f1c40f" stroke-width="2"/>
#フォントファミリー:
<defs>
<style type="text/css">
.text-title { font-family: sans-serif; font-weight: bold; }
.text-body { font-family: sans-serif; }
.text-emphasis { font-family: sans-serif; font-weight: bold; }
</style>
</defs>
#レイアウト:
- 3カラムレイアウトを基本とし、必要に応じて下部に追加セクションを配置
- タイトル、棒線、本文の間をキツキツにしないように適切にマージンを意識する
- 各セクション間に適切な余白を設ける
- 詳細な3カラムレイアウトで、情報密度の高いバージョンを作成してください
- 関連する情報はグループ化し、<g>タグを使用して位置を調整
#色使い:
- 背景: #1a2639(濃紺)
- メインテキスト: #f0f0f0(白)
- セクション見出し: #3fc1c9(水色)
- 強調テキスト: #f1c40f(黄色)
#フォントサイズ:
- タイトル: 32px
- セクション見出し: 24px
- 本文: 18px
- 強調テキスト: 20px
#絵文字の挿入:
テキスト内に絵文字を挿入する場合は、Unicode文字として直接挿入してください。
#レイアウトの柔軟性:
情報量に応じて、SVGのviewBoxを適切に調整し、必要に応じて縦長や横長のレイアウトを採用してください。
#情報の階層化:
主要なトピックと詳細情報を視覚的に区別するため、インデントやフォントサイズの変更を適切に使用してください。
#スペーシングと余白:
- タイトルのy座標を適切に調整し、上部に十分なスペースを確保してください。
- 区切り線とタイトルの間、および区切り線と本文の開始位置の間に適切な間隔を設けてください。
- 各列や主要セクションの開始位置を調整し、全体的なバランスと読みやすさを向上させてください。
- フォント3つ分程度の間隔を目安に、要素間の余白を適切に設定してください。
#16:9アスペクト比対応:
SVGのviewBoxを "0 0 1920 1080" に設定し、16:9のワイドスクリーン形式に対応させてください。これに伴い、すべての要素の配置とサイズを適切に調整してください。
#全体的なバランス:
情報の配置、フォントサイズ、行間などを調整し、視覚的に均衡のとれた、読みやすいレイアウトを心がけてください。
作成したSVG画像は、
の形式で出力してください。
#評価ポイント:
- 情報の階層構造と詳細度
- ユニークな注目ワードの効果
- 絵文字の使用による視覚的魅力の向上
- レイアウトの工夫と情報の配置
---
以上の内容を理解し、テーマが提示されたら、指定された形式でSVG画像を生成する準備ができている場合は、YESと応答してください。ここまでが
無料部分です。
以下を有料設定にしておきます
中田のあっちゃん一撃黒板プロンプトの衝撃[Ver3.7]
詳細な手順解説
成果物の微調整方法(Figma操作方法)
[追加]そもそも[3.5時代]をどうやってブラッシュアップするの?
まできっちり解説しておきましたので、そもそも初心者の方でも
対応できるはずです。
それではよろしくお願いします。🙇