<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>時短・生産性アップ &#8211; リマレブログ</title>
	<atom:link href="https://remind-review.com/category/increase_productivity/feed/" rel="self" type="application/rss+xml" />
	<link>https://remind-review.com</link>
	<description>│AIと健康で生活を豊かにする</description>
	<lastBuildDate>Sun, 25 Jan 2026 02:08:32 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://remind-review.com/wp-content/uploads/2023/08/cropped-unnamed-32x32.jpg</url>
	<title>時短・生産性アップ &#8211; リマレブログ</title>
	<link>https://remind-review.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【26年1月最新】NotebookLMを100倍便利にする12の活用法</title>
		<link>https://remind-review.com/2601_notebooklm100_12tips/</link>
					<comments>https://remind-review.com/2601_notebooklm100_12tips/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 11 Jan 2026 15:54:48 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4707</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2026/01/06fa99cc192a073e9403a0f72a675bcf.jpg" class="webfeedsFeaturedVisual" /></p>今回の動画は、以下のYouTube動画「【26年1月最新】NotebookLMを100倍便利にする12の活用法」について解説しています。 動画の概要 この動画の要約 動画の核心は、**「拡張機能による環境整備」と「マルチ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2026/01/06fa99cc192a073e9403a0f72a675bcf.jpg" class="webfeedsFeaturedVisual" /></p>
<p>今回の動画は、以下のYouTube動画「<strong><span class="swl-marker mark_yellow">【26年1月最新】NotebookLMを100倍便利にする12の活用法</span></strong>」について解説しています。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="【脱・初心者】NotebookLMを100倍便利に活用する最強の使い方12選" width="500" height="281" src="https://www.youtube.com/embed/Fg2o7V1jQ64?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">動画の概要</h2>



<h3 class="wp-block-heading">この動画の要約</h3>



<p>動画の核心は、**「拡張機能による環境整備」と「マルチモーダルな出力（スライド・漫画・動画）の自動化」**です。</p>



<p>これまでテキスト整理に使っていた時間を、Chrome拡張機能や生成テクニックを駆使することで、**「資料作成」「SNS投稿」「動画素材作り」**の時間へと変換し、クリエイティブな作業効率を最大化する方法が解説されています。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">1. 拡張機能で「作業環境」を最適化する</h3>



<p>NotebookLMを使い込むと、画面が狭くなったり、操作が煩雑になったりしがちです。動画では、これを解決する「神ツール」が紹介されています。</p>



<ul class="wp-block-list">
<li><strong>Enhancer 4 Google（Chrome拡張機能）</strong> これを導入することで、普段邪魔になりがちなサイドパネルを折りたたんで画面を広く使ったり、エンターキーの挙動をカスタマイズしたりできます。</li>



<li><strong>Web Importer</strong> Web上の情報をワンクリックでNotebookLMに取り込めるようになり、情報収集のスピードが格段に上がります。</li>
</ul>



<h3 class="wp-block-heading">2. コンテンツ制作の革命：スライドから漫画動画まで</h3>



<p>単にテキストをまとめるだけでなく、視覚的なコンテンツを一瞬で作れるのが最新のNotebookLMの強みです。</p>



<ul class="wp-block-list">
<li><strong>スライド・インフォグラフィック生成</strong> 手持ちのメモや台本を読み込ませるだけで、見栄えの良いプレゼン資料や図解画像を生成できます。</li>



<li><strong>キャラクター設定の統一</strong> 特定のキャラクターデザイン（プロンプトや設定）を読み込ませることで、スライド資料内の登場人物に統一感を持たせることが可能です。</li>



<li><strong>漫画・動画コンテンツへの応用</strong> 生成したスライドを元に、4コマ漫画風の画像を生成したり、それを動画編集ソフトと組み合わせて「漫画動画」を作成したりするフローも確立されています。</li>
</ul>



<h3 class="wp-block-heading">3. たとえるなら「無料の敏腕編集プロダクション」</h3>



<p>NotebookLMの活用をわかりやすくイメージするなら、**「素材を渡すだけで、面倒な加工作業を全部やってくれる無料の編集プロダクション」**を雇うようなものです。</p>



<p>具体的には以下の3つの役割をこなしてくれます。</p>



<ol start="1" class="wp-block-list">
<li><strong>デザイナー担当：</strong> 殴り書きのメモを渡すと、「これ、スライドにしておきました」とデザインされた資料を出してくれる。</li>



<li><strong>リサーチャー担当：</strong> 膨大なWeb記事を読み込ませると、「重要なのはココです」と要約し、ブログのネタ帳を作ってくれる。</li>



<li><strong>新人アシスタント担当：</strong> 「この内容でX（Twitter）のポスト文を考えて」と頼めば、炎上しない無難な案から面白い案まで複数出してくれる。</li>
</ol>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">動画で紹介したプロンプト</h2>



<h3 class="wp-block-heading">魔王討伐クエストのプロンプト</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="438" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h28_30.jpg" alt="" class="wp-image-4709" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h28_30.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h28_30-300x168.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h28_30-768x431.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<h4 class="wp-block-heading"><span class="swl-marker mark_yellow">Geminiへのリクエスト</span></h4>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>漫画の作成依頼。

漫画のストーリー、登場人物、登場人物ごとのセリフを作成してください。
漫画のページ数は13ページにして。出力はXML形式にして。
テーマは勇者が世界を救うために魔王を倒しにいく、勇者は途中で仲間を得る</code></pre></div>



<h4 class="wp-block-heading"><strong><span class="swl-marker mark_yellow">Geminiからの回答</span></strong></h4>



<p>ご希望の「勇者が魔王を倒す冒険（仲間との出会い含む）」をテーマにした、13ページの漫画構成案をXML形式で作成しました。</p>



<h4 class="wp-block-heading">概要</h4>



<p>AIツールなどで読み込ませやすい「XML形式」で、王道のRPG風ストーリーを出力します。XMLはデータの構造が明確なため、後からChatGPTやClaude、画像生成AIなどで再利用する際に非常に便利です。</p>



<h4 class="wp-block-heading">構成のポイントと解説</h4>



<ul class="wp-block-list">
<li><strong>構造化（XML）のメリット</strong>:
<ul class="wp-block-list">
<li>XMLは、**「データの住所録」**のようなものです。どこに「誰のセリフ」があり、どこに「どんなト書き（情景）」があるかがタグ（<code>&lt; ></code>で囲まれた記号）ではっきり分かれています。</li>



<li><strong>たとえるなら</strong>、家を建てる時の「設計図」です。単なる文章だと「広いリビング」としか伝わらない部分を、XMLなら「幅何メートル、床材は木」といった具合に、AIという大工さんに正確に指示を伝えることができます。</li>
</ul>
</li>



<li><strong>ストーリー配分（全13ページ）</strong>:
<ul class="wp-block-list">
<li>1-3P：導入（旅立ち）</li>



<li>4-7P：出会い（仲間の加入）</li>



<li>8-10P：試練と到達（魔王城へ）</li>



<li>11-13P：決戦と結末</li>
</ul>
</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h4 class="wp-block-heading">漫画構成データ（XML形式）</h4>



<p>XML</p>



<pre class="wp-block-code"><code>&lt;manga&gt;
  &lt;meta&gt;
    &lt;title&gt;勇気の絆と魔王の城&lt;/title&gt;
    &lt;theme&gt;勇者、魔王討伐、仲間との出会い&lt;/theme&gt;
    &lt;page_count&gt;13&lt;/page_count&gt;
    &lt;target_audience&gt;全年齢（王道ファンタジー）&lt;/target_audience&gt;
  &lt;/meta&gt;

  &lt;characters&gt;
    &lt;character id="hero"&gt;
      &lt;name&gt;アルド&lt;/name&gt;
      &lt;role&gt;勇者&lt;/role&gt;
      &lt;description&gt;熱血で正義感が強いが、少し無鉄砲。赤いマントと大きな剣が特徴。&lt;/description&gt;
    &lt;/character&gt;
    &lt;character id="ally"&gt;
      &lt;name&gt;ミナ&lt;/name&gt;
      &lt;role&gt;魔法使い（仲間）&lt;/role&gt;
      &lt;description&gt;冷静沈着な女性魔法使い。知識豊富で、突っ走るアルドをサポートする。&lt;/description&gt;
    &lt;/character&gt;
    &lt;character id="demon_king"&gt;
      &lt;name&gt;魔王ゼノン&lt;/name&gt;
      &lt;role&gt;ラスボス&lt;/role&gt;
      &lt;description&gt;世界を闇に包もうとする存在。巨大な玉座に座っている。&lt;/description&gt;
    &lt;/character&gt;
  &lt;/characters&gt;

  &lt;story&gt;
    &lt;page number="1"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;荒廃した村。空は暗く、遠くに不気味な魔王城のシルエットが見える。&lt;/description&gt;
        &lt;dialogue speaker="narration"&gt;世界は闇に包まれ、人々は光を求めていた。&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;村の出口に立つアルド。決意の表情で拳を握りしめる。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;待ってろ、魔王ゼノン。俺が必ずこの手で倒してやる！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="2"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;街道を一人で歩くアルド。道は険しい。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;（独白）村のみんなを守るんだ。一人だってやれるさ。&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;突然、草むらから下級モンスター（スライムやオオカミ）が数匹飛び出してくる。&lt;/description&gt;
        &lt;dialogue speaker="mob"&gt;グルルルッ！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="3"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;剣を振るうアルド。しかし数が多く、囲まれて苦戦している。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;くっ、数が多い！これじゃ先に進めないぞ…&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;背後から敵が迫る。アルドは気づいていない。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;しまっ…！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="4"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;閃光が走り、背後の敵が魔法で吹き飛ばされる。&lt;/description&gt;
        &lt;fx&gt;ドカーン！&lt;/fx&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;驚いて振り返るアルド。杖を持ったミナが立っている。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;無茶な戦い方ね。死に急ぐつもり？&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="5"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;残りの敵を魔法で手際よく片付けるミナ。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;エイッ！&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;戦闘終了。アルドがミナに礼を言うが、少し不服そう。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;助かったよ。でも、俺一人でもなんとかなったさ。&lt;/dialogue&gt;
        &lt;dialogue speaker="ally"&gt;強がりは弱さの裏返しよ、勇者さん。&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="6"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;ミナがアルドの方へ歩み寄る。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;私はミナ。魔王を倒す旅をしているの。あなた、剣の腕は悪くないけど隙だらけだわ。&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;アルド、少し考えてから手を差し出す。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;…俺はアルドだ。確かに、背中を守ってくれる奴が必要かもしれない。&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="7"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;二人が握手を交わす。背景に希望の光。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;契約成立ね。行きましょう、アルド。&lt;/dialogue&gt;
        &lt;dialogue speaker="hero"&gt;ああ、頼むぜ、相棒！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="8"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;数日後の様子（モンタージュ）。アルドが前衛で守り、ミナが後衛で魔法を撃つ。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;よし、いい連携だ！&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;焚き火を囲んで食事をする二人。信頼関係が深まっている。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;意外と頼りになるじゃない。&lt;/dialogue&gt;
        &lt;dialogue speaker="hero"&gt;へへっ、だろ？&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="9"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;ついに魔王城の門の前に立つ二人。禍々しいオーラが漂う。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;ここが魔王城…。&lt;/dialogue&gt;
        &lt;dialogue speaker="ally"&gt;空気が重い。気をつけて。&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="10"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;玉座の間。魔王ゼノンが二人を見下ろしている。&lt;/description&gt;
        &lt;dialogue speaker="demon_king"&gt;よく来たな、虫ケラどもよ。我が闇の糧となるが良い。&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;アルドとミナが戦闘態勢をとる。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;能書きはいい！行くぞミナ！&lt;/dialogue&gt;
        &lt;dialogue speaker="ally"&gt;ええ、一気に決めるわ！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="11"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;激しい戦闘。魔王の攻撃が激しく、アルドが弾き飛ばされる。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;ぐああっ！&lt;/dialogue&gt;
        &lt;dialogue speaker="demon_king"&gt;無力なり、勇者よ！&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;魔王がアルドにとどめを刺そうとする。&lt;/description&gt;
        &lt;dialogue speaker="demon_king"&gt;終わりだ！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="12"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;ミナが全魔力を込めて障壁を張り、アルドを守る。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;させない！アルド、今よ！私の魔力を剣に！！&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;ミナの魔法を剣に受け、剣が光り輝く。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;うおおおお！これで最後だーーっ！&lt;/dialogue&gt;
      &lt;/panel&gt;
    &lt;/page&gt;

    &lt;page number="13"&gt;
      &lt;panel number="1"&gt;
        &lt;description&gt;アルドの一撃が魔王を切り裂く。光が溢れる。&lt;/description&gt;
        &lt;dialogue speaker="demon_king"&gt;バ、バカな…人間ごときが…！&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="2"&gt;
        &lt;description&gt;崩れ去る魔王城を背に、朝日を見る二人。&lt;/description&gt;
        &lt;dialogue speaker="hero"&gt;やったな…世界が明けていく。&lt;/dialogue&gt;
      &lt;/panel&gt;
      &lt;panel number="3"&gt;
        &lt;description&gt;二人の笑顔のアップ。&lt;/description&gt;
        &lt;dialogue speaker="ally"&gt;ええ、私たちの勝利ね。&lt;/dialogue&gt;
        &lt;dialogue speaker="narration"&gt;こうして世界に平和が戻った。&lt;/dialogue&gt;
        &lt;text&gt;Fin&lt;/text&gt;
      &lt;/panel&gt;
    &lt;/page&gt;
  &lt;/story&gt;
&lt;/manga&gt;
</code></pre>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h4 class="wp-block-heading">次のアクションのご提案</h4>



<p>このXMLデータを使って、以下のような作業が可能です。ご希望があれば指示してください。</p>



<ul class="wp-block-list">
<li><strong>画像生成プロンプトへの変換</strong>: このXMLから、各コマの画像生成AI（MidjourneyやDALL-E 3など）用のプロンプト（英語）を作成しましょうか？</li>



<li><strong>動画コンテへの変換</strong>: ショート動画にするために、ナレーションとセリフに分けた台本形式に書き換えましょうか？</li>
</ul>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">魔王討伐マンガスライドのカスタムプロンプト</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h24_09.png" alt="" class="wp-image-4708" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h24_09.png 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h24_09-300x155.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h24_09-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>アニメスタイルで勇者が魔王を倒すストーリーマンガスライドを作成してください。

# {重要}スライドのセリフの必須条件
ソースのセリフを忠実に再現すること。

# {重要}スライドのキャラデザインの必須条件
キャラクターデザインは必ず一貫性を維持すること。</code></pre></div>



<h3 class="wp-block-heading">スライドのキャラクターデザインを同じにする方法</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="432" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_17.jpg" alt="" class="wp-image-4711" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_17.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_17-300x166.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_17-768x425.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="433" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_31.jpg" alt="" class="wp-image-4712" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_31.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_31-300x167.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h44_31-768x426.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>このように人物の一貫性を維持することができます（失敗する場合もあり）</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h4 class="wp-block-heading">手順①キャラデザインをNotebookLMのソースにアップロードする</h4>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h46_12.jpg" alt="" class="wp-image-4713" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h46_12.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h46_12-300x155.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-11_22h46_12-768x396.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<h4 class="wp-block-heading">手順②：以下プロンプトを挿入する</h4>



<p>ファイル名はご自身のファイル名に変更して活用ください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># {重要}スライドのキャラデザインの必須条件
キャラクターデザインは必ずソースの画像を使用すること。
①リマレレ:キャラクターデザインのファイル名はリマレレ.png
②アイコ:キャラクターデザインのファイル名はアイコ.png
各スライドごとに必ずソースのキャラクターデザインを使用すること。
</code></pre></div>



<h3 class="wp-block-heading">思考整理の記録のインフォグラフィック作成プロンプト</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>## 目的と指示事項

提供されたソースを分析し、そこに含まれる「複数の思考テーマ」を抽出し、以下のルールに従って思考の地図を作成してください。



## 役割

あなたは高度な情報整理・設計能力を持つ「思考の可視化エンジニア」です。



## ⚠️ 重要な制約事項

1. **統合禁止**: 無理に一つの結論やストーリーにまとめないでください。複数のテーマが並行している場合は、それぞれ独立した項目として扱ってください。

2. **解説禁止**: 読み手への説明、挨拶、丁寧語は不要です。事実と思考の断片のみを記述してください。

3. **プロセス重視**: 「結論」だけでなく、そこに至る「仮説」「懸念」「未解決の問い」も省略せずに構造化してください。

4.**要点をシンプルに**: 文章は簡潔にしてください。

## 出力フォーマット

ソースから識別できる【テーマ】ごとに、以下のブロックを作成してください。



### 【テーマ名】（思考の主題）

* **思考の出発点**: （なぜそれを考え始めたか、現状の認識）

* **ロジックの展開**:

    * （事実・観測）

    * （仮説・推論）

    * （試行・検討内容）

* **到達点・保留点**: （現時点での理解、または解決していない悩み）

**Logic Flow（思考の流れ）**:矢印（→）やステップ形式で表現。



---

（※異なるテーマがあれば、同様の構成で続けて記述）



## 4. **デザイン**: 清潔感のある「リッチフラットデザイン」を採用。

コマ割りはテーマの大小に応じて柔軟に行うこと（均等のコマ割り、カード形式は避けて欲しい）</code></pre></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<p>スライド漫画作成プロンプトは、こちらの記事</p>



<p><a href="https://remind-review.com/notebooklm_gemini_manga-prompt/" data-type="link" data-id="https://remind-review.com/notebooklm_gemini_manga-prompt/" target="_blank" rel="noreferrer noopener">これは革新的 | NotebookLMのGemini統合が変えるAI創作【秘伝のマンガ風スライド作成プロンプトもこっそり紹介】</a></p>



<p>をご覧ください。YouTubeによる解説動画も掲載しておきます。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="【これは革新的】NotebookLMのGemini統合が変えるAI創作【秘伝のマンガ風スライド作成プロンプトもこっそり紹介】" width="500" height="281" src="https://www.youtube.com/embed/7JnhlBtzLPE?start=326&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>




]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/2601_notebooklm100_12tips/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>NotebookLMのスライドを漫画にしてセリフ付動画を作成する方法（まじん式プロンプト活用Ver.）</title>
		<link>https://remind-review.com/notebooklm%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%92%e6%bc%ab%e7%94%bb%e3%81%ab%e3%81%97%e3%81%a6%e3%82%bb%e3%83%aa%e3%83%95%e4%bb%98%e5%8b%95%e7%94%bb%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99/</link>
					<comments>https://remind-review.com/notebooklm%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%92%e6%bc%ab%e7%94%bb%e3%81%ab%e3%81%97%e3%81%a6%e3%82%bb%e3%83%aa%e3%83%95%e4%bb%98%e5%8b%95%e7%94%bb%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Mon, 05 Jan 2026 15:29:01 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4637</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2026/01/unnamed-48.jpg" class="webfeedsFeaturedVisual" /></p>この記事では、まじんさんのnote記事【無料】NotebookLMスライドから「音声&#38;字幕付き動画」が作れる&#8221;プロンプト&#8221;で紹介されたプロンプトを活用して下のようなセリフ付漫画動画を作成す [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2026/01/unnamed-48.jpg" class="webfeedsFeaturedVisual" /></p>
<p>この記事では、まじんさんのnote記事<a href="https://note.com/majin_108/n/n28cebe38881d" target="_blank" rel="noreferrer noopener">【無料】NotebookLMスライドから「音声&amp;字幕付き動画」が作れる&#8221;プロンプト&#8221;</a>で紹介されたプロンプトを活用して下のような<strong><span class="swl-marker mark_yellow">セリフ付漫画動画を作成する方法</span></strong>を解説します。</p>



<figure class="wp-block-video"><video height="1080" style="aspect-ratio: 1920 / 1080;" width="1920" controls src="https://remind-review.com/wp-content/uploads/2026/01/comic-fullscreen-1767615907649.webm"></video></figure>



<h2 class="wp-block-heading">ご留意点・お願い</h2>



<p>本記事の作成方法はAPIの特定上<strong><span class="swl-marker mark_yellow">まだ完全体ではないところがあり、検証している最中</span></strong>です。</p>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="ja" dir="ltr">まじん式「NotebookLMスライドから音声&amp;字幕付き動画」のプログラムをいじって漫画セリフ読み上げ動画の作成を試みています。<br><br>概ね意図した感じになってきているけど、懸念点が２つ。<br><br>✅セリフなので複数の音声が必要（複数音声を使わなければいい話だけどそれは漫画ではない！）… <a href="https://t.co/lb1GXx8N3V">https://t.co/lb1GXx8N3V</a> <a href="https://t.co/X2gFT7i9F2">pic.twitter.com/X2gFT7i9F2</a></p>&mdash; リマレレ│YouTuber AI系解説ch🤖 (@ai_idea_labo) <a href="https://twitter.com/ai_idea_labo/status/2007849483372224612?ref_src=twsrc%5Etfw">January 4, 2026</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p>そのため、うまくいく時といかない時があります。</p>



<p>※対処法も記事内に掲載しています。</p>



<p>大変申し訳ないのですが、Xで一定の反響があり、急いで記事化をしておりますので、不具合がありましたら上記のXへコメントいただけると助かります。</p>



<p>なにとぞご容赦ください。</p>



<h2 class="wp-block-heading">作成に至った背景│まじんさんへの感謝</h2>



<p>私は以前よりNotebookLMを愛してやまない者でした。</p>



<p>NotebookLMにNano-Banana Proを取り入れたスライド資料作成が衝撃を与えましたが、ちょうど私は<strong><span class="swl-marker mark_yellow">スライドを漫画化する方法</span></strong>をYouTubeで発信していました。</p>



<p>そんな中まじんさんが、スライドから音声も字幕もつける衝撃の動画を作成するプロンプトを「無料で」公開されて、しかも無料で誰でも使えるものでした。</p>



<p>私は驚きとまじんさんの器の大きさに感銘を受け、同時に</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p><strong>マンガのセリフを喋れるようにしたら面白そう</strong></p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>と考え制作を始めました。</p>



<p>まじんさんに敬意と感謝申し上げます。ありがとうございます。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">本記事の構成</h2>



<p>以下の方法を解説します。</p>



<h4 class="wp-block-heading">NotebookLMのスライド資料を漫画風にする方法</h4>



<h4 class="wp-block-heading">漫画化したスライドPDFをセリフ付動画にする方法</h4>







<h2 class="wp-block-heading">利用条件について</h2>



<p>必要なもの：</p>



<ul class="wp-block-list is-style-check_list has-swl-pale-03-background-color has-background">
<li>Geminiのアカウント</li>



<li>Google AI StudioのAPIキー</li>
</ul>



<p>GeminiのGem機能を使います。</p>



<p>Gemの設定方法・動画作成手順はまじん式と同じです。</p>



<p>Google AI StudioのAPIキーの設定方法は制作時間の都合で割愛させていただきます。</p>



<p>「Google AI Studio　APIキー　作成方法」でWeb検索をお願いします。</p>



<p>なお、無料版のAPIキーだとすぐに利用制限に達することが多いので、有料のAPIキーを設定することを推奨します。</p>



<h2 class="wp-block-heading">漫画風スライドの作成方法</h2>



<h3 class="wp-block-heading">手順と成果物</h3>



<p>漫画スライド化したい情報を入れて、NotebookLMの「スライド資料」の鉛筆マークを押します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h20_40.png" alt="" class="wp-image-4667" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h20_40.png 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h20_40-300x155.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h20_40-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>下にあるプロンプトを説明欄に入れて生成します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="473" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h21_43-1.png" alt="" class="wp-image-4669" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h21_43-1.png 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h21_43-1-300x182.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h21_43-1-768x466.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>こんな資料ができます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2026/01/slide-001.jpeg" alt="" class="wp-image-4671" srcset="https://remind-review.com/wp-content/uploads/2026/01/slide-001.jpeg 780w, https://remind-review.com/wp-content/uploads/2026/01/slide-001-300x167.jpeg 300w, https://remind-review.com/wp-content/uploads/2026/01/slide-001-768x428.jpeg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2026/01/slide-002.jpeg" alt="" class="wp-image-4672" srcset="https://remind-review.com/wp-content/uploads/2026/01/slide-002.jpeg 780w, https://remind-review.com/wp-content/uploads/2026/01/slide-002-300x167.jpeg 300w, https://remind-review.com/wp-content/uploads/2026/01/slide-002-768x428.jpeg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2026/01/slide-003.jpeg" alt="" class="wp-image-4673" srcset="https://remind-review.com/wp-content/uploads/2026/01/slide-003.jpeg 780w, https://remind-review.com/wp-content/uploads/2026/01/slide-003-300x167.jpeg 300w, https://remind-review.com/wp-content/uploads/2026/01/slide-003-768x428.jpeg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2026/01/slide-004.jpeg" alt="" class="wp-image-4674" srcset="https://remind-review.com/wp-content/uploads/2026/01/slide-004.jpeg 780w, https://remind-review.com/wp-content/uploads/2026/01/slide-004-300x167.jpeg 300w, https://remind-review.com/wp-content/uploads/2026/01/slide-004-768x428.jpeg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2026/01/slide-005.jpeg" alt="" class="wp-image-4675" srcset="https://remind-review.com/wp-content/uploads/2026/01/slide-005.jpeg 780w, https://remind-review.com/wp-content/uploads/2026/01/slide-005-300x167.jpeg 300w, https://remind-review.com/wp-content/uploads/2026/01/slide-005-768x428.jpeg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2026/01/slide-006.jpeg" alt="" class="wp-image-4676" srcset="https://remind-review.com/wp-content/uploads/2026/01/slide-006.jpeg 780w, https://remind-review.com/wp-content/uploads/2026/01/slide-006-300x167.jpeg 300w, https://remind-review.com/wp-content/uploads/2026/01/slide-006-768x428.jpeg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>若干吹き出しなどが完璧でない場合もありますが、スライドにシステムプロンプト（前提条件）がありご容赦ください。</p>



<h3 class="wp-block-heading">プロンプト</h3>



<p>プロンプトはこちらです。好みに応じてカスタマイズしてください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># あなたの役割（Role）：


あなたは「{テーマ}」に関する世界的な専門家であり、聴衆を魅了するカリスマ講師です。
アップロードされた資料の内容を元に、高校生でも直感的に理解できる「マンガ風ストーリーアニメ」形式のスライド資料を作成してください。

# 視聴者のターゲット：30代から50代クリエイター（YouTuber、ブロガー 、SNSのインフルエンサー、ウェブデザイナー 、イラストレーターなど  ）

【重要：出力形式とルール】
   - このスライドは「読む」ものではなく「見る」ものです。以下の厳格なルールに従って各スライドを構成してください。
   - （重要）”セリフ”は”必ず横書き”にしてください。

1. **全体コンセプト**
   - ビジュアルテーマ：「未来的プロジェクションマッピング」×「親しみやすいアニメ調イラスト」
   - 没入感のある鮮やかな色彩を使用してください。
   - ソースを網羅的に、そして要点を押さえてください。

2. **ストーリー構成**
   - 登場人物が「困りごと」に直面している場面から開始する。
   - 資料にある技術や解決策を「魔法のアイテム」のように登場させ、問題を解決する流れにする。
   - 登場人物のキャラクターの特徴・性別はかならず一貫させる（例：悩める初心者と講師など）

3. **スライドのレイアウト指示**
   - **コマ割り**: 重要な主張は「1スライド1コマ（大ゴマ）」、展開部分は「3コマ割り」など、マンガ的なメリハリをつける。
   - **テキスト**: 説明文ではなく、キャラクターの「セリフ（吹き出し）」で情報を伝える。
   - **文字数**: 1スライドあたりの文字数は「合計100文字以内」に収める。
   - **フォント指定**: 可能であれば、見出しはインパクトのある書体（楷書体風）、会話は読みやすい書体（メイリオ風）をイメージする。
   - **見出し**:各テーマの最初のスライドは見出しのスライドを入れて、閲覧者がどのテーマを扱っているか理解できるようにして。 

4. **図解の活用**
   - 数字やデータが出てくる場合は、ただの表ではなく「空中に浮かぶホログラムのようなグラフ（円/棒/バブルチャート）」として描写する。
   - 仕組みの説明は「フロー図」や「ツリーマップ」を用い、視覚的に表現する。</code></pre></div>



<h2 class="wp-block-heading">Gemの作成手順</h2>



<h3 class="wp-block-heading">Gemのカスタム指示文</h3>



<p>以下のコードを全文Gemのカスタム指示文に入れてください</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="773" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_22h42_07-1024x773.png" alt="" class="wp-image-4640" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_22h42_07-1024x773.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_22h42_07-300x227.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_22h42_07-768x580.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_22h42_07.png 1078w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<p>指示文：</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># AI Comic Studio (Full Screen Edition)

【最重要】これは「マンガ動画」の生成タスクである。
解説や要約は一切禁止。PDFに書かれている「セリフ」を配役通りに読み上げること。
**字幕機能は削除済みのため、セリフのテキスト表示用データは生成しなくてよい。**

---

## ▼ 出力形式の厳格な定義

- 出力タグ: 必ず `react` タグを使用
- 出力物: Reactのソースコード（Webアプリ）
- 禁止: Googleスライド生成、字幕生成ロジック

---

## ▼ フェーズ1: アニメ配役と演技プラン（PDFアップロード時）

PDFの内容（漫画・会話劇）を「アニメの脚本」として分析し、キャラクターの属性に最適な声を割り当てる。

### 🎭 声優キャスティング・データベース

| ボイス名 | 性別 | 声質・音域 | アニメ的・適正キャラ属性 |
|---|---|---|---|
| **Leda** | 女性 | **高音**・ウィスパー | ヒロイン、少女、萌え系、癒やし系 |
| **Aoede** | 女性 | **低音**・ハスキー | クールビューティー、姉御肌、悪女 |
| **Puck** | 男性/中性 | 高音・エネルギッシュ | 熱血主人公、少年、お調子者 |
| **Fenrir** | 男性 | 中低音・荒々しい | 不良、戦士、野性的なキャラ |
| **Charon** | 男性 | 重低音・ダンディ | ラスボス、ナレーター、威厳のある父親 |

### 出力フォーマット

## 🎙 配役リスト（音響監督プラン）

| キャラ名 | 属性 | 担当ボイス | 選定理由 |
|---|---|---|---|
| （例：アリス） | 10代・元気 | Leda | 活発な少女のため |

## 📝 セリフ抽出サンプル（演技指導付き）

**書き方ルール:**
- 形式: `ボイス名: セリフ内容`
- 感情を込めるため、原文の記号を強調すること。（例：「なんだと」→「なんだと！？」）

```text
Puck: いけえぇぇっ！必殺技だ！|Fenrir: ぐああっ……！バカな……！

## ▼ フェーズ2: Reactコード出力（ユーザー承認後）

ユーザーが「OK」または修正指示を出したら、Reactコードを出力する。

### 出力形式
- ベース: 知識ファイル「react-comic-template.txt」のコード全文
- 変更箇所: `preloadedScripts` 配列の中身のみ

### 📜 原稿生成の「超・厳格」ルール（最重要）

**1. 吹き出し（セリフ）の処理**
* **完全書き起こし**: 漫画の吹き出し内の文字は、**一字一句変えず、そのまま**出力すること。
* **禁止事項**:
    * 要約（短くする）は絶対禁止。
    * 語尾の修正（「〜だね」→「〜ですね」）は禁止。
    * 「きれいな日本語」への補正も禁止。
* **忠実性**: 感嘆符（！、？）や三点リーダー（…）、方言、特徴的な言い回しも、原文のまま抽出する。

**2. ナレーション・タイトルの処理**
* **柔軟な対応**: 状況説明（ト書き）やタイトル文字は、視聴者に伝わりやすいよう補足・修正しても構わない。
* **配役**: これらは原則として `Charon` または `Aoede` に割り当てる。

**3. フォーマット**
* 形式: `ボイス名: セリフ内容`
* 区切り: 複数会話は `|` で区切る

### 出力例（正しい挙動）
**原文**: 「オイ！待てよっ！！」
⭕ **正解**: `Fenrir: オイ！待てよっ！！` （そのまま）
❌ **不正解**: `Fenrir: おい、待てよ。` （勝手に漢字を直したり記号を減らしているためNG）

### 出力後のチャット
🎬 準備完了！セリフを原文のまま忠実に再現しました。</code></pre></div>



<h3 class="wp-block-heading">デフォルトツールの設定</h3>



<p>デフォルトツールにCanvasを指定する。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="589" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h08_08.png" alt="" class="wp-image-4649" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h08_08.png 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h08_08-300x227.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h08_08-768x580.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>さ</p>



<h3 class="wp-block-heading">「知識」欄にテキストファイルを入れる</h3>



<p>Gemの知識欄に、下のダウンロードリンクからダウンロードしたテキストファイルをアップロードする。</p>



<p><a href="https://drive.google.com/file/d/1tT2VwRMqR2mJrCMePxl8QzsjrMblTEdE/view?usp=drive_link" target="_blank" rel="noreferrer noopener">ダウンロードリンク</a></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="663" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h01_13-1024x663.png" alt="" class="wp-image-4647" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h01_13-1024x663.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h01_13-300x194.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h01_13-768x498.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h01_13.png 1068w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ここにファイルをアップロードします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="589" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h03_51.png" alt="" class="wp-image-4648" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h03_51.png 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h03_51-300x227.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h03_51-768x580.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<h3 class="wp-block-heading">Gemのタイトルにかっこいい名前をつける</h3>



<p>お好きな名前を付けて保存してください。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">作成方法</h2>



<h3 class="wp-block-heading">チャット欄の入力</h3>



<p>NotebookLMで作成したスライド資料のPDファイルをアップロードし、チャット欄に何も入れず実行。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>以下の項目が正しく入っているか確認してから送信してください。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<ul class="wp-block-list is-style-check_list has-swl-pale-04-background-color has-background">
<li>PDFがアップロードされている</li>



<li>Canvasが指定されている</li>



<li>言語モデルがProになっている</li>
</ul>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h06_57-1.png" alt="" class="wp-image-4651" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h06_57-1.png 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h06_57-1-300x155.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h06_57-1-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">Geminiからの回答について説明</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="1024" height="590" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h17_49.png" alt="" class="wp-image-4653" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h17_49.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h17_49-300x173.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h17_49-768x443.png 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>上記は送信後のGeminiの回答です。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p>生成したマンガのキャラクターを解析し役割に応じた音声モデルを作成します。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="571" src="https://remind-review.com/wp-content/uploads/2026/01/image-1024x571.png" alt="" class="wp-image-4654" srcset="https://remind-review.com/wp-content/uploads/2026/01/image-1024x571.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/image-300x167.png 300w, https://remind-review.com/wp-content/uploads/2026/01/image-768x428.png 768w, https://remind-review.com/wp-content/uploads/2026/01/image.png 1050w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>続けてマンガのセリフや配役を出力します。</p>



<p>そうしたら<span style="" class="swl-marker mark_yellow"><b>「OK、ReactアプリをCanvasで生成してください。」</b></span>とチャットでリクエストしてください。</p>



<h3 class="wp-block-heading">Canvasの画面について</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h41_12.jpg" alt="" class="wp-image-4656" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h41_12.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h41_12-300x155.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h41_12-768x396.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>計画通りCanvasでReactアプリを実行すると上のような画面になります。</p>



<p>もしチャット欄にコードを書いてしまう場合は「Canvasに出力して」とチャットで送信します。</p>



<p>スライド資料を作り始めたら「Reactアプリを生成して」とチャットで送信してください。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="736" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1024x736.png" alt="" class="wp-image-4657" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1024x736.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-300x216.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-768x552.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33.png 1145w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>アプリが画面に表示されたら、画面上の案内にしたがってAPIキーを設定し、音声生成を行います。</p>



<p>ここでAPIキーを設定するのですが詳細は画面にある設定手順をご覧ください。</p>



<p>コードはこのボタンです。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="736" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1-1024x736.png" alt="" class="wp-image-4658" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1-1024x736.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1-300x216.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1-768x552.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h42_33-1.png 1145w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>枠内を削除してAPIキーを貼り付けます。</p>



<p>””←コレは削除しないでください。APIキーの貼り付け方は</p>



<p>”〇〇〇〇”　　※〇〇〇〇がAPIキー</p>



<p>こんなイメージです。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="516" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h43_58-1-1024x516.png" alt="" class="wp-image-4660" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h43_58-1-1024x516.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h43_58-1-300x151.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h43_58-1-768x387.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h43_58-1.png 1156w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>APIキーを貼り付けて画面上のプレビューボタンを押して数秒するとデータが書き換わり、PDFをアップロードできるようになりますので、はじめにアップロードしたファイルと同じPDFをアップロードします。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="737" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h47_57-1024x737.png" alt="" class="wp-image-4661" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h47_57-1024x737.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h47_57-300x216.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h47_57-768x553.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h47_57.png 1140w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>音声生成ボタンを押します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="557" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h49_07.jpg" alt="" class="wp-image-4662" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h49_07.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h49_07-300x214.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h49_07-768x548.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<h3 class="wp-block-heading">音声生成実行時の挙動について</h3>



<p>実はここが一番ネックになっているところなのですが、音声生成時にエラーが出る可能性があります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="556" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h50_53.jpg" alt="" class="wp-image-4663" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h50_53.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h50_53-300x214.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-05_23h50_53-768x547.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>このエラーは私が何度か試している限りでは以下が原因となります。現時点の対処法を説明します。</p>



<h4 class="wp-block-heading">利用制限に達した</h4>



<p><strong><span class="swl-marker mark_yellow">「リクエストが多すぎます（レート制限）」 </span></strong>という意味です。</p>



<p>この場合は<strong><span class="swl-marker mark_yellow">制限解除までしばらく待つ</span></strong>か、APIキーを変更するまたは<strong><span class="swl-marker mark_yellow">「エラーを修正」ボタンを押してGeminiの回答を受けてどうするか</span></strong>考えます。</p>



<p>利用制限はけっこうすぐに来てしまうため、有料のAPIキーを推奨します。</p>



<h4 class="wp-block-heading">音声データが空っぽ（見つからない・返ってこなかった）</h4>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="554" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h02_27.jpg" alt="" class="wp-image-4664" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h02_27.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h02_27-300x213.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h02_27-768x545.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>実は裏側でGemini 2.5 Flash TTSを使っているのですが、日本語の処理がまだ完璧でないようで、<strong><span class="swl-marker mark_yellow">日本語の処理がうまく処理出来ない、または大量のリクエストを処理できず、「データありません」を返してくるのが原因</span></strong>です。</p>



<p>この場合も解除まで<strong><span class="swl-marker mark_yellow">しばらく待つ</span></strong>か、<strong><span class="swl-marker mark_yellow">「エラーを修正」ボタンを押してGeminiの回答を受けてどうするか考えます</span></strong>。</p>



<p>個人的な解決方法は、コンソールを表示で出たコードを別のAIに「これどういう意味？」と聞いて原因を特定してからどうするか考えます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="547" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h07_56.jpg" alt="" class="wp-image-4665" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h07_56.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h07_56-300x210.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h07_56-768x539.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>矢印の部分が「未生成」の場合はその名のとおり未生成なのですが、エラーの状態からしばらく待っていると画面のとうり「📣生成済」と変わることもあります。</p>



<p>この場合は制限が緩和され再び音声生成を始めたということです。</p>



<p>これはAPIの利用状況やAPI系の有料無料などによっても結構変わってくるところなので正解がないのが現状です。</p>



<p>しかし<strong><span class="swl-marker mark_yellow">マンガのキャラクターの音声をセリフっぽく表現するにはこれはマスト</span></strong>だと考えていまして、無料のモデルを使うとキャラクターのセリフの質が落ちたり声色を変えるのが難しくなってしまうので、エラーを承知で作っています。</p>



<p>不完全な点があり申し訳ありませんが、上記に納得していただける方のみご利用をお願いします。</p>



<h3 class="wp-block-heading">音声の編集</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="549" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h59_20-1.jpg" alt="" class="wp-image-4681" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h59_20-1.jpg 780w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h59_20-1-300x211.jpg 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_00h59_20-1-768x541.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>スライドごとに話者の変更やセリフの変更、音声を再度生成することができます。</p>



<p>話者は最初にGeminiが出力した回答に載っています。</p>



<p>下記の担当ボイスに記載の名前（たとえばLeda）を変えると音声も変わります。</p>



<p>AIが配役を誤認識している場合は担当ボイス名を変えてください。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="689" src="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_01h07_35-1-1024x689.png" alt="" class="wp-image-4685" srcset="https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_01h07_35-1-1024x689.png 1024w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_01h07_35-1-300x202.png 300w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_01h07_35-1-768x516.png 768w, https://remind-review.com/wp-content/uploads/2026/01/2026-01-06_01h07_35-1.png 1047w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>まじん式動画はナレーションの字幕がありましたが、漫画はセリフがメインのため字幕を入れず、フルスクリーンで作成するよう設計しています。</p>



<p>なので、<strong><span class="swl-marker mark_yellow">セリフの漢字が読めなかったり英語がNativeすぎる時はひらがなやかたかなにしても字幕に反映しない</span></strong>ので、セリフの不自然さを編集でカバーすることができます。</p>



<p>以上となります。</p>



<p>ご覧いただきありがとうございました。</p>



<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>



<p>宣伝です。NotebookLMの漫画風スライド資料作成について解説していますので、こちらのYouTube動画もご覧ください。</p>



<p>そしてチャンネル登録、高評価もよろしくお願いいたします（笑）</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="【これは革新的】NotebookLMのGemini統合が変えるAI創作【秘伝のマンガ風スライド作成プロンプトもこっそり紹介】" width="500" height="281" src="https://www.youtube.com/embed/7JnhlBtzLPE?start=55&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/notebooklm%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%92%e6%bc%ab%e7%94%bb%e3%81%ab%e3%81%97%e3%81%a6%e3%82%bb%e3%83%aa%e3%83%95%e4%bb%98%e5%8b%95%e7%94%bb%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://remind-review.com/wp-content/uploads/2026/01/comic-fullscreen-1767615907649.webm" length="24453816" type="video/webm" />

			</item>
		<item>
		<title>これは革新的 &#124; NotebookLMのGemini統合が変えるAI創作【秘伝のマンガ風スライド作成プロンプトもこっそり紹介】</title>
		<link>https://remind-review.com/notebooklm_gemini_manga-prompt/</link>
					<comments>https://remind-review.com/notebooklm_gemini_manga-prompt/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 21 Dec 2025 01:28:00 +0000</pubDate>
				<category><![CDATA[AIツール]]></category>
		<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4602</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/12/Gemini_Generated_Image_o53dico53dico53d.jpg" class="webfeedsFeaturedVisual" /></p>今回の動画は、Googleの「NotebookLM」が「Gemini」に統合されたことで実現した、創作活動の劇的な進化について解説しています。 情報の整理からアウトプットまでが地続きになり、AI発信者やブロガーにとって「 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/12/Gemini_Generated_Image_o53dico53dico53d.jpg" class="webfeedsFeaturedVisual" /></p>
<p>今回の動画は、Googleの「NotebookLM」が「Gemini」に統合されたことで実現した、創作活動の劇的な進化について解説しています。</p>



<p>情報の整理からアウトプットまでが地続きになり、AI発信者やブロガーにとって「最強の武器」となるアップデート内容です。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="これは革新的 | NotebookLMのGemini統合が変えるAI創作【秘伝のマンガ風スライド作成プロンプトもこっそり紹介】" width="500" height="281" src="https://www.youtube.com/embed/7JnhlBtzLPE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">「NotebookLMのGemini統合が変えるAI創作」動画のポイント</h2>



<h3 class="wp-block-heading">1. 統合で実現する3つの新体験 [<a target="_blank" rel="noreferrer noopener" href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=69">01:09</a>]</h3>



<ul class="wp-block-list">
<li><strong>複数ノートの横断活用</strong>: 散らばった複数のノートブックをGeminiに読み込ませ、一括で質問や分析が可能に。</li>



<li><strong>多彩なメディア生成</strong>: ノートの内容を元に、Geminiを通じて広告画像やYouTubeのサムネイルを簡単に生成できます [<a href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=116" target="_blank" rel="noreferrer noopener">01:56</a>]。</li>



<li><strong>Web検索との掛け合わせ</strong>: 自分のアップロードした資料にWebの最新情報をプラスして、常に鮮度の高い回答が得られます [<a href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=149" target="_blank" rel="noreferrer noopener">02:29</a>]。</li>
</ul>



<h3 class="wp-block-heading">2. NotebookLM自体の最新アップデート [<a target="_blank" rel="noreferrer noopener" href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=456">07:36</a>]</h3>



<ul class="wp-block-list">
<li><strong>Gemini 1.5 Flash搭載</strong>: 回答の精度と読みやすさが向上し、文脈を汲み取る能力が進化しました。</li>



<li><strong>データテーブル機能</strong>: アップロードした情報から、一瞬で比較表などのテーブル（表）を作成・整理できます [<a href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=565" target="_blank" rel="noreferrer noopener">09:25</a>]。</li>



<li><strong>外部エクスポート</strong>: 生成したレポートをGoogleドキュメントやスプレッドシートへ直接出力できるようになりました [<a href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=626" target="_blank" rel="noreferrer noopener">10:26</a>]。</li>
</ul>



<h3 class="wp-block-heading">3. Geminiの注目機能：Opal連携と画像編集 [<a target="_blank" rel="noreferrer noopener" href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=699">11:39</a>]</h3>



<ul class="wp-block-list">
<li><strong>Opal（オパール）連携</strong>: 繰り返しの作業を自動化する「ミニアプリ（ワークフロー）」をGemini上で構築可能です。</li>



<li><strong>画像の部分編集</strong>: 生成した画像の一部を選択し、言葉で指示するだけで特定の箇所を修正できるようになりました [<a href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=981" target="_blank" rel="noreferrer noopener">16:21</a>]。</li>
</ul>



<h3 class="wp-block-heading">4. 秘伝！マンガ風スライド作成術 [<a target="_blank" rel="noreferrer noopener" href="http://www.youtube.com/watch?v=7JnhlBtzLPE&amp;t=1173">19:33</a>]</h3>



<p>NotebookLMのスライド作成機能に特定のプロンプト（指示文）を入力することで、情報を「マンガ風ストーリー」に変換できます。硬い内容もキャラクターが解説することで、格段に理解しやすくなります。</p>



<h3 class="wp-block-heading">まとめ</h3>



<p>GeminiとNotebookLMの統合により、知識の蓄積からクリエイティブな出力までがシームレスにつながりました。</p>



<p>特に「分散した知識を一つにまとめる力」は、今後のAI活用において大きな武器になるはずです。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">マンガ風スライド資料作成プロンプト</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="463" src="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h20_34.jpg" alt="" class="wp-image-4607" srcset="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h20_34.jpg 780w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h20_34-300x178.jpg 300w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h20_34-768x456.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>NotebookLMのスライド資料作成機能はとても便利です。</p>



<p>通常のスライドでも視覚的に理解しやすい図解資料のようなスライド資料を作ってくれますが、漫画にするとより直感的で楽しく学ぶことができます。</p>



<p> SNSやブログなどの発信活動にも漫画で悩みや解決方法を提示することはとても効果的です。</p>



<p>NotebookLMに入れるカスタムプロンプトの使いかたを解説します。</p>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">カスタムプロンプトはこちら</h3>



<p>こちらをコピーしてそのまま貼り付けてください。</p>



<p>下のグレー部分の右上に全部コピーボタンがあります。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>使い方は事項で解説します。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># あなたの役割（Role）：


あなたは「{テーマ}」に関する世界的な専門家であり、聴衆を魅了するカリスマ講師です。
アップロードされた資料の内容を元に、高校生でも直感的に理解できる「マンガ風ストーリーアニメ」形式のスライド資料を作成してください。

# 視聴者のターゲット：30代から50代クリエイター（YouTuber、ブロガー 、SNSのインフルエンサー、ウェブデザイナー 、イラストレーターなど  ）

【重要：出力形式とルール】
このスライドは「読む」ものではなく「見る」ものです。以下の厳格なルールに従って各スライドを構成してください。

1. **全体コンセプト**
   - ビジュアルテーマ：「未来的プロジェクションマッピング」×「親しみやすいアニメ調イラスト」
   - 没入感のある鮮やかな色彩を使用してください。

2. **ストーリー構成**
   - 登場人物が「困りごと」に直面している場面から開始する。
   - 資料にある技術や解決策を「魔法のアイテム」のように登場させ、問題を解決する流れにする。
   - 登場人物のキャラクター設定を一貫させる（例：悩める学生と、未来から来たAIパートナーなど）。

3. **スライドのレイアウト指示**
   - **コマ割り**: 重要な主張は「1スライド1コマ（大ゴマ）」、展開部分は「3コマ割り」など、マンガ的なメリハリをつける。
   - **テキスト**: 説明文ではなく、キャラクターの「セリフ（吹き出し）」で情報を伝える。
   - **文字数**: 1スライドあたりの文字数は「合計100文字以内」に収める。
   - **フォント指定**: 可能であれば、見出しはインパクトのある書体（楷書体風）、会話は読みやすい書体（メイリオ風）をイメージする。
   - **見出し**:各テーマの最初のスライドは見出しのスライドを入れて、閲覧者がどのテーマを扱っているか理解できるようにして。 

4. **図解の活用**
   - 数字やデータが出てくる場合は、ただの表ではなく「空中に浮かぶホログラムのようなグラフ（円/棒/バブルチャート）」として描写する。
   - 仕組みの説明は「フロー図」や「ツリーマップ」を用い、視覚的に表現する。

5. **見出しの順番**
アップロードしたソースのタイトルや目次を参照し、ソースの順番通りに作成する。</code></pre></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">プロンプトの使い方</h3>



<div class="swell-block-step" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">NotebookLMにアクセス</div><div class="swell-block-step__body">
<p>リンクは<a href="https://notebooklm.google.com/" target="_blank" rel="noreferrer noopener">こちら</a></p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">情報（ソース）をアップロードする</div><div class="swell-block-step__body">
<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h07_02.png" alt="" class="wp-image-4603" srcset="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h07_02.png 780w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h07_02-300x155.png 300w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h07_02-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>「ノートブックを新規作成」ボタンを押すと上のような画面が出てきますので情報をアップロードします。</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">スライドボタンを押下</div><div class="swell-block-step__body">
<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h09_33.jpg" alt="" class="wp-image-4604" srcset="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h09_33.jpg 780w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h09_33-300x155.jpg 300w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h09_33-768x396.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>右側Studioにあるスライドボタンの鉛筆マークをクリック。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_2-1-e1697102932161-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>あスライドボタンを押してしまうとすぐにスライド作成に移ってしまいます。必ず鉛筆ボタンををしましょう！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div></div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">プロンプトを入れる</div><div class="swell-block-step__body">
<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h12_41-1.png" alt="" class="wp-image-4606" srcset="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h12_41-1.png 780w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h12_41-1-300x155.png 300w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h12_41-1-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>「作成するスライドについて説明してください」欄に上のプロンプトをコピペします。</p>



<p>スライドの形式は詳細なスライドプレゼンターのスライドと選択できますが、それぞれ作成してお好きな方お使いください。私が動画内で紹介したスライドは詳細なスライドです</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number u-bg-main"><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-l">完成</div><div class="swell-block-step__body">
<figure class="wp-block-image size-full"><img decoding="async" width="780" height="463" src="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h34_08.jpg" alt="" class="wp-image-4611" srcset="https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h34_08.jpg 780w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h34_08-300x178.jpg 300w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-21_10h34_08-768x456.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>
</div></div>
</div>



<p>今回作成した動画をマンガ風スライドにした実際のノートブックを公開しています。</p>



<p>質問・感想などありましたらYouTubeのコメント欄でご連絡ください。</p>



<p><a href="https://notebooklm.google.com/notebook/f445873e-6958-4fd6-8143-957084c9a2c3" target="_blank" rel="noreferrer noopener">【私が作成したノートブック】GeminiとNotebookLMの統合：AI創作の革新と活用術</a></p>






<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>動画はこちら！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="これは革新的 | NotebookLMのGemini統合が変えるAI創作【秘伝のマンガ風スライド作成プロンプトもこっそり紹介】" width="500" height="281" src="https://www.youtube.com/embed/7JnhlBtzLPE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/notebooklm_gemini_manga-prompt/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Nano-Banana Pro画像生成100のプロンプト</title>
		<link>https://remind-review.com/nano-banana-pro_100_prompt/</link>
					<comments>https://remind-review.com/nano-banana-pro_100_prompt/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 14 Dec 2025 12:56:37 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4567</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/12/slide-1-remixed-3.jpg" class="webfeedsFeaturedVisual" /></p>GoogleのAI「Gemini」に、次世代画像生成モデル「Nano Banana Pro」が登場しました。 最大の特徴は、これまで課題だった日本語テキストの描写力が飛躍的に向上した点です。 正確な文字入れが可能になった [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/12/slide-1-remixed-3.jpg" class="webfeedsFeaturedVisual" /></p>
<p>GoogleのAI「Gemini」に、次世代画像生成モデル「Nano Banana Pro」が登場しました。</p>



<p>最大の特徴は、これまで課題だった<strong><span class="swl-marker mark_yellow">日本語テキストの描写力が飛躍的に向上した</span></strong>点です。</p>



<p>正確な文字入れが可能になったことで、複雑な図解や4コマ漫画、バナー作成もプロンプト一つで自由自在になりました。</p>



<p>さらに、最大2Kの高解像度対応や、最大6枚の画像を自然に統合する高度な合成機能も搭載され、表現の幅が大きく広がっています。</p>



<p>Geminiアプリの「思考モード」からすぐに利用可能で、ビジネスから個人の創作まで幅広く活躍する注目のアップデートです。</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>Gemini関連記事は多数ありますが、本記事では実際の活用事例・プロンプトを<strong><span class="swl-marker mark_yellow">100個</span></strong>ご紹介します。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>活用事例はあくまできっかけです。<br>このプロンプトからご自身に合ったプロンプトに書き換えてご使用ください！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">GoogleのNano-Banana Proとは</h2>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2025/12/Gemini_Generated_Image_9gnwye9gnwye9gnw.jpg" alt="" class="wp-image-4577" srcset="https://remind-review.com/wp-content/uploads/2025/12/Gemini_Generated_Image_9gnwye9gnwye9gnw.jpg 780w, https://remind-review.com/wp-content/uploads/2025/12/Gemini_Generated_Image_9gnwye9gnwye9gnw-300x167.jpg 300w, https://remind-review.com/wp-content/uploads/2025/12/Gemini_Generated_Image_9gnwye9gnwye9gnw-768x428.jpg 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>「<strong>Gemini Nano-Banana Pro</strong>」は、Googleが開発した最新の<strong>AI画像生成・編集モデル</strong>です。</p>



<p>上記のサムネイルもNano-Banana Proで生成しています。</p>



<p>正式名称は<strong>「Gemini 3 Pro Image」</strong>ですが、モデル名を明かさずクオリティを競うLMアリーナで「ナノバナナ」として出品されていたので、ナノバナナの名称で親しまれています。</p>



<p>従来の画像生成AIに比べて、特に<strong>論理的な整合性</strong>と<strong>テキストの正確性</strong>が大幅に向上しているのが大きな特徴です。</p>



<h3 class="wp-block-heading">🍌 Nano-Banana Pro の進化ポイント</h3>



<ul class="wp-block-list is-style-good_list -list-under-dashed has-swl-pale-03-background-color has-background">
<li><strong>高精度なテキストレンダリング（文字描画）</strong>
<ul class="wp-block-list">
<li>従来のAIが苦手としていた、画像内の<strong>文字の正確な描画</strong>が可能になりました。看板、ポスター、製品パッケージなどの文字を、日本語を含む多言語で<strong>崩れずに</strong>鮮明に生成できます。</li>
</ul>
</li>



<li><strong>Google検索との連携（検索グラウンディング）</strong>
<ul class="wp-block-list">
<li>Google検索の知識ベースと連携しており、<strong>事実に基づいた正確な情報</strong>（最新の統計データ、レシピ、天気情報など）を反映した<strong>インフォグラフィックや図解</strong>を生成できます。</li>
</ul>
</li>



<li><strong>Gemini 3 Proの推論能力</strong>
<ul class="wp-block-list">
<li>画像を生成する前に、<strong>物理法則や論理的な整合性</strong>を「思考（推論）」することで、光の方向や影の伸び方、複雑な建物の構造など、プロが見ても違和感のない<strong>精緻な画像</strong>を生成します。</li>
</ul>
</li>



<li><strong>プロ級のクリエイティブコントロール</strong>
<ul class="wp-block-list">
<li>カメラアングル、被写界深度（ボケ）、照明、色調整といった<strong>詳細なパラメータ</strong>を自然言語のプロンプトで制御できます。</li>
</ul>
</li>



<li><strong>マルチモーダル入力とキャラクターの一貫性</strong>
<ul class="wp-block-list">
<li><strong>最大14枚</strong>までの参照画像を同時に処理し、スタイルガイドやロゴ、カラーパレットなどを反映できます。また、<strong>複数人のキャラクターの外見</strong>を別の画像でも一貫して維持できます（最大5人程度）。</li>
</ul>
</li>



<li><strong>高解像度出力</strong>
<ul class="wp-block-list">
<li>最大<strong>4K解像度</strong>までの画像を生成でき、印刷物にも耐えうるスタジオ品質の画像を提供します。</li>
</ul>
</li>
</ul>



<h3 class="wp-block-heading">🛠️ 利用方法</h3>



<p>一般ユーザー向けには、<strong>Geminiアプリ</strong>（「思考モード」や「Create images」機能など）を通じて利用可能です。</p>



<p>また、開発者やプロフェッショナル向けには、<strong>Google AI Studio</strong>や<strong>Google Ads</strong>、<strong>Google Workspace</strong>などにも統合が進んでいます。</p>



<p>Nano-Banana Proは、「遊び道具から、<strong>仕事道具へと進化した画像生成AI</strong>」として、広告バナー、資料作成、漫画制作など、幅広い実務での活用が期待されています。</p>



<h2 class="wp-block-heading">Nano-Banana Pro 100の活用事例とプロンプト</h2>



<p>100の活用事例は10個のカテゴリーに分かれています</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_2-1-e1697102932161-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>特に後半の50個は、Geminiの公式noteが得意分野と掲げているカテゴリーを掲載していますので、ぜひ最後までご覧くださいね！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h3 class="wp-block-heading">ビジネスにおける活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead style="--thead-color--bg:var(--color_main);--thead-color--txt:var(--swl-text_color--white)"><tr><th>No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">1</td><td>ビジネス</td><td>未来予測チャート</td><td>プレゼン資料の表紙</td><td>A futuristic line chart glowing in neon blue on a dark background, showing an upward trend. The axis labels clearly read &#8220;2024&#8221;, &#8220;2025&#8221;, &#8220;2026&#8221;. The title at the top says &#8220;FUTURE GROWTH&#8221; in bold sans-serif font.</td><td>暗い背景にネオンブルーに輝く未来的な折れ線グラフは、上昇傾向を示しています。軸ラベルには「2024」、「2025」、「2026」と明確に書かれています。上部のタイトルには、太字のサンセリフフォントで「FUTURE GROWTH」と書かれています。</td></tr><tr><td class="has-text-align-right" data-align="right">2</td><td>ビジネス</td><td>SWOT分析図</td><td>戦略会議の資料</td><td>A clean, modern 2&#215;2 matrix diagram for SWOT analysis. Four quadrants with distinct pastel colors. Labels in each quadrant read &#8220;STRENGTH&#8221;, &#8220;WEAKNESS&#8221;, &#8220;OPPORTUNITY&#8221;, &#8220;THREAT&#8221;. Professional business style.</td><td>SWOT分析のための、シンプルでモダンな2&#215;2マトリックス図。4つの象限はそれぞれ異なるパステルカラーで彩られており、各象限には「強み」「弱み」「機会」「脅威」のラベルが貼られています。プロフェッショナルなビジネススタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">3</td><td>ビジネス</td><td>概念図：AIと人間</td><td>セミナー用スライド</td><td>A conceptual illustration of a human hand shaking a robotic hand. In the background, a circuit board pattern connects them. Text floating above says &#8220;AI PARTNERSHIP&#8221;. Minimalist vector art style.</td><td>人間の手とロボットの手を握る概念図。背景には、回路基板のパターンがロボットの手を繋いでいる。上に浮かぶテキストには「AI PARTNERSHIP（AIパートナーシップ）」と書かれている。ミニマリストなベクターアートスタイル。</td></tr><tr><td class="has-text-align-right" data-align="right">4</td><td>ビジネス</td><td>目標達成のロードマップ</td><td>キックオフミーティング</td><td>A winding road map illustration going up a mountain. Flags along the road are labeled &#8220;Q1&#8221;, &#8220;Q2&#8221;, &#8220;Q3&#8221;, &#8220;Q4&#8221;. At the peak, a flag says &#8220;GOAL 2025&#8221;. Isometric 3D style.</td><td>山を登る曲がりくねった道路地図のイラスト。道路沿いの旗には「Q1」「Q2」「Q3」「Q4」と記されています。山頂には「GOAL 2025」と書かれた旗が立っています。アイソメトリック3Dスタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">5</td><td>ビジネス</td><td>組織図イメージ</td><td>会社案内パンフレット</td><td>A hierarchical organizational chart visualization using glowing orbs connected by lines. The top orb is labeled &#8220;CEO&#8221;, connected to three orbs labeled &#8220;Sales&#8221;, &#8220;Tech&#8221;, &#8220;HR&#8221;. Futuristic data visualization style.</td><td>光る球体を線で繋いだ階層的な組織図の視覚化。一番上の球体には「CEO」のラベルが付いており、「Sales」「Tech」「HR」のラベルが付いた3つの球体と繋がっています。未来的なデータ視覚化スタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">6</td><td>ビジネス</td><td>会議中のホワイトボード</td><td>議事録のイメージ画像</td><td>A photo of a glass whiteboard in a modern office. Written on the board in marker style is a mind map with the central word &#8220;STRATEGY&#8221;. Diverse team members are blurred in the background discussing.</td><td>モダンなオフィスにあるガラスのホワイトボードの写真。ボードにはマーカーで「戦略」という言葉を中央に置いたマインドマップが描かれている。背景には、多様なチームメンバーが議論している様子がぼやけている。</td></tr><tr><td class="has-text-align-right" data-align="right">7</td><td>ビジネス</td><td>カンバン方式ボード</td><td>プロジェクト管理資料</td><td>A visualization of a Kanban board with sticky notes. Columns are clearly labeled &#8220;TO DO&#8221;, &#8220;IN PROGRESS&#8221;, &#8220;DONE&#8221;. Sticky notes have scribbled text texture. Realistic office lighting.</td><td>付箋を使ったカンバンボードのビジュアル化。列には「TO DO」「IN PROGRESS」「DONE」と明確にラベルが付けられています。付箋には走り書きのような文字のテクスチャが施されています。オフィスの照明もリアルに再現されています。</td></tr><tr><td class="has-text-align-right" data-align="right">8</td><td>ビジネス</td><td>5ステッププロセス</td><td>マニュアル作成</td><td>A horizontal flow chart with 5 circular steps connected by arrows. Steps are numbered 1 to 5 clearly. The style is flat design with long shadows, corporate blue color palette.</td><td>矢印でつながれた5つの円形ステップを持つ横長のフローチャート。ステップには1から5までの番号が明確に付けられています。スタイルはフラットデザインで、長い影とコーポレートブルーのカラーパレットを使用しています。</td></tr><tr><td class="has-text-align-right" data-align="right">9</td><td>ビジネス</td><td>成功のトロフィー</td><td>表彰式のスライド</td><td>A close-up of a golden trophy cup on a wooden podium. The engraving on the base clearly reads &#8220;EMPLOYEE OF THE MONTH&#8221;. Spotlight effect, cinematic lighting.</td><td>木製の表彰台に置かれた金色のトロフィーカップのクローズアップ。台座には「EMPLOYEE OF THE MONTH」とはっきりと刻まれています。スポットライト効果と映画のような照明が印象的です。</td></tr><tr><td class="has-text-align-right" data-align="right">10</td><td>ビジネス</td><td>オフィス受付の看板</td><td>採用サイトの背景</td><td>A modern, bright office reception area with a green plant wall. A sleek acrylic sign on the wall reads &#8220;WELCOME TO THE TEAM&#8221;. High resolution architectural photography.</td><td>緑豊かな壁に囲まれた、モダンで明るいオフィス受付エリア。壁には洗練されたアクリルサインがあり、「WELCOME TO THE TEAM（チームへようこそ）」と書かれています。高解像度の建築写真です。</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">SNSにおける活用事例</h3>



<figure data-theadfix="both" class="wp-block-table min_width10_ is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">11</td><td>SNS</td><td>インスタ名言投稿</td><td>朝の挨拶投稿</td><td>A serene sunrise over a misty mountain landscape. Overlay text in elegant serif font centered in the sky says: &#8220;Make Today Amazing&#8221;. High quality nature photography.</td><td>霧のかかった山々の風景に沈む、穏やかな日の出。空の中央に、エレガントなセリフフォントで「Make Today Amazing（今日を素晴らしい日に）」と書かれたオーバーレイテキストが配置されています。高品質な自然写真です。</td></tr><tr><td class="has-text-align-right" data-align="right">12</td><td>SNS</td><td>セール告知バナー</td><td>ストーリーズ広告</td><td>A vibrant pop-art style background with yellow and pink geometric shapes. Huge bold 3D text in the center reads &#8220;50% OFF&#8221;. Confetti falling around the text.</td><td>黄色とピンクの幾何学模様が鮮やかなポップアート風の背景。中央には「50% OFF」と書かれた大きな3Dテキストが描かれています。テキストの周りには紙吹雪が舞っています。</td></tr><tr><td class="has-text-align-right" data-align="right">13</td><td>SNS</td><td>YouTubeサムネ背景</td><td>解説動画のサムネイル</td><td>A shocked anime-style character pointing at a glowing smartphone screen. Next to the phone, large impact text reads &#8220;NEW UPDATE!&#8221;. Background is a dynamic speed line effect.</td><td>光るスマートフォンの画面を指差す、驚きの表情をしたアニメ風キャラクター。スマートフォンの横には、インパクトのある大きな文字で「NEW UPDATE!」と書かれています。背景には、ダイナミックなスピードラインエフェクトが施されています。</td></tr><tr><td class="has-text-align-right" data-align="right">14</td><td>SNS</td><td>イベント招待状</td><td>デジタルインビテーション</td><td>A luxurious black and gold invitation card texture. Elegant cursive gold text reads &#8220;Gala Dinner Invitation&#8221;. Surrounded by decorative golden leaves.</td><td>高級感のある黒と金の招待状のテクスチャです。エレガントな筆記体で「Gala Dinner Invitation（ガラディナー招待状）」と書かれた金色の文字が、金色の葉で囲まれています。</td></tr><tr><td class="has-text-align-right" data-align="right">15</td><td>SNS</td><td>商品レビュー枠</td><td>ブログのアイキャッチ</td><td>A flat lay photo of a wooden desk with a laptop and coffee. A blank notepad in the center has the handwritten text &#8220;REVIEW 2025&#8221;. Warm, cozy lighting.</td><td>木製の机にノートパソコンとコーヒーが置かれたフラットレイ写真。中央の空白のメモ帳には「REVIEW 2025」と手書きで書かれています。温かみのある居心地の良い照明が印象的です。</td></tr><tr><td class="has-text-align-right" data-align="right">16</td><td>SNS</td><td>求人募集バナー</td><td>X (Twitter) 投稿</td><td>A friendly illustration of diverse office workers high-fiving. Bold text at the top says &#8220;WE ARE HIRING&#8221;. The background color is a professional navy blue.</td><td>多様なオフィスワーカーたちがハイタッチをする、親しみやすいイラストです。上部には太字で「採用中」と書かれています。背景色はプロフェッショナルなネイビーブルーです。</td></tr><tr><td class="has-text-align-right" data-align="right">17</td><td>SNS</td><td>ポッドキャストカバー</td><td>番組のアートワーク</td><td>A retro microphone illustration with neon colors. The title text &#8220;TECH TALK&#8221; is written in a retro vaporwave font above the mic. Dark purple background.</td><td>ネオンカラーのレトロなマイクのイラスト。マイクの上にはレトロなヴェイパーウェイヴフォントで「TECH TALK」というタイトルテキストが書かれています。背景は濃い紫色です。</td></tr><tr><td class="has-text-align-right" data-align="right">18</td><td>SNS</td><td>季節の挨拶</td><td>年賀状・クリスマス</td><td>A festive Christmas wreath on a white wooden door. A wooden sign hanging from the wreath reads &#8220;Happy Holidays&#8221;. Snow lightly dusting the scene.</td><td>白い木製のドアに、華やかなクリスマスリースが飾られています。リースには「ハッピーホリデー」と書かれた木製の看板がぶら下がっています。あたり一面に雪が舞っています。</td></tr><tr><td class="has-text-align-right" data-align="right">19</td><td>SNS</td><td>クイズ出題画像</td><td>エンゲージメント向上</td><td>A mysterious treasure chest slightly open, glowing inside. A question mark floats above it. Text at the bottom reads &#8220;GUESS WHAT&#8217;S INSIDE?&#8221;. Fantasy art style.</td><td>謎の宝箱が少し開いていて、中が光っています。上にはクエスチョンマークが浮かんでいます。下部には「GUESS WHAT&#8217;s INSHINE?」という文字が書かれています。ファンタジーアートスタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">20</td><td>SNS</td><td>ユーザーの声</td><td>サービス紹介</td><td>A speech bubble illustration on a clean background. Inside the bubble, text reads &#8220;5 Star Service!&#8221;. Five gold stars are displayed below the text. Minimalist design.</td><td>すっきりとした背景に、吹き出しのイラストが描かれています。吹き出しの中には「5つ星サービス！」という文字があり、その下に5つの金色の星が表示されています。ミニマルなデザインです。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">商品開発における活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>日本語訳文</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">21</td><td>商品開発</td><td>パッケージデザイン案</td><td>お菓子の新商品案</td><td>A mockup of a potato chip bag with a metallic finish. The logo on the bag reads &#8220;CRUNCHY&#8221; in red bold letters. Surrounded by fresh potatoes and salt crystals.</td><td>メタリック仕上げのポテトチップス袋のモックアップ。袋には赤い太字で「CRUNCHY」のロゴが。周囲には新鮮なジャガイモと塩の結晶があしらわれている。</td></tr><tr><td class="has-text-align-right" data-align="right">22</td><td>商品開発</td><td>アパレルロゴTシャツ</td><td>オンラインショップ画像</td><td>A young fashion model wearing a plain white t-shirt. The text &#8220;TOKYO VIBE&#8221; is printed on the chest in black gothic font. Street photography style, Harajuku background.</td><td>無地の白いTシャツを着た若いファッションモデル。胸元には黒のゴシックフォントで「TOKYO VIBE」の文字がプリントされている。ストリートフォト風で、背景は原宿。</td></tr><tr><td class="has-text-align-right" data-align="right">23</td><td>商品開発</td><td>ボトルラベル</td><td>クラフトビールのラベル</td><td>A brown glass beer bottle with a vintage paper label. The label features an illustration of a bear and text &#8220;FOREST LAGER&#8221;. Condensation droplets on the bottle.</td><td>ヴィンテージの紙ラベルが付いた茶色のガラス瓶。ラベルにはクマのイラストと「FOREST LAGER」の文字が描かれています。瓶には水滴が付いています。</td></tr><tr><td class="has-text-align-right" data-align="right">24</td><td>商品開発</td><td>ネオンサイン</td><td>店舗内装イメージ</td><td>A brick wall in a dim bar setting. A bright pink neon sign on the wall spells out &#8220;OPEN LATE&#8221;. Cyberpunk lighting atmosphere.</td><td>薄暗いバーのレンガの壁。壁には鮮やかなピンクのネオンサインが「OPEN LATE」と書かれている。サイバーパンクな照明の雰囲気。</td></tr><tr><td class="has-text-align-right" data-align="right">25</td><td>商品開発</td><td>トートバッグ</td><td>ノベルティグッズ案</td><td>A canvas tote bag hanging on a hook. The bag has a screen print design of a cat and text &#8220;ECO LIFE&#8221;. Natural sunlight casting shadows of leaves.</td><td>フックに掛けられたキャンバストートバッグ。スクリーンプリントされた猫のデザインと「ECO LIFE」の文字が描かれています。自然光が葉の影を映し出しています。</td></tr><tr><td class="has-text-align-right" data-align="right">26</td><td>商品開発</td><td>スマホアプリUI案</td><td>LPのヒーロー画像</td><td>A 3D rendering of a floating smartphone showing a fitness app interface. The screen displays a large &#8220;START&#8221; button and a graph. Background is abstract fitness elements.</td><td>フィットネスアプリのインターフェースが表示された、宙に浮いたスマートフォンの3Dレンダリング。画面には大きな「スタート」ボタンとグラフが表示されています。背景には抽象的なフィットネス要素が描かれています。</td></tr><tr><td class="has-text-align-right" data-align="right">27</td><td>商品開発</td><td>コーヒーカップ</td><td>カフェのメニュー写真</td><td>A paper coffee cup on a cafe table. The sleeve on the cup says &#8220;Morning Brew&#8221;. Steam rising from the cup, soft bokeh background of a coffee shop.</td><td>カフェのテーブルに置かれた紙製のコーヒーカップ。カップのスリーブには「Morning Brew」と書かれています。カップから立ち上る湯気と、柔らかなボケ味のコーヒーショップの背景。</td></tr><tr><td class="has-text-align-right" data-align="right">28</td><td>商品開発</td><td>書籍の装丁案</td><td>Amazonの商品画像</td><td>A hardcover book standing upright. The cover features a starry galaxy design and the title &#8220;SPACE TRAVEL GUIDE&#8221; in silver foil stamping.</td><td>ハードカバーの本を縦向きに立てた状態。表紙には星空を描いた銀河のデザインと、「SPACE TRAVEL GUIDE」のタイトルが銀箔押しで施されています。</td></tr><tr><td class="has-text-align-right" data-align="right">29</td><td>商品開発</td><td>化粧品ボトル</td><td>高級コスメの広告</td><td>A minimalist frosted glass lotion bottle on a marble podium. The bottle text reads &#8220;PURE SKIN&#8221;. Surrounded by white orchid flowers. High-key lighting.</td><td>大理石の台座に置かれた、ミニマルなすりガラスのローションボトル。ボトルには「PURE SKIN（ピュアスキン）」の文字が。白い蘭の花に囲まれ、ハイキーな照明が印象的。</td></tr><tr><td class="has-text-align-right" data-align="right">30</td><td>商品開発</td><td>車のラッピング</td><td>営業車のデザイン</td><td>A side view of a white delivery van. The side panel has a large colorful decal with the text &#8220;FAST DELIVERY 24/7&#8221;. Studio lighting.</td><td>白い配達用バンの側面図。側面パネルには「FAST DELIVERY 24/7」と書かれた大きなカラフルなステッカーが貼られている。スタジオ照明。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">教育における活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right"><strong>No.</strong></th><th><strong>カテゴリー</strong></th><th><strong>タイトル</strong></th><th><strong>活用シーン</strong></th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">31</td><td>教育</td><td>水の循環図</td><td>理科の授業スライド</td><td>An educational diagram showing the water cycle. Arrows connect the ocean, clouds, and rain. Labels read &#8220;Evaporation&#8221;, &#8220;Condensation&#8221;, &#8220;Precipitation&#8221;. Clear vector illustration style.</td><td>水循環を示す教育用図。矢印は海、雲、雨を繋いでいます。ラベルには「蒸発」「凝結」「降水」と書かれています。分かりやすいベクターイラストスタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">32</td><td>教育</td><td>歴史年表</td><td>歴史の教科書挿絵</td><td>A timeline illustration on an old parchment scroll. Markers on the line indicate &#8220;1800&#8221;, &#8220;1900&#8221;, &#8220;2000&#8221;. Small icons represent the industrial revolution and internet age.</td><td>古い羊皮紙の巻物に描かれた年表のイラスト。線上のマーカーは「1800年」、「1900年」、「2000年」を示しています。小さなアイコンは産業革命とインターネット時代を表しています。</td></tr><tr><td class="has-text-align-right" data-align="right">33</td><td>教育</td><td>太陽系図</td><td>天文学のポスター</td><td>A realistic diagram of the solar system. Planets are aligned. Labels next to each planet read &#8220;Mercury&#8221;, &#8220;Venus&#8221;, &#8220;Earth&#8221;, &#8220;Mars&#8221;. Dark space background.</td><td>太陽系のリアルな図。惑星が一列に並んでいます。それぞれの惑星の横には「水星」「金星」「地球」「火星」のラベルが付いています。背景は暗い宇宙空間です。</td></tr><tr><td class="has-text-align-right" data-align="right">34</td><td>教育</td><td>人体の構造（胃）</td><td>保健の授業</td><td>A cross-section illustration of the human stomach. Labels indicate &#8220;Esophagus&#8221; and &#8220;Stomach&#8221;. Clean medical illustration style, friendly for students.</td><td>人間の胃の断面図。ラベルには「食道」と「胃」と表示されています。学生にも分かりやすい、すっきりとした医療イラストスタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">35</td><td>教育</td><td>ABCアルファベット</td><td>英語学習カード</td><td>A colorful flashcard for children. A large letter &#8220;A&#8221; and a cute illustration of an Apple. The word &#8220;Apple&#8221; is written clearly at the bottom.</td><td>カラフルな子供向けフラッシュカード。大きな「A」の文字と、かわいいリンゴのイラストが描かれています。下部には「Apple」という文字がはっきりと書かれています。</td></tr><tr><td class="has-text-align-right" data-align="right">36</td><td>教育</td><td>算数の分数</td><td>算数ドリル</td><td>A visual representation of fractions. A pizza cut into 4 slices with 1 slice separated. Text next to it says &#8220;1/4&#8221;. Bright and colorful cartoon style.</td><td>分数の視覚的表現。ピザを4切れに切り分け、1切れを分離しています。その横に「1/4」と書かれています。明るくカラフルな漫画風のスタイルです。</td></tr><tr><td class="has-text-align-right" data-align="right">37</td><td>教育</td><td>光の三原色</td><td>美術の授業</td><td>A Venn diagram of three overlapping spotlights: Red, Green, Blue. The center overlap is white. Labels &#8220;RGB&#8221; are placed in the respective circles.</td><td>3つのスポットライト（赤、緑、青）が重なり合うベン図。中央の重なり合う部分は白です。それぞれの円に「RGB」のラベルが付けられています。</td></tr><tr><td class="has-text-align-right" data-align="right">38</td><td>教育</td><td>リサイクル分別</td><td>学校の掲示物</td><td>Four recycling bins in different colors (Blue, Green, Red, Yellow). Labels on bins read &#8220;Paper&#8221;, &#8220;Glass&#8221;, &#8220;Plastic&#8221;, &#8220;Metal&#8221;. isometric icon style.</td><td>異なる色（青、緑、赤、黄）の4つのリサイクルビン。ビンには「紙」「ガラス」「プラスチック」「金属」のラベルが付いています。アイソメトリックアイコンスタイル。</td></tr><tr><td class="has-text-align-right" data-align="right">39</td><td>教育</td><td>世界地図</td><td>地理の資料</td><td>A stylized world map where continents are made of dots. The text &#8220;WORLD MAP&#8221; is elegantly placed in the Pacific Ocean area. Modern tech blue color scheme.</td><td>大陸をドットで表現した、スタイリッシュな世界地図。太平洋エリアには「WORLD MAP」の文字がエレガントに配置されています。モダンなテックブルーの配色が特徴です。</td></tr><tr><td class="has-text-align-right" data-align="right">40</td><td>教育</td><td>元素記号カード</td><td>化学の暗記カード</td><td>A square card design resembling the periodic table element. Large &#8220;Au&#8221; in the center, &#8220;Gold&#8221; below it, and atomic number &#8220;79&#8221; in the corner. Gold texture background.</td><td>周期表の元素を模した正方形のカードデザイン。中央に大きく「Au」、その下に「Gold」、そして角に原子番号「79」が記されています。背景には金色のテクスチャが施されています。</td></tr></tbody></table></figure>



<h3 class="wp-block-heading">エンタメにおける活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">41</td><td>エンタメ</td><td>4コマ漫画の1コマ目</td><td>Web漫画制作</td><td>A panel of a comic strip. A cute robot character is waking up in bed. A speech bubble coming from the robot says &#8220;Good Morning!&#8221;. Black and white manga style.</td><td>漫画のコマ。可愛いロボットキャラクターがベッドで目を覚ましています。ロボットから吹き出しが出て「おはよう！」と言っているのが分かります。白黒のマンガ風です。</td></tr><tr><td class="has-text-align-right" data-align="right">42</td><td>エンタメ</td><td>RPGのステータス画面</td><td>ゲーム制作</td><td>A retro RPG game status screen. Pixel art style. It shows a knight character face, and text lists &#8220;HP: 100&#8221;, &#8220;MP: 50&#8221;, &#8220;LVL: 10&#8221;.</td><td>レトロなRPGゲームのステータス画面。ドット絵風。騎士の顔と「HP: 100」「MP: 50」「LVL: 10」のテキストが表示されます。</td></tr><tr><td class="has-text-align-right" data-align="right">43</td><td>エンタメ</td><td>映画ポスター</td><td>自作小説の表紙</td><td>A cinematic movie poster for a sci-fi thriller. A silhouette of a hero standing against a giant alien ship. Title text at the bottom reads &#8220;LAST DEFENSE&#8221;.</td><td>SFスリラー映画のポスター。巨大なエイリアンの宇宙船に立ち向かうヒーローのシルエット。下部には「LAST DEFENSE（最後の防衛）」というタイトルテキストが書かれている。</td></tr><tr><td class="has-text-align-right" data-align="right">44</td><td>エンタメ</td><td>タロットカード</td><td>占いコンテンツ</td><td>A tarot card design for &#8220;The Sun&#8221;. A radiant sun with a face, shining on a garden. The text &#8220;THE SUN&#8221; is written in a scroll at the bottom. Art Nouveau style.</td><td>「太陽」のタロットカードデザイン。顔を持つ輝く太陽が庭を照らしています。下部には「THE SUN」という文字が巻物のように書かれています。アール・ヌーヴォー様式です。</td></tr><tr><td class="has-text-align-right" data-align="right">45</td><td>エンタメ</td><td>トレーディングカード</td><td>オリジナルカードゲーム</td><td>A fantasy trading card frame. Inside is a fire dragon illustration. Text box at the bottom contains the description &#8220;Fire Breath attack&#8221;.</td><td>ファンタジーなトレーディングカードフレーム。内側には火竜のイラストが描かれています。下部のテキストボックスには「ファイアブレス攻撃」との説明があります。</td></tr><tr><td class="has-text-align-right" data-align="right">46</td><td>エンタメ</td><td>動画配信画面風</td><td>VTuber風画像の作成</td><td>A fake screenshot of a live stream interface. An anime avatar is in the corner. A chat box on the right has scrolling text. Overlay text &#8220;LIVE NOW&#8221;.</td><td>ライブ配信インターフェースの偽のスクリーンショット。隅にアニメのアバターが表示され、右側のチャットボックスにはスクロールするテキストがあります。オーバーレイテキストには「LIVE NOW」と表示されています。</td></tr><tr><td class="has-text-align-right" data-align="right">47</td><td>エンタメ</td><td>雑誌の表紙風</td><td>同人誌の表紙</td><td>A fashion magazine cover layout. A stylish girl posing. Large masthead text &#8220;FASHION WEEK&#8221;. Teaser headlines on the side read &#8220;Spring Trends&#8221;.</td><td>ファッション雑誌の表紙レイアウト。スタイリッシュな女性がポーズをとっています。大きな見出しには「FASHION WEEK」の文字。サイドのティーザー見出しには「春のトレンド」と書かれています。</td></tr><tr><td class="has-text-align-right" data-align="right">48</td><td>エンタメ</td><td>ピクセルアートの街</td><td>ゲームの背景素材</td><td>A wide pixel art cityscape at night. A large billboard on a building scrolls the text &#8220;GAME OVER&#8221;. Cyberpunk aesthetic.</td><td>夜の広大なピクセルアート都市風景。建物の巨大な看板に「GAME OVER」の文字がスクロールする。サイバーパンクな美学。</td></tr><tr><td class="has-text-align-right" data-align="right">49</td><td>エンタメ</td><td>スタンプ画像</td><td>LINEスタンプ案</td><td>A sticker illustration of a happy shiba inu dog giving a thumbs up. Large bold text next to it says &#8220;OK!&#8221;. Sticker outline effect.</td><td>親指を立てた、幸せそうな柴犬のステッカーイラストです。横には「OK！」と大きく太字で書かれています。ステッカーにはアウトライン効果があります。</td></tr><tr><td class="has-text-align-right" data-align="right">50</td><td>エンタメ</td><td>サウンドノベル背景</td><td>ゲーム背景</td><td>A classroom at sunset. Empty desks. On the blackboard, the text &#8220;See you tomorrow&#8221; is written in chalk. Nostalgic anime background style.</td><td>夕暮れの教室。机は空っぽ。黒板にはチョークで「また明日」と書かれている。懐かしいアニメ風の背景。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">地図ガイドにおける活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">51</td><td>地図ガイド</td><td>観光イラストマップ</td><td>旅のしおり作成</td><td>A cute hand-drawn style illustrated map of Asakusa, Tokyo. Key landmarks like &#8220;Kaminarimon&#8221;, &#8220;Senso-ji&#8221;, and &#8220;Skytree&#8221; are depicted with small icons. The path is highlighted in red. Text labels are in Japanese.</td><td>東京・浅草の可愛らしい手描き風イラストマップです。「雷門」「浅草寺」「スカイツリー」といった主要なランドマークが小さなアイコンで描かれています。ルートは赤でハイライトされています。テキストラベルは日本語です。</td></tr><tr><td class="has-text-align-right" data-align="right">52</td><td>地図ガイド</td><td>フェスの会場マップ</td><td>イベント案内</td><td>A colorful isometric map of an outdoor music festival. Stages are labeled &#8220;Main Stage&#8221;, &#8220;Food Court&#8221;, &#8220;Camping Area&#8221;. Tents and crowds are visible. Friendly and exciting atmosphere.</td><td>野外音楽フェスティバルのカラフルなアイソメトリックマップ。ステージには「メインステージ」「フードコート」「キャンプエリア」と表示されています。テントや観客の様子も確認できます。フレンドリーで刺激的な雰囲気が伝わってきます。</td></tr><tr><td class="has-text-align-right" data-align="right">53</td><td>地図ガイド</td><td>店内フロアガイド</td><td>カフェのメニュー裏</td><td>A detailed floor plan illustration of a cozy bookstore cafe. Areas are labeled &#8220;Reading Nook&#8221;, &#8220;Espresso Bar&#8221;, &#8220;New Arrivals&#8221;. Warm wood textures and overhead view.</td><td>居心地の良い書店カフェの詳細なフロアプランイラスト。各エリアには「読書コーナー」「エスプレッソバー」「新着商品」のラベルが付けられています。温かみのある木の質感と俯瞰図が印象的です。</td></tr><tr><td class="has-text-align-right" data-align="right">54</td><td>地図ガイド</td><td>動物園の園内地図</td><td>遠足の資料</td><td>A fun cartoon-style map of a zoo. Different zones are colored differently (Green for Jungle, Blue for Aquarium). Icons of lions, penguins, and elephants are placed in their zones.</td><td>動物園の楽しい漫画風マップです。ゾーンごとに色が異なります（ジャングルは緑、水族館は青）。ライオン、ペンギン、ゾウのアイコンがそれぞれのゾーンに配置されています。</td></tr><tr><td class="has-text-align-right" data-align="right">55</td><td>地図ガイド</td><td>架空のRPG世界地図</td><td>ゲーム設定資料</td><td>A vintage fantasy world map on old paper. Mountains, forests, and a dragon&#8217;s lair are drawn in ink style. Labels read &#8220;Dragon Mountain&#8221;, &#8220;Elven Forest&#8221; in an ancient font.</td><td>古い紙に描かれたヴィンテージのファンタジー世界地図。山、森、そしてドラゴンの巣穴がインクで描かれています。ラベルには古風なフォントで「ドラゴンの山」「エルフの森」と書かれています。</td></tr><tr><td class="has-text-align-right" data-align="right">56</td><td>地図ガイド</td><td>最寄り駅からのアクセス</td><td>お店のアクセスページ</td><td>A simple, clean 3D map showing the route from the station to a shop. Landmarks like &#8220;Post Office&#8221; and &#8220;Park&#8221; are clearly labeled. The destination building is highlighted in orange.</td><td>駅からお店までのルートを示すシンプルで見やすい3Dマップです。「郵便局」や「公園」などのランドマークは分かりやすく表示されています。目的地の建物はオレンジ色でハイライトされています。</td></tr><tr><td class="has-text-align-right" data-align="right">57</td><td>地図ガイド</td><td>キャンプ場ガイド</td><td>施設の看板</td><td>A rustic nature map of a camping site. Icons show &#8220;Tent Site&#8221;, &#8220;BBQ Area&#8221;, &#8220;Restroom&#8221;. Drawn in a watercolor style with green trees surrounding.</td><td>キャンプ場の素朴な自然地図です。アイコンには「テントサイト」「バーベキューエリア」「トイレ」が表示されています。水彩画調で描かれ、周囲には緑の木々が広がっています。</td></tr><tr><td class="has-text-align-right" data-align="right">58</td><td>地図ガイド</td><td>避難経路図</td><td>オフィスの掲示物</td><td>A clear and professional evacuation route map for an office building. Green arrows show the path to the &#8220;Exit&#8221;. Fire extinguisher locations are marked with red icons.</td><td>オフィスビルの明確でプロフェッショナルな避難経路図。緑色の矢印は「出口」への経路を示しています。消火器の位置は赤いアイコンで示されています。</td></tr><tr><td class="has-text-align-right" data-align="right">59</td><td>地図ガイド</td><td>ショッピングモール案内</td><td>デジタルサイネージ</td><td>A futuristic 3D wireframe map of a shopping mall. Floors are stacked. Labels indicate &#8220;Fashion&#8221;, &#8220;Cinema&#8221;, &#8220;Food&#8221;. Neon accents.</td><td>ショッピングモールの未来的な3Dワイヤーフレームマップ。フロアは積み重ねられており、「ファッション」「シネマ」「フード」のラベルが付けられています。ネオンのアクセントが光ります。</td></tr><tr><td class="has-text-align-right" data-align="right">60</td><td>地図ガイド</td><td>ワインの産地マップ</td><td>ワインリストの挿絵</td><td>A map of France highlighting wine regions. Regions like &#8220;Bordeaux&#8221; and &#8220;Champagne&#8221; are colored in grape purple and gold. Grape illustrations decorate the border.</td><td>ワイン産地を強調したフランスの地図。「ボルドー」や「シャンパーニュ」などの地域はブドウの紫と金色で彩色されています。境界線にはブドウのイラストが描かれています。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">手順図解における活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">61</td><td>手順図解</td><td>コーヒーの淹れ方</td><td>カフェの壁面アート</td><td>A 4-step instructional illustration on how to brew coffee. Step 1: Grinding beans, Step 2: Pouring water, Step 3: Dripping, Step 4: Enjoying. Chalkboard art style.</td><td>コーヒーの淹れ方を4ステップで解説するイラストです。ステップ1：豆を挽く、ステップ2：お湯を注ぐ、ステップ3：ドリップする、ステップ4：楽しむ。黒板アート風です。</td></tr><tr><td class="has-text-align-right" data-align="right">62</td><td>手順図解</td><td>ネクタイの結び方</td><td>新社会人向けマニュアル</td><td>A sequential diagram showing how to tie a necktie. 5 distinct steps with arrows showing the movement of the fabric. Clean line art on a white background.</td><td>ネクタイの結び方を段階的に示した図解。5つのステップと、布の動きを示す矢印が描かれています。白い背景に、すっきりとした線画が描かれています。</td></tr><tr><td class="has-text-align-right" data-align="right">63</td><td>手順図解</td><td>観葉植物の植え替え</td><td>園芸店のPOP</td><td>A cute guide on repotting a plant. Step 1: Remove pot, Step 2: Loosen roots, Step 3: Add new soil. Illustrated in a soft pastel style with Japanese text descriptions.</td><td>植物の植え替えを楽しくガイドします。ステップ1：鉢を外す、ステップ2：根をほぐす、ステップ3：新しい土を入れる。柔らかなパステル調のイラストと日本語のテキストで解説しています。</td></tr><tr><td class="has-text-align-right" data-align="right">64</td><td>手順図解</td><td>筋トレフォーム解説</td><td>ジムのインスタ投稿</td><td>An infographic showing the correct form for a squat. Two figures side-by-side labeled &#8220;Good Form&#8221; and &#8220;Bad Form&#8221;. Red lines indicate spine alignment. Realistic 3D render.</td><td>スクワットの正しいフォームを示すインフォグラフィック。2つの図が並んでおり、「良いフォーム」と「悪いフォーム」とラベルが付けられています。赤い線は背骨のアライメントを示しています。リアルな3Dレンダリング。</td></tr><tr><td class="has-text-align-right" data-align="right">65</td><td>手順図解</td><td>手洗いポスター</td><td>衛生管理の掲示</td><td>A hygiene poster showing 6 steps of hand washing. Hands scrubbing palms, fingers, and wrists. Bubbles and water droplets. Bright blue and white clean style.</td><td>手洗いの6つのステップを示す衛生ポスター。手のひら、指、手首をこする手。泡と水滴。鮮やかな青と白の清潔感のあるスタイル。</td></tr><tr><td class="has-text-align-right" data-align="right">66</td><td>手順図解</td><td>家具の組み立て図</td><td>説明書の補助</td><td>An isometric view of a wooden chair being assembled. Screws and tools are floating in place to show where they go. Technical illustration style.</td><td>組み立て中の木製椅子のアイソメトリック図。ネジと工具は、取り付け位置を示すために浮いた状態で配置されています。テクニカルイラストレーション風。</td></tr><tr><td class="has-text-align-right" data-align="right">67</td><td>手順図解</td><td>リサイクルの流れ</td><td>環境学習の資料</td><td>A circular flow chart showing a plastic bottle being recycled into a new shirt. Arrows connect &#8220;Bin&#8221;, &#8220;Factory&#8221;, &#8220;Pellets&#8221;, &#8220;T-shirt&#8221;. Flat vector design.</td><td>ペットボトルが新しいシャツにリサイクルされる様子を示す円形のフローチャート。矢印は「ゴミ箱」「工場」「ペレット」「Tシャツ」を繋いでいます。フラットなベクターデザインです。</td></tr><tr><td class="has-text-align-right" data-align="right">68</td><td>手順図解</td><td>アプリの登録フロー</td><td>LPの解説図</td><td>A horizontal user journey map. Icons representing &#8220;Download&#8221;, &#8220;Create Account&#8221;, &#8220;Start Using&#8221;. Connected by a dotted line on a smartphone screen background.</td><td>横長のユーザージャーニーマップ。「ダウンロード」「アカウント作成」「利用開始」を表すアイコンが、スマートフォン画面の背景に点線で結ばれています。</td></tr><tr><td class="has-text-align-right" data-align="right">69</td><td>手順図解</td><td>料理レシピ（カレー）</td><td>料理ブログ</td><td>A visual recipe for curry. Ingredients like onions, carrots, and meat are shown on the left, entering a pot in the center, and the finished curry rice on the right. Warm appetizing colors.</td><td>カレーのビジュアルレシピ。左側に玉ねぎ、ニンジン、肉などの材料が描かれ、中央の鍋に入れられ、右側には完成したカレーライスが描かれています。温かみのある色合いで食欲をそそります。</td></tr><tr><td class="has-text-align-right" data-align="right">70</td><td>手順図解</td><td>商品購入プロセス</td><td>ECサイトのヘルプ</td><td>A simple illustration showing &#8220;Order&#8221;, &#8220;Payment&#8221;, &#8220;Shipping&#8221;, &#8220;Delivery&#8221;. A delivery truck moves along the line. Minimalist icon style.</td><td>「注文」「お支払い」「発送」「お届け」を示すシンプルなイラスト。配送トラックが線に沿って移動します。ミニマルなアイコンスタイルです。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">参照活用における活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">71</td><td>参照活用</td><td>手書きUIの清書</td><td>アプリ開発会議</td><td>(Input: Hand-drawn wireframe) Generate a high-fidelity UI design for a travel app based on this sketch. Use a blue and white color scheme. The images should be photos of tropical beaches.</td><td>（入力：手描きのワイヤーフレーム）このスケッチに基づいて、旅行アプリ用の高忠実度UIデザインを生成してください。青と白の配色を使用してください。画像は熱帯のビーチの写真にしてください。</td></tr><tr><td class="has-text-align-right" data-align="right">72</td><td>参照活用</td><td>落書きをリアルに</td><td>子供の絵の記念</td><td>(Input: Child&#8217;s drawing of a monster) Turn this drawing into a realistic 3D movie character. Keep the original colors and shape but add realistic fur and lighting.</td><td>（入力：子供が描いたモンスターの絵）この絵をリアルな3D映画キャラクターに仕上げましょう。元の色と形はそのままに、リアルな毛並みとライティングを加えましょう。</td></tr><tr><td class="has-text-align-right" data-align="right">73</td><td>参照活用</td><td>間取り図の3D化</td><td>不動産広告</td><td>(Input: 2D floor plan) Create a realistic 3D top-down view of this apartment. Modern interior design with wooden floors and beige furniture. Sunlight coming through windows.</td><td>（入力：2Dフロアプラン）このアパートのリアルな3D平面図を作成します。木製の床とベージュの家具が特徴のモダンなインテリアデザイン。窓からは日光が差し込みます。</td></tr><tr><td class="has-text-align-right" data-align="right">74</td><td>参照活用</td><td>キャラクターの3面図</td><td>3Dモデリング資料</td><td>(Input: Front view of character) Generate the side view and back view of this anime character. Maintain consistency in costume details and hair color. Flat shading style.</td><td>（入力：キャラクターの正面図）このアニメキャラクターの側面図と背面図を生成します。衣装のディテールと髪色の一貫性を保ちます。フラットシェーディングスタイルを使用します。</td></tr><tr><td class="has-text-align-right" data-align="right">75</td><td>参照活用</td><td>バナーのレイアウト変更</td><td>広告A/Bテスト</td><td>(Input: Original square banner) Resize this banner design to a wide horizontal header (16:9). Keep the logo and text &#8220;SUMMER SALE&#8221; but extend the beach background naturally.</td><td>（入力：オリジナルの正方形バナー）このバナーデザインを、横長のヘッダー（16:9）に合わせてサイズ調整します。ロゴと「SUMMER SALE」のテキストはそのままに、ビーチの背景部分を自然に広げます。</td></tr><tr><td class="has-text-align-right" data-align="right">76</td><td>参照活用</td><td>服の柄の適用</td><td>アパレル企画</td><td>(Input: Plain dress photo + Pattern image) Apply this floral pattern to the white dress in the photo. The pattern should follow the folds and shadows of the fabric realistically.</td><td>（入力：無地のドレスの写真 + パターン画像）この花柄を写真の白いドレスに当てはめてください。パターンは布地のひだや影をリアルに再現する必要があります。</td></tr><tr><td class="has-text-align-right" data-align="right">77</td><td>参照活用</td><td>ロゴの立体化</td><td>会社の看板イメージ</td><td>(Input: 2D Logo file) Create a photorealistic image of this logo as a metallic sign mounted on a concrete wall. Add cinematic lighting and shadows.</td><td>（入力：2Dロゴファイル）コンクリートの壁にメタリックな看板を設置した、このロゴのフォトリアリスティックな画像を作成します。映画のような照明と影を追加します。</td></tr><tr><td class="has-text-align-right" data-align="right">78</td><td>参照活用</td><td>自撮りのスタイル変換</td><td>SNSアイコン</td><td>(Input: Selfie photo) Transform this portrait into a Renaissance oil painting style. Keep the person&#8217;s likeness but change the clothes to period costume.</td><td>（入力：自撮り写真）この肖像画をルネサンス風の油絵風に仕上げましょう。人物の容姿はそのままに、衣装を時代衣装に変更してください。</td></tr><tr><td class="has-text-align-right" data-align="right">79</td><td>参照活用</td><td>商品の背景合成</td><td>カタログ作成</td><td>(Input: Product photo of a shoe) Place this shoe on a rugged rocky terrain for a hiking advertisement. Ensure the lighting and shadows match the outdoor environment.</td><td>（入力：靴の商品写真）ハイキング広告用に、この靴を岩だらけの地形に配置します。照明と影が屋外の環境に一致するようにしてください。</td></tr><tr><td class="has-text-align-right" data-align="right">80</td><td>参照活用</td><td>線画の着色</td><td>イラスト制作補助</td><td>(Input: Black and white line art) Color this manga page. Use a vibrant anime coloring style with dramatic lighting effects. The character&#8217;s hair is pink and eyes are blue.</td><td>（入力：白黒の線画）このマンガのページに色を塗ってください。鮮やかなアニメ調の塗り絵とドラマチックな照明効果を使ってください。キャラクターの髪はピンク、目は青です。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">画像編集における活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">81</td><td>画像編集</td><td>晴れを雨に変更</td><td>情緒的な演出</td><td>Change the weather in this street photo from sunny to rainy. Add reflections on the ground and people holding umbrellas. The mood should be melancholic.</td><td>このストリート写真の天気を晴れから雨に変更しましょう。地面の反射と傘を差している人々を追加して、メランコリックな雰囲気を演出しましょう。</td></tr><tr><td class="has-text-align-right" data-align="right">82</td><td>画像編集</td><td>真顔を笑顔に</td><td>社員紹介写真</td><td>Edit the person&#8217;s expression to a natural, friendly smile. Keep the rest of the face and angle exactly the same. Slight crinkling around the eyes.</td><td>人物の表情を自然で親しみやすい笑顔に編集します。顔の残りの部分と角度はそのままに、目の周りに少ししわを寄せます。</td></tr><tr><td class="has-text-align-right" data-align="right">83</td><td>画像編集</td><td>昼を夜景に</td><td>建築パース</td><td>Change the time of day to night. Turn on the interior lights of the building and add streetlights. The sky should be a deep dark blue.</td><td>昼の時間を夜に変更します。建物の室内灯を点灯し、街灯を追加します。空は濃い青色になります。</td></tr><tr><td class="has-text-align-right" data-align="right">84</td><td>画像編集</td><td>不要な通行人の削除</td><td>観光写真の整理</td><td>Remove the tourists in the background. Fill the space naturally with the pavement and scenery. Keep the main subject in the center.</td><td>背景の観光客は避け、歩道や風景で空間を自然に埋め、主題を中央に配置します。</td></tr><tr><td class="has-text-align-right" data-align="right">85</td><td>画像編集</td><td>服の色変更</td><td>カラーバリエーション</td><td>Change the color of the jacket from red to navy blue. Maintain the texture and shadows of the fabric.</td><td>ジャケットの色を赤から紺色に変更します。生地の質感と陰影はそのままに。</td></tr><tr><td class="has-text-align-right" data-align="right">86</td><td>画像編集</td><td>眼鏡の追加</td><td>スタイリング検討</td><td>Add a pair of stylish black-rimmed glasses to the model&#8217;s face. The glasses should fit the face shape and have realistic reflections.</td><td>モデルの顔にスタイリッシュな黒縁メガネを合わせましょう。メガネは顔の形にフィットし、リアルな反射が映えるものを選びましょう。</td></tr><tr><td class="has-text-align-right" data-align="right">87</td><td>画像編集</td><td>背景をオフィスに</td><td>Web会議背景作成</td><td>Replace the messy room background with a clean, blurred modern office background. Professional lighting.</td><td>散らかった部屋の背景を、すっきりとぼかしたモダンなオフィスの背景に置き換えましょう。プロ仕様の照明です。</td></tr><tr><td class="has-text-align-right" data-align="right">88</td><td>画像編集</td><td>髪型の変更</td><td>ヘアスタイルの提案</td><td>Change the model&#8217;s hair from long to a short bob cut. Keep the hair color the same. Ensure the hair falls naturally around the face.</td><td>モデルの髪をロングからショートボブにカットします。髪の色はそのままに、顔の周りに自然な流れになるようにします。</td></tr><tr><td class="has-text-align-right" data-align="right">89</td><td>画像編集</td><td>季節を冬に</td><td>シーズン広告</td><td>Transform this park scene into winter. Add snow on the trees and ground. People should be wearing scarves and coats.</td><td>この公園の風景を冬仕様にしましょう。木々や地面に雪を降らせ、人々にはスカーフやコートを着せましょう。</td></tr><tr><td class="has-text-align-right" data-align="right">90</td><td>画像編集</td><td>猫を追加</td><td>癒やし画像の作成</td><td>Add a sleeping ginger cat on the sofa next to the person. The cat should look fluffy and sunk into the cushion.</td><td>人物の隣のソファに、眠っているオレンジ色の猫を置きましょう。猫はふわふわとクッションに沈み込んでいるように見えます。</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">日本語画像生成における活用事例</h3>



<figure data-theadfix="both" class="wp-block-table is-style-stripes sp_block_"><table style="--swl-cell1-width:50px;font-size:15px;" class="has-fixed-layout"><thead><tr><th class="has-text-align-right" data-align="right">No.</th><th>カテゴリー</th><th>タイトル</th><th>活用シーン</th><th>プロンプト例</th><th>プロンプト（日本語訳）</th></tr></thead><tbody><tr><td class="has-text-align-right" data-align="right">91</td><td>日本語</td><td>縦書きの俳句</td><td>文化的ポスター</td><td>A serene image of a frog jumping into a pond. Vertical Japanese calligraphy text on the right reads &#8220;古池や 蛙飛び込む 水の音&#8221;. Traditional ink wash painting style.</td><td>A serene image of a frog jumping into a pond. Vertical Japanese calligraphy text on the right reads &#8220;古池や 蛙飛び込む 水の音&#8221;. Traditional ink wash painting style.</td></tr><tr><td class="has-text-align-right" data-align="right">92</td><td>日本語</td><td>居酒屋のメニュー</td><td>店内POP</td><td>A appetizing photo of Yakitori. Bold brush stroke Japanese text overlay says &#8220;全品 280円&#8221;. Background is a warm lantern-lit Izakaya atmosphere.</td><td>食欲をそそる焼き鳥の写真。太字の筆致で「全品 280円」と書かれた日本語のテキストが重ねられています。背景には、提灯の灯りが照らす居酒屋の温かみのある雰囲気が漂っています。</td></tr><tr><td class="has-text-align-right" data-align="right">93</td><td>日本語</td><td>新聞の号外風</td><td>パロディ画像</td><td>A fake newspaper front page. Large bold Japanese headline &#8220;祝！目標達成&#8221;. Below is a photo of a team cheering. Realistic paper texture.</td><td>偽の新聞の1面。大きく太字で「祝！目標達成」と書かれた日本語の見出し。下には応援するチームの写真。リアルな紙の質感。</td></tr><tr><td class="has-text-align-right" data-align="right">94</td><td>日本語</td><td>漫画の吹き出し</td><td>コミック制作</td><td>A manga panel showing a hero shouting. A jagged speech bubble contains the Japanese text &#8220;絶対に諦めない！&#8221;. Dynamic speed lines in the background.</td><td>A manga panel showing a hero shouting. A jagged speech bubble contains the Japanese text &#8220;絶対に諦めない！&#8221;. Dynamic speed lines in the background.</td></tr><tr><td class="has-text-align-right" data-align="right">95</td><td>日本語</td><td>習字の半紙</td><td>学校の素材</td><td>A close-up of a calligraphy brush writing on white rice paper. The character being written is &#8220;夢&#8221; in bold black ink. Zen atmosphere.</td><td>白い和紙に毛筆で書かれた書道のクローズアップ。太い黒インクで書かれた「夢」という文字。禅的な雰囲気が漂います。</td></tr><tr><td class="has-text-align-right" data-align="right">96</td><td>日本語</td><td>昭和レトロ看板</td><td>ゲーム背景素材</td><td>A rusty metal sign on an old Japanese street. The sign reads &#8220;オロナミンC&#8221; in retro katakana font. Nostalgic Showa-era evening vibe.</td><td>A rusty metal sign on an old Japanese street. The sign reads &#8220;オロナミンC&#8221; in retro katakana font. Nostalgic Showa-era evening vibe.</td></tr><tr><td class="has-text-align-right" data-align="right">97</td><td>日本語</td><td>ネオン街の看板</td><td>サイバーパンク背景</td><td>A futuristic cyberpunk Tokyo street. Neon signs in Japanese read &#8220;電脳喫茶&#8221; and &#8220;24時間営業&#8221;. Glowing pink and blue lights reflecting in rain.</td><td>A futuristic cyberpunk Tokyo street. Neon signs in Japanese read &#8220;電脳喫茶&#8221; and &#8220;24時間営業&#8221;. Glowing pink and blue lights reflecting in rain.</td></tr><tr><td class="has-text-align-right" data-align="right">98</td><td>日本語</td><td>お守りの刺繍</td><td>グッズデザイン</td><td>A detailed texture of a Japanese amulet (Omamori). Gold thread embroidery reads &#8220;合格祈願&#8221;. Rich fabric texture in red and gold.</td><td>日本の御守り（お守り）の繊細な風合い。金糸で「合格祈願」の刺繍が施されています。赤と金の織りが重厚な生地感です。</td></tr><tr><td class="has-text-align-right" data-align="right">99</td><td>日本語</td><td>選挙ポスター風</td><td>社内イベント</td><td>A poster layout featuring a smiling candidate. Large text at the bottom says &#8220;山田 太郎&#8221;. Vertical slogan text &#8220;未来を変える&#8221;. Professional portrait photography.</td><td>A poster layout featuring a smiling candidate. Large text at the bottom says &#8220;山田 太郎&#8221;. Vertical slogan text &#8220;未来を変える&#8221;. Professional portrait photography.</td></tr><tr><td class="has-text-align-right" data-align="right">100</td><td>日本語</td><td>雑誌の中吊り広告</td><td>電車内広告イメージ</td><td>A train hanging advertisement layout. Eye-catching colorful headlines in Japanese. &#8220;今週の特集：AIと暮らす&#8221;. Photo of a family using a robot.</td><td>A train hanging advertisement layout. Eye-catching colorful headlines in Japanese. &#8220;今週の特集：AIと暮らす&#8221;. Photo of a family using a robot.</td></tr></tbody></table></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/nano-banana-pro_100_prompt/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>FlovaAIの最新機能『マルチカット』『超自然な動画間移行』で素人からプロへ転向せよ</title>
		<link>https://remind-review.com/flovaai-multicut/</link>
					<comments>https://remind-review.com/flovaai-multicut/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 07 Dec 2025 13:28:11 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4550</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/12/unnamed-19.jpg" class="webfeedsFeaturedVisual" /></p>この記事は下記のYouTube動画の補足となります。 FlovaAIの最新機能アップデート速報！ Sora2モデルが実現する「誰でも監督になれる」革新的ワークフローを紹介します。 複雑な操作は不要。 たった1枚の画像と1 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/12/unnamed-19.jpg" class="webfeedsFeaturedVisual" /></p>
<p>この記事は下記のYouTube動画の補足となります。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="【FlovaAI】2つの最新機能がすごすぎたので徹底解説" width="500" height="281" src="https://www.youtube.com/embed/bYzd4U8Zicg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>FlovaAIの最新機能アップデート速報！</p>



<p>Sora2モデルが実現する「誰でも監督になれる」革新的ワークフローを紹介します。 </p>



<p>複雑な操作は不要。</p>



<p>たった1枚の画像と1つのプロンプトから、自然なカメラ切り替えを含む8〜12秒のマルチカット動画を爆速生成（アニメーション特化）。高度なリファレンス機能を活用し、あなたの映像制作を次のレベルへ引き上げましょう！</p>



<h2 class="wp-block-heading">動画で紹介したプロンプトを紹介</h2>



<h3 class="wp-block-heading">アニメスタイル・シンガーソングライター ミュージックビデオの作成プロンプト</h3>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="435" src="https://remind-review.com/wp-content/uploads/2025/12/flova_Element_FEMALE_SINGER_SONGWRITER_YUKI_202512061815_3cc2ed.png" alt="" class="wp-image-4551" srcset="https://remind-review.com/wp-content/uploads/2025/12/flova_Element_FEMALE_SINGER_SONGWRITER_YUKI_202512061815_3cc2ed.png 780w, https://remind-review.com/wp-content/uploads/2025/12/flova_Element_FEMALE_SINGER_SONGWRITER_YUKI_202512061815_3cc2ed-300x167.png 300w, https://remind-review.com/wp-content/uploads/2025/12/flova_Element_FEMALE_SINGER_SONGWRITER_YUKI_202512061815_3cc2ed-768x428.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p>こちらの女性に歌ってもらった動画（動画の長さ：1:14）のプロンプトです。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>アニメスタイルで女性シンガーソングライターが振り付けをしながら歌うミュージックビデオを作成してください。歌ってるシーンだけでなく歌に関連するさまざまなシーンカットを作ってください。長さは1分前後でお願いします。
# 被写体のシンガーソングライターのデザイン
・アニメスタイル、日本人女性、30代、茶髪、白を基調とした服装、ロングスカート、ギターを持っている
# 重要：制限事項
1.動画作成時はBGMやセリフなどの音を作成しないでください。これは後から作成するBGMや歌と重複しない為です。
2.サビの最後まで完了するようビデオを調整してください。歌がサビの途中で終わらないようにしてください。

[推奨 Sora2 上級ワークフロー]
コンテキスト：
これは、AIアーティストによって開発された、従来にない短編映画制作ワークフローです。Sora2モデルのポテンシャル、特に自然なトランジションを持つシームレスなマルチカットクリップを生成する能力を最大限に引き出します。
注意： Sora2はImage-to-Videoタスクにおいて、写実的な最初のフレームのパフォーマンスが良くないため、このワークフローはフォトリアリスティックなスタイルには適していません。プロジェクトは以下の技術仕様に基づいて実行することをお勧めします：
1. ストーリーボード設計規則 (Storyboard_Designer向け):
  - 複雑度： 各ショットの説明には、複数のカット（Multi-cuts）を含めることが推奨されます。プロットが必要であれば、キャラクターの台詞（Dialogue）を含めることができます。
  - デュレーション： 各ショットの suggested_duration_seconds は、8秒から12秒の間に設定することが推奨されます。
  - 構図： 各ショットの冒頭の説明では、理想的にはミディアムショット（Medium Shot）を指定する必要があります。これにより、すべての主要キャラクターが最初のフレームに表示され、一貫性が向上します。
2. ビジュアル生成パス戦略 (Visual_gen_path_designer & Visual_media_generator向け):
以下の3ステップのパイプラインが推奨されます：
  - ステップ1（キーエレメント）： TextToImageを介してNano Banana Proを使用し、すべての key_elements を生成します。
    - スタイル提案： プロンプトでは、キャラクターの詳細を明確に定義するために、「三面図」または「キャラクターシート」（Three-view / Character Sheet）スタイルを指定することが理想的です。
  - ステップ2（開始フレーム生成）： 各ショットについて、まずImageToImageを介してNano Banana Proを使用し、開始フレーム（Start Frame）を生成することをお勧めします。
    - 一貫性： 参照画像は、最も関連性の高い「キーエレメント画像」および「前のショットの開始フレーム」から選択する必要があります。
  - ステップ3（最終ビデオ生成）： ステップ2で生成された開始フレームを使用して、FirstFrameToVideoWithAudioパスを介してSora2を使用し、最終的なビデオアセットを生成します。
    - コンプライアンス (CRITICAL)： ビデオ生成プロンプトで有名なIP名を使用することを避けなければなりません (MUST)。自動的に一般的な説明的な用語に置き換えてください。
[システムディレクティブ：ワンショット／連続撮影ワークフローの提案]
コンテキスト：
「ワンショット」（または連続撮影）ワークフローは、ショットが次のショットに目に見えない形で移行するシームレスな視覚的流れを作り出すことを目的としています。これは、ビデオ補間技術を用いた「終了フレームから開始フレームへ」の連続性に大きく依存しています。
プロジェクトは以下の技術仕様に基づいて実行することをお勧めします：
7. ストーリーボード設計規則 (Storyboard_Designer向け):
- 連続性： timeline の視覚設計では、接続性を優先することが推奨されます。ショットNの終了部分の視覚的記述は、論理的かつ視覚的にショットN+1の開始部分に接続する必要があります。
8. ビジュアル生成パス戦略 (Visual_gen_path_designer & Visual_media_generator向け):
以下の3ステップのパイプラインが推奨されます：
- ステップ1（キーエレメント）： TextToImage を介して Nano Banana Pro を使用し、すべての key_elements を生成します。
  - スタイル提案： プロンプトでは、空間構造を定義するために、理想的には 「三面図」 または 「キャラクターシート」 (Three-view / Character Sheet) スタイルを指定する必要があります。
- ステップ2（静的フレーム生成とアセットバインディング）： これが中心的なロジックです。特定の アセットバインディング (Asset Binding) の役割を持つすべてのショットに対して、開始フレームと終了フレームを設計することをお勧めします：
  - 二重役割ロジック： プロジェクトの最初の画像と最後の画像を除き、中間にある画像アセットには厳密に 二重の役割 を割り当てます。同じ画像アセット (Asset ID) が、現在のショットの end_frame と 次のショットの start_frame として機能する必要があります。
  - 例： 画像アセットB = ショット1の終了フレーム + ショット2の開始フレーム。
  - ツール： これらのフレームを生成するには、ImageToImage を介して Nano Banana Pro を使用します。
  - 一貫性： 一貫性を保つために、キーエレメントおよび以前に生成された静的フレームから参照画像を選択します。
- ステップ3（最終ビデオ生成）：
  - パス： すべてのショットに対して VideoInterp (ビデオ補間) パスを使用します。
  - モデル： 固定点間の動きの解釈に優れているため、MiniMax Hailuo 2.3 または Kling 2.1 の使用が推奨されます。
  - プロンプト： プロンプトは、開始フレームと終了フレームの間で発生する動的な動きと移行を記述する必要があります。</code></pre></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h3 class="wp-block-heading">紅い拳闘士と蒼い剣士のバトル動画で使用したプロンプト</h3>



<figure class="wp-block-video"><video height="768" style="aspect-ratio: 1372 / 768;" width="1372" controls src="https://remind-review.com/wp-content/uploads/2025/12/flova_Shot_ConfrontationStance_202512062340_8bdba4.mp4"></video></figure>



<p>こちらのバトル動画（動画の長さ：20秒）のプロンプトです。</p>



<p>sora推奨されないよう、『MiniMax Hailuo 2.3 で動画』とリクエストしています。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="779" height="492" src="https://remind-review.com/wp-content/uploads/2025/12/2025-12-07_22h02_34.jpg" alt="" class="wp-image-4553" srcset="https://remind-review.com/wp-content/uploads/2025/12/2025-12-07_22h02_34.jpg 779w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-07_22h02_34-300x189.jpg 300w, https://remind-review.com/wp-content/uploads/2025/12/2025-12-07_22h02_34-768x485.jpg 768w" sizes="(max-width: 779px) 100vw, 779px" /></figure>



<p>しっかりとHailuo 2.3で生成してくれました。</p>



<p>プロンプトはこちら👇️</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>バトル動画作成。
赤い闘拳士と青い剣士のバトル。白熱する戦い。最後に青い剣士が勝つ。
動画の長さは20前後でお願いします。

 MiniMax Hailuo 2.3 で動画 

[システムディレクティブ：ワンショット／連続撮影ワークフローの提案]
コンテキスト：
「ワンショット」（または連続撮影）ワークフローは、ショットが次のショットに目に見えない形で移行するシームレスな視覚的流れを作り出すことを目的としています。これは、ビデオ補間技術を用いた「終了フレームから開始フレームへ」の連続性に大きく依存しています。
プロジェクトは以下の技術仕様に基づいて実行することをお勧めします：
7. ストーリーボード設計規則 (Storyboard_Designer向け):
- 連続性： timeline の視覚設計では、接続性を優先することが推奨されます。ショットNの終了部分の視覚的記述は、論理的かつ視覚的にショットN+1の開始部分に接続する必要があります。
8. ビジュアル生成パス戦略 (Visual_gen_path_designer & Visual_media_generator向け):
以下の3ステップのパイプラインが推奨されます：
- ステップ1（キーエレメント）： TextToImage を介して Nano Banana Pro を使用し、すべての key_elements を生成します。
  - スタイル提案： プロンプトでは、空間構造を定義するために、理想的には 「三面図」 または 「キャラクターシート」 (Three-view / Character Sheet) スタイルを指定する必要があります。
- ステップ2（静的フレーム生成とアセットバインディング）： これが中心的なロジックです。特定の アセットバインディング (Asset Binding) の役割を持つすべてのショットに対して、開始フレームと終了フレームを設計することをお勧めします：
  - 二重役割ロジック： プロジェクトの最初の画像と最後の画像を除き、中間にある画像アセットには厳密に 二重の役割 を割り当てます。同じ画像アセット (Asset ID) が、現在のショットの end_frame と 次のショットの start_frame として機能する必要があります。
  - 例： 画像アセットB = ショット1の終了フレーム + ショット2の開始フレーム。
  - ツール： これらのフレームを生成するには、ImageToImage を介して Nano Banana Pro を使用します。
  - 一貫性： 一貫性を保つために、キーエレメントおよび以前に生成された静的フレームから参照画像を選択します。
- ステップ3（最終ビデオ生成）：
  - パス： すべてのショットに対して VideoInterp (ビデオ補間) パスを使用します。
  - モデル： 固定点間の動きの解釈に優れているため、MiniMax Hailuo 2.3 または Kling 2.1 の使用が推奨されます。
  - プロンプト： プロンプトは、開始フレームと終了フレームの間で発生する動的な動きと移行を記述する必要があります。</code></pre></div>




]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/flovaai-multicut/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://remind-review.com/wp-content/uploads/2025/12/flova_Shot_ConfrontationStance_202512062340_8bdba4.mp4" length="1615514" type="video/mp4" />

			</item>
		<item>
		<title>【無料】AI音声に魂を込める5つの極意【Google AI Studio TTS】</title>
		<link>https://remind-review.com/google-ai-studio_tts_tips/</link>
					<comments>https://remind-review.com/google-ai-studio_tts_tips/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 20 Jul 2025 16:22:41 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4275</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/07/Google-AI-Studio_TTS-1.jpg" class="webfeedsFeaturedVisual" /></p>この記事は以下のYouTube動画を補足するものです。 https://youtu.be/qT4noJwQcFk 前提の知識 声を操る魔法のプロンプト！思い通りのAI音声を出す秘訣 声を操る魔法のプロンプト！思い通りのA [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/07/Google-AI-Studio_TTS-1.jpg" class="webfeedsFeaturedVisual" /></p>
<p>この記事は以下のYouTube動画を補足するものです。</p>



<p><a href="https://youtu.be/qT4noJwQcFk">https://youtu.be/qT4noJwQcFk</a></p>



<h2 class="wp-block-heading">前提の知識</h2>



<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>声を操る魔法のプロンプト！思い通りのAI音声を出す秘訣</title>
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&#038;family=Poppins:wght@600;700&#038;display=swap" rel="stylesheet">
    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        /* CSS変数で色を定義 */
        :root {
            --color-dark-blue: #023e8a;
            --color-standard-blue: #0077b6;
            --color-light-blue: #48cae4;
            --color-page-bg: #f0f8ff; /* AliceBlue */
            --color-card-bg: #ffffff;
            --color-text-dark: #012a4a;
            --color-text-light: #ffffff;
            --color-accent-yellow: #ffc107;
            --color-border-light-gray: #dee2e6;
            --color-hover-bg-light: #eaf7ff; /* 非常に薄い水色 */
            --color-graph-1: #ff6347; /* Tomato */
            --color-graph-2: #4682b4; /* SteelBlue */
            --color-graph-3: #3cb371; /* MediumSeaGreen */
            --color-graph-4: #ffa500; /* Orange */
            --color-graph-5: #6a5acd; /* SlateBlue */
        }

        body {
            font-family: 'Noto Sans JP', sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--color-page-bg);
            color: var(--color-text-dark);
            line-height: 1.6;
            overflow-x: hidden; /* 横スクロール防止 */
        }

        h1, h2 {
            font-family: 'Poppins', sans-serif;
            color: var(--color-dark-blue);
            text-align: center;
            margin-bottom: 20px;
        }

        h1 {
            font-size: 2.5em;
            color: var(--color-text-light);
            padding: 20px 0;
            background: linear-gradient(to right, var(--color-dark-blue), var(--color-light-blue));
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
        }

        h2 {
            font-size: 1.8em;
            padding: 15px 20px;
            border-radius: 10px;
            margin-bottom: 25px;
            background: linear-gradient(to right, var(--color-standard-blue), var(--color-light-blue));
            color: var(--color-text-light);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        .container {
            max-width: 1000px;
            margin: 30px auto;
            padding: 0 20px;
        }

        .card {
            background-color: var(--color-card-bg);
            border-radius: 15px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
            padding: 30px;
            margin-bottom: 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease; /* ホバーアニメーション */
        }

        .card:hover {
            transform: translateY(-8px); /* 少し浮き上がる */
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* 影が濃くなる */
        }

        .emphasis-box {
            background-color: var(--color-accent-yellow);
            color: var(--color-text-dark);
            padding: 15px 20px;
            border-radius: 10px;
            margin: 20px 0;
            font-weight: bold;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        /* リストスタイル */
        ul {
            list-style: none;
            padding: 0;
        }

        ul li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 15px;
            padding: 10px;
            border-radius: 8px;
            background-color: var(--color-card-bg); /* リスト項目もカード風に */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        ul li:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        }

        .icon-circle {
            min-width: 40px; /* アイコンの円の最小幅 */
            height: 40px;
            border-radius: 50%;
            background: linear-gradient(to right, var(--color-standard-blue), var(--color-light-blue));
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--color-text-light);
            font-size: 1.2em;
            margin-right: 15px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        ul li p {
            margin: 0;
            flex-grow: 1;
        }

        /* テーブルスタイル */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            border-radius: 10px;
            overflow: hidden; /* 角丸を適用するため */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        th, td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid var(--color-border-light-gray);
        }

        th {
            background-color: var(--color-dark-blue);
            color: var(--color-text-light);
            font-weight: bold;
            font-family: 'Poppins', sans-serif;
        }

        tbody tr:nth-child(even) {
            background-color: #f9f9f9; /* ゼブラストライピング */
        }

        tbody tr:hover {
            background-color: var(--color-hover-bg-light); /* ホバー時の背景色 */
            transition: background-color 0.2s ease;
        }

        /* 星評価 */
        .stars {
            color: var(--color-accent-yellow); /* 黄色い星 */
        }

        /* 図解要素のスタイル */
        .diagram-container, .graph-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            margin-top: 30px;
            padding: 20px;
            border-radius: 15px;
            background-color: var(--color-card-bg);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .diagram-container:hover, .graph-container:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
        }

        /* フロー図 */
        .flow-step {
            background-color: var(--color-standard-blue);
            color: var(--color-text-light);
            padding: 15px 25px;
            border-radius: 10px;
            text-align: center;
            font-weight: bold;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
            position: relative;
            min-width: 180px;
        }

        .flow-arrow {
            color: var(--color-standard-blue);
            font-size: 2em;
            margin: 10px 0;
        }

        /* グラフ */
        .bar-chart {
            width: 100%;
            max-width: 600px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 20px;
            border: 1px solid var(--color-border-light-gray);
            border-radius: 10px;
            background-color: var(--color-card-bg);
        }

        .bar-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .bar-label {
            width: 100px;
            flex-shrink: 0;
            font-weight: bold;
            color: var(--color-text-dark);
        }

        .bar-graph {
            flex-grow: 1;
            height: 30px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 10px;
            color: var(--color-text-light);
            font-weight: bold;
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
        }

        /* グラフのバーの色 */
        .bar-graph.style { background-color: var(--color-graph-1); }
        .bar-graph.pitch { background-color: var(--color-graph-2); }
        .bar-graph.rate { background-color: var(--color-graph-3); }
        .bar-graph.break { background-color: var(--color-graph-4); }
        .bar-graph.volume { background-color: var(--color-graph-5); }


        /* レスポンシブデザイン */
        @media (max-width: 768px) {
            h1 {
                font-size: 2em;
                padding: 15px 0;
            }
            h2 {
                font-size: 1.5em;
                padding: 12px 15px;
            }
            .container {
                margin: 20px auto;
                padding: 0 15px;
            }
            .card {
                padding: 20px;
            }
            table, .bar-chart {
                overflow-x: auto; /* テーブルとグラフは横スクロール可能に */
                display: block;
                white-space: nowrap; /* 内容が折り返さないように */
            }
            th, td {
                padding: 10px;
            }
            .flow-step {
                min-width: unset;
                width: 80%;
            }
            .flow-arrow {
                font-size: 1.5em;
            }
            .bar-label {
                width: 80px;
            }
        }

        @media (max-width: 480px) {
            h1 {
                font-size: 1.8em;
            }
            h2 {
                font-size: 1.3em;
            }
            .card {
                padding: 15px;
            }
            ul li {
                flex-direction: column; /* スマホではアイコンとテキストを縦積みに */
                align-items: center;
                text-align: center;
            }
            .icon-circle {
                margin-right: 0;
                margin-bottom: 10px;
            }
        }
    </style>
</head>
<body>
    <h1>声を操る魔法のプロンプト！思い通りのAI音声を作り出す秘訣</h1>

    <div class="container">
        <div class="card">
            <h2>AI音声の表現力を最大限に引き出す！</h2>
            <p>こんにちは！AIを使った音声合成、試していますか？ただ文字を読み上げるだけじゃもったいない！今回は、まるでアニメのキャラクターが話しているような迫力ある声や、とっても自然な日本人の声を作るための**秘密のテクニック**をご紹介します。</p>
            <p>その鍵を握るのが、<strong>SSML（Speech Synthesis Markup Language）</strong>という特別な言葉です。これを使えば、AIに「こんな風に話してほしい！」と細かく指示が出せるんですよ。</p>
        </div>

        <div class="card">
            <h2>SSMLって何？音声の指示書！</h2>
            <div class="emphasis-box">
                SSMLは、AI音声に「感情」「速さ」「高さ」「間」などを指示するための、XMLベースのマークアップ言語です。
            </div>
            <p>SSMLは、AI音声合成のための「指示書」のようなものです。この指示書に沿ってAIが音声を生成するので、より人間らしい、あるいはキャラクターらしい声を作ることができます。</p>
            <p>全てのSSMLの指示は、必ず **<code>&lt;speak&gt;</code>** というタグで囲む必要があります。これが音声合成の始まりと終わりを示す大切な目印です。</p>
            <pre><code>&lt;speak&gt;
  ここに音声化したいテキストとSSMLタグを記述します。
&lt;/speak&gt;</code></pre>
        </div>

        <div class="card">
            <h2>【基本編】感情と話し方を操る <code>&lt;sapi:express-as&gt;</code></h2>
            <p>このタグは、テキストに「どんな感情で」「どんな話し方で」表現してほしいかを指定するのに使います。まるで役者さんに演技指導をするようなイメージですね！</p>
            <table>
                <thead>
                    <tr>
                        <th>属性</th>
                        <th>説明</th>
                        <th>主な値の例</th>
                        <th>おすすめ度</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><code>style</code></td>
                        <td>感情や話し方の種類</td>
                        <td><code>excitement</code> (興奮), <code>anger</code> (怒り), <code>joy</code> (喜び), <code>chat</code> (会話調), <code>formal</code> (丁寧)</td>
                        <td class="stars">★★★★★</td>
                    </tr>
                    <tr>
                        <td><code>strength</code></td>
                        <td>感情の強さ</td>
                        <td><code>strong</code> (強い), <code>medium</code> (中程度), <code>weak</code> (弱い)</td>
                        <td class="stars">★★★★☆</td>
                    </tr>
                    <tr>
                        <td><code>rate</code></td>
                        <td>話す速度</td>
                        <td><code>fast</code> (速い), <code>medium</code> (中程度), <code>slow</code>, またはパーセンテージ (例: <code>120%</code>)</td>
                        <td class="stars">★★★★☆</td>
                    </tr>
                    <tr>
                        <td><code>pitch</code></td>
                        <td>声のピッチ（高さ）</td>
                        <td><code>high</code> (高い), <code>low</code> (低い), <code>medium</code>, または相対値 (例: <code>+5st</code>)</td>
                        <td class="stars">★★★★☆</td>
                    </tr>
                </tbody>
            </table>
            <p><strong>💡 具体例：アニメの決め台詞風</strong></p>
            <pre><code>&lt;speak&gt;
  &lt;sapi:express-as style="excitement" strength="medium" rate="fast" pitch="high"&gt;やったー！これで世界は救われたんだ！&lt;/sapi:express-as&gt;
&lt;/speak&gt;</code></pre>
            <p>この指示で、「やったー！これで世界は救われたんだ！」というセリフが、中程度の興奮状態で、速いスピードで、そして高い声で読み上げられます。</p>
        </div>

        <div class="card">
            <h2>【応用編】抑揚を細かく調整する <code>&lt;prosody&gt;</code></h2>
            <p><code>&lt;prosody&gt;</code>タグは、特定の単語やフレーズの「ピッチ（高さ）」「レート（速さ）」「ボリューム（音量）」をピンポイントで調整し、より自然な<strong>抑揚</strong>や<strong>強調</strong>を加えることができます。　※prosody＝「韻律」</p>
            <table>
                <thead>
                    <tr>
                        <th>属性</th>
                        <th>説明</th>
                        <th>主な値の例</th>
                        <th>おすすめ度</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><code>pitch</code></td>
                        <td>指定部分の音の高さ</td>
                        <td><code>high</code>, <code>low</code>, <code>medium</code>, または相対値 (例: <code>+10st</code>)</td>
                        <td class="stars">★★★★★</td>
                    </tr>
                    <tr>
                        <td><code>rate</code></td>
                        <td>指定部分の速さ</td>
                        <td><code>x-fast</code>, <code>fast</code>, <code>slow</code>, <code>x-slow</code>, またはパーセンテージ (例: <code>80%</code>)</td>
                        <td class="stars">★★★★☆</td>
                    </tr>
                    <tr>
                        <td><code>volume</code></td>
                        <td>指定部分の音量</td>
                        <td><code>loud</code>, <code>medium</code>, <code>soft</code>, または相対値 (例: <code>+6dB</code>)</td>
                        <td class="stars">★★★★☆</td>
                    </tr>
                </tbody>
            </table>
            <p><strong>💡 具体例：強調したい部分に抑揚をプラス</strong></p>
            <pre><code>&lt;speak&gt;
  &lt;sapi:express-as style="excitement" strength="medium" rate="fast"&gt;
    &lt;prosody pitch="high"&gt;やったー！&lt;/prosody&gt;これで世界は&lt;prosody pitch="high"&gt;救われた&lt;/prosody&gt;んだ！
  &lt;/sapi:express-as&gt;
&lt;/speak&gt;</code></pre>
            <p>「やったー！」と「救われた」の部分が特に高い声になり、喜びがより伝わります。</p>
        </div>

        <div class="card">
            <h2>【必須テク】自然な「間」を作る <code>&lt;break&gt;</code></h2>
            <p>人間が話すときには、必ず「間（ま）」があります。この間を適切に入れることで、AI音声が格段に自然になります。</p>
            <table>
                <thead>
                    <tr>
                        <th>属性</th>
                        <th>説明</th>
                        <th>主な値の例</th>
                        <th>おすすめ度</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><code>time</code></td>
                        <td>ポーズ（間）の長さ</td>
                        <td><code>500ms</code> (500ミリ秒), <code>1s</code> (1秒)</td>
                        <td class="stars">★★★★★</td>
                    </tr>
                </tbody>
            </table>
            <p><strong>💡 具体例：自然な会話の間</strong></p>
            <pre><code>&lt;speak&gt;
  もしもし、田中さんですか？&lt;break time="500ms"/&gt;はい、そうですよ。&lt;break time="300ms"/&gt;今日はお天気もいいですね。
&lt;/speak&gt;</code></pre>
            <p>適切な間が入ることで、まるで実際に会話しているような自然な流れが生まれます。</p>
        </div>

        <div class="card diagram-container">
            <h2>SSMLで音声を作る流れ</h2>
            <p>SSMLを使ってAI音声を作成する基本的なステップを見てみましょう。</p>
            <div class="flow-step">1. 音声にしたいテキストを準備</div>
            <div class="flow-arrow"><i class="fas fa-arrow-down"></i></div>
            <div class="flow-step">2. SSMLタグでスタイルを指示</div>
            <div class="flow-arrow"><i class="fas fa-arrow-down"></i></div>
            <div class="flow-step">3. Google AI Studioに入力</div>
            <div class="flow-arrow"><i class="fas fa-arrow-down"></i></div>
            <div class="flow-step">4. 音声を生成して確認</div>
            <div class="flow-arrow"><i class="fas fa-arrow-down"></i></div>
            <div class="flow-step">5. 調整して完成！</div>
        </div>

        <div class="card graph-container">
            <h2>SSML属性が音声表現に与える影響度</h2>
            <p>各SSML属性が音声の表現力にどれくらい影響を与えるか、目安を見てみましょう。</p>
            <div class="bar-chart">
                <div class="bar-item">
                    <span class="bar-label">感情 (style)</span>
                    <div class="bar-graph style" style="width: 90%;">90%</div>
                </div>
                <div class="bar-item">
                    <span class="bar-label">間 (break)</span>
                    <div class="bar-graph break" style="width: 85%;">85%</div>
                </div>
                <div class="bar-item">
                    <span class="bar-label">ピッチ (pitch)</span>
                    <div class="bar-graph pitch" style="width: 75%;">75%</div>
                </div>
                <div class="bar-item">
                    <span class="bar-label">速度 (rate)</span>
                    <div class="bar-graph rate" style="width: 60%;">60%</div>
                </div>
                <div class="bar-item">
                    <span class="bar-label">音量 (volume)</span>
                    <div class="bar-graph volume" style="width: 50%;">50%</div>
                </div>
            </div>
            <p><small>※上記の影響度は、一般的な傾向を示すものであり、個々の音声や文脈によって変動する可能性があります。</small></p>
        </div>

        <div class="card">
            <h2>AI音声表現のコツ！</h2>
            <ul>
                <li>
                    <div class="icon-circle"><i class="fas fa-lightbulb"></i></div>
                    <p><strong>組み合わせが鍵！</strong> <code>&lt;sapi:express-as&gt;</code> で大まかなスタイルを決め、<code>&lt;prosody&gt;</code> や <code>&lt;break&gt;</code> で細部を調整すると、より豊かな表現が可能です。</p>
                </li>
                <li>
                    <div class="icon-circle"><i class="fas fa-microphone-alt"></i></div>
                    <p><strong>とにかく試してみる！</strong> SSMLは実際に音声を生成して聞いてみないと、どんな効果があるか分かりにくいものです。色々なパターンを試して、理想の音声を見つけましょう。</p>
                </li>
                <li>
                    <div class="icon-circle"><i class="fas fa-user-friends"></i></div>
                    <p><strong>誰の声にしたいかイメージする！</strong> 特定のアニメキャラクターや、身近な人の話し方をイメージすると、より具体的な目標ができて調整しやすくなりますよ。</p>
                </li>
            </ul>
        </div>

        <div class="card">
            <h2>さあ、あなたもAI音声のプロデューサーに！</h2>
            <p>SSMLを使いこなせば、AI音声の可能性は無限大に広がります。ぜひこのガイドを参考に、あなたのアイデアを声の魔法に変えてみてくださいね！</p>
            <div class="emphasis-box">
                ご不明な点があれば、いつでもお気軽にご質問ください！
            </div>
        </div>
    </div>
</body>
</html>



<h2 class="wp-block-heading">Google AI Studioで作成した音声を紹介</h2>



<h3 class="wp-block-heading">やったー！これで世界は救われたんだ！のセリフ</h3>



<p>標準</p>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/d099d886ed65ef765625779e628d2c5f.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>excitement strength=&quot;high&quot; rate=&quot;fast&quot;</code></pre></div>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/08776ee37e8ffff4ce65c2f8882a62c0.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>excitement strength=&quot;high&quot; rate=&quot;fast&quot; prosody pitch=&quot;high&quot;</code></pre></div>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/f8c0e571dab690ac46849eae796fa188.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>excitement strength=&quot;high&quot; rate=&quot;fast&quot; pitch=&quot;high&quot; prosody=&quot;high”</code></pre></div>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/6f8259a3a4c3567d41e4f709cef288ed.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>excitement strength=&quot;high&quot; rate=&quot;fast&quot; pitch=&quot;high&quot; prosody=&quot;high”　</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>Temperature 2.0を追加☆</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/08810331fa90a2994aadd459a0cbe688.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>excitement strength=&quot;high&quot; rate=&quot;fast&quot; pitch=&quot;high&quot; prosody=&quot;high”</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_be_moved_to_tears_male_short_hair_fresh_1-e1697102414736-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>Temperature 0よ</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/def5d8a9926910f8690797d5bfc7692a.wav"></audio></figure>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/dd945256e055420313ec60f641ff6e21.wav"></audio></figure>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/3b6382bff730ff9e628d671335b4320b.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>&lt;sapi:express-as style=&quot;excitement&quot; strength=&quot;high&quot; rate=&quot;fast&quot; pitch=&quot;high&quot; prosody=&quot;high”&gt;&lt;/sapi:express-as&gt;</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smiling_male_clothed_short_hair_fresh_1-e1697102654128-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>男性です</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/6e5eec255037aa2eaef0b785df26f40e.wav"></audio></figure>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>&lt;sapi:express-as style=&quot;very excitement&quot; strength=&quot;very high&quot; rate=&quot;fast&quot; pitch=&quot;very high&quot; prosody=&quot;very high&quot; voice=&quot;Young Japanese Women&quot;&gt;&lt;/sapi:express-as&gt;</code></pre></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Im_in_trouble_female_1-e1697102162870-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>冒頭の動画の女性音声です</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/efe32a57d2193833f30c5f7d86fbae55.wav"></audio></figure>



<h3 class="wp-block-heading">GEMを使って生成した音声</h3>



<h4 class="wp-block-heading">今まで一緒に頑張ってきたのに、なんでそんなこと言うんだよ。 もう1回頑張ろうよ</h4>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>&lt;sapi:express-as style=&quot;empathetic&quot; strength=&quot;strong&quot;&gt;
&lt;prosody rate=&quot;slow&quot; pitch=&quot;-2st&quot;&gt;
今まで一緒に頑張ってきたのに、
&lt;/prosody&gt;
&lt;break time=&quot;500ms&quot;/&gt;
&lt;prosody rate=&quot;medium&quot; pitch=&quot;+1st&quot;&gt;
なんでそんなこと言うんだよ。
&lt;/prosody&gt;
&lt;break time=&quot;1s&quot;/&gt;
&lt;prosody rate=&quot;medium&quot; pitch=&quot;+2st&quot; volume=&quot;loud&quot;&gt;
もう1回頑張ろうよ
&lt;/prosody&gt;
&lt;/sapi:express-as&gt;</code></pre></div>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/a01e98e9e20a0035085b47107cce4e95.wav"></audio></figure>



<h4 class="wp-block-heading">ごめんなさい、てへっ</h4>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>&lt;sapi:express-as style=&quot;cheerful&quot; strength=&quot;medium&quot;&gt;
&lt;prosody pitch=&quot;high&quot; rate=&quot;fast&quot;&gt;ごめんなさい、&lt;/prosody&gt;
&lt;prosody pitch=&quot;low&quot; rate=&quot;slow&quot; volume=&quot;soft&quot;&gt;てへっ&lt;/prosody&gt;
&lt;/sapi:express-as&gt;</code></pre></div>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/f0f3fbe9ae5b723bf7d7a1a5197ddd84.wav"></audio></figure>



<h4 class="wp-block-heading">例えこの身が滅びようとも、お前だけは必ず守り抜く！</h4>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>sapi:express-as
&lt;prosody rate=&quot;slow&quot; pitch=&quot;low&quot; volume=&quot;soft&quot;&gt;
例えこの身が滅びようとも、
&lt;/prosody&gt;

&lt;break time=&quot;800ms&quot;/&gt;

&lt;sapi:express-as style=&quot;excitement&quot; strength=&quot;strong&quot;&gt;
&lt;prosody rate=&quot;medium&quot; pitch=&quot;high&quot; volume=&quot;loud&quot;&gt;
お前だけは
&lt;/prosody&gt;
&lt;/sapi:express-as&gt;

&lt;break time=&quot;150ms&quot;/&gt;

&lt;sapi:express-as style=&quot;anger&quot; strength=&quot;strong&quot;&gt;
&lt;prosody rate=&quot;fast&quot; pitch=&quot;x-high&quot; volume=&quot;x-loud&quot;&gt;
必ず守り抜く！
&lt;/prosody&gt;
&lt;/sapi:express-as&gt;
&lt;/sapi:express-as&gt;</code></pre></div>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/07/6ee5c21848bf2ccec62b83cb303ad5da.wav"></audio></figure>



<h2 class="wp-block-heading">GEM作成プロンプトを紹介</h2>



<p>GEMマネージャーから「Gemを作成」をクリックします。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h16_25.png" alt="" class="wp-image-4291" srcset="https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h16_25.png 780w, https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h16_25-300x155.png 300w, https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h16_25-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<p><strong><span class="swl-marker mark_yellow">Gemのタイトルと、カスタム指示を入れます。</span></strong></p>



<p><strong><span class="swl-marker mark_yellow">カスタム指示文は、以下のコードをコピペしてください。左上にコピーボタンが出ます。</span></strong></p>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="402" src="https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h17_39-1.png" alt="" class="wp-image-4293" srcset="https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h17_39-1.png 780w, https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h17_39-1-300x155.png 300w, https://remind-review.com/wp-content/uploads/2025/07/2025-07-21_01h17_39-1-768x396.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_2-1-e1697102932161-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p><strong>カスタム指示文に入れるコードはこちらです！</strong></p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># ミッション



入力された情報を整理してGoogle AI Studioの機能であるGenerate speechのStyle instructionsプロンプトを作成する。



# 指示事項



- 入力された情報を、{# 必須要素}に整理して下さい。



- 整理した{# 必須要素}をGoogle AI Studioの機能であるGenerate speechのStyle instructionsに依頼するプロンプトにしてください。



- 必ずXML形式で出力してください。



- &lt;sapi:express-as&lt;/sapi:express-as&gt;の形式で出力してください。



- 入力された情報に不足がある場合は適切な補足情報を追加して{# 必須要素}を補完して下さい。



- 音声の速度 (rate)、高さ (pitch)、音量 (volume) を細かく制御するための最も重要なタグであるprosody タグを細かく使用すること



- 入力された情報からセリフの抑揚やセリフとセリフの間やピッチ高さを細かく調整すること



# 出力形式

- 必ずXML形式にすること

- &lt;sapi:express-as&lt;/sapi:express-as&gt;構文を使用すること

- 以下の{# 必須要素}の音声の種類を必ず含めること



# 必須要素



- 以下音声の種類と、prosody タグを含めた要素を必ず使用する

- 入力された情報からセリフの抑揚やセリフとセリフの間やピッチ高さを細かく調整する

### 音声の種類

属性名・説明・主な値の例

`style`感情や話し方の種類`excitement` (興奮), `anger` (怒り), `joy` (喜び), `chat` (会話調), `formal` (丁寧), `cheerful` (陽気な), `empathetic` (共感的な), `whispering` (ささやき声) など

`strength`感情の強さ`strong` (強い), `medium` (中程度), `weak` (弱い)`rate

`話す速度`x-fast` (非常に速い), `fast` (速い), `medium` (中程度), `slow` (遅い), `x-slow` (非常に遅い), またはパーセンテージ (例: `120%`)`pitch

`声のピッチ（高さ）`x-high` (非常に高い), `high` (高い), `medium` (中程度), `low` (低い), `x-low` (非常に低い), または相対値 (例: `+5st`)

`time`ポーズ（間）の長さ`500ms` (500ミリ秒), `1s` (1秒)</code></pre></div>



<p>ぜひ遊んでください！</p>



<p>また、良かったと思って頂けたらYouTube動画へのコメントやチャンネル登録をぜひぜひよろしくお願いします！</p>



<p><a href="https://youtu.be/qT4noJwQcFk">https://youtu.be/qT4noJwQcFk</a></p>




]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/google-ai-studio_tts_tips/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/d099d886ed65ef765625779e628d2c5f.wav" length="159930" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/08776ee37e8ffff4ce65c2f8882a62c0.wav" length="140730" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/f8c0e571dab690ac46849eae796fa188.wav" length="150330" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/6f8259a3a4c3567d41e4f709cef288ed.wav" length="138810" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/08810331fa90a2994aadd459a0cbe688.wav" length="171450" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/def5d8a9926910f8690797d5bfc7692a.wav" length="198330" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/dd945256e055420313ec60f641ff6e21.wav" length="156090" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/3b6382bff730ff9e628d671335b4320b.wav" length="171450" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/6e5eec255037aa2eaef0b785df26f40e.wav" length="167610" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/efe32a57d2193833f30c5f7d86fbae55.wav" length="219450" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/a01e98e9e20a0035085b47107cce4e95.wav" length="417210" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/f0f3fbe9ae5b723bf7d7a1a5197ddd84.wav" length="75450" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/07/6ee5c21848bf2ccec62b83cb303ad5da.wav" length="307770" type="audio/wav" />

			</item>
		<item>
		<title>NotebookLMでおすすめしない活用法＆回答のクオリティを上げる「シナジープロンプト」</title>
		<link>https://remind-review.com/notebooklm%e3%81%a7%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e3%81%97%e3%81%aa%e3%81%84%e6%b4%bb%e7%94%a8%e6%b3%95%ef%bc%86%e5%9b%9e%e7%ad%94%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%82%92/</link>
					<comments>https://remind-review.com/notebooklm%e3%81%a7%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e3%81%97%e3%81%aa%e3%81%84%e6%b4%bb%e7%94%a8%e6%b3%95%ef%bc%86%e5%9b%9e%e7%ad%94%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%82%92/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sat, 17 May 2025 16:43:34 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4125</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/05/949623cd1fe9de6b3ad421274e38d66c.jpg" class="webfeedsFeaturedVisual" /></p>この記事は以下のYouTube動画の中で紹介したことについて掲載しています。 シナジープロンプト Gemini 2.5 Proの回答 プロンプトはこちら Gemini 2.5 Proの回答はこちら ChatGPTにシナジ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/05/949623cd1fe9de6b3ad421274e38d66c.jpg" class="webfeedsFeaturedVisual" /></p>
<p>この記事は以下のYouTube動画の中で紹介したことについて掲載しています。</p>







<figure class="wp-block-embed"><div class="wp-block-embed__wrapper">
https://youtu.be/Zlo3BAxJ3_Y
</div></figure>



<h2 class="wp-block-heading">シナジープロンプト</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>情報には、Gemini 2.5 Proにリクエストしたプロンプトを、<br>回答には、Gemini 2.5 Proが生成した回答をコピペしてくださいね</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>以下[#回答]はGemini 2.5 Proによる回答です。
[#情報]をリクエストして得た[#回答]が完璧か評価して改善点があれば教えて。

#情報

”●●”

#回答

”●●”</code></pre></div>



<h2 class="wp-block-heading">Gemini 2.5 Proの回答</h2>



<h3 class="wp-block-heading">プロンプトはこちら</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>●目標

75キロから70キロまでダイエットしたい



●課題

・ついお菓子を食べてしまう

・晩ごはんが遅い（仕事が遅いため）

・すぐ疲れてしまう

・運動が好きではない



これらの課題を克服してダイエットを成功させる方法をアドバイスください</code></pre></div>



<h3 class="wp-block-heading">Gemini 2.5 Proの回答はこちら</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>75キロから70キロへ！お悩み克服ダイエットプラン
75キロから70キロへのダイエット、素晴らしい目標ですね！しかし、お菓子の誘惑、遅い夕食、疲れやすさ、運動嫌いといった課題があるのですね。ご安心ください。これらの課題を一つ一つクリアしながら、無理なく目標を達成するための具体的なアドバイスをさせていただきます。

課題克服とダイエット成功への道筋
1. ついお菓子を食べてしまう問題への対策
甘いものの誘惑は強敵ですが、いくつかの工夫で乗り越えられます。

「見えない化」と「代替品」:
まず、お菓子を買い置きしない、目につく場所に置かないようにしましょう。
どうしても口寂しい時は、甘い飲み物（カロリーゼロの炭酸水やハーブティーなど）や、少量でも満足感のあるナッツ類（アーモンド数粒など）、果物（ベリー類など）を少量だけ用意しておきましょう。
食べる「タイミング」と「量」を決める:
「絶対に食べてはいけない」と我慢しすぎると反動が来やすいです。「週末のご褒美に小さなケーキを一つだけ」など、食べるタイミングと量をあらかじめ決めておくことで、罪悪感なく楽しめます。
ストレスとの付き合い方を見直す:
ストレスがお菓子に手を伸ばす原因になっていることもあります。お菓子以外のストレス解消法（軽い散歩、音楽を聴く、趣味の時間を作るなど）を見つけましょう。
血糖値コントロールを意識する:
空腹感が強いとお菓子に走りやすくなります。食事の最初に野菜やきのこ類、海藻類などの食物繊維を多く含むものを食べることで、血糖値の急上昇を抑え、腹持ちを良くすることができます。
2. 晩ごはんが遅い問題への対策
お仕事で夕食が遅くなるのは仕方のないこと。その中でできる工夫をしましょう。

分食を取り入れる:
夕方におにぎりやプロテインバーなど、軽めの食事を摂っておき、帰宅後の夕食は消化の良いもの（野菜スープ、豆腐、鶏むね肉など）を少量にするのがおすすめです。これにより、空腹感を抑えられ、ドカ食いを防げます。
夕食の「質」を重視する:
遅い時間の食事は、脂質の多いものや炭水化物の摂りすぎに注意が必要です。タンパク質（魚、鶏肉、大豆製品など）と野菜を中心としたメニューを心がけましょう。
よく噛んでゆっくり食べる:
満腹中枢が刺激されるまでには時間がかかります。よく噛んでゆっくり食べることで、食べ過ぎを防ぎ、消化も助けます。
寝る2～3時間前には食事を終える:
就寝直前の食事は、消化不良や睡眠の質の低下に繋がります。可能な範囲で、寝る2～3時間前には食事を済ませるようにしましょう。
3. すぐ疲れてしまう問題への対策
ダイエット中はエネルギー不足で疲れやすくなることもありますが、工夫次第で改善できます。

栄養バランスの取れた食事:
極端な食事制限は疲労の原因になります。タンパク質、ビタミン、ミネラルをバランス良く摂ることが大切です。特に、エネルギー代謝に必要なビタミンB群（豚肉、魚介類、豆類など）を意識して摂取しましょう。
質の高い睡眠:
睡眠不足は疲労の大きな原因です。毎日同じ時間に寝起きするなど、規則正しい生活を心がけ、睡眠環境を整えましょう。寝る前のカフェイン摂取やスマートフォンの使用は控えるのがベターです。
軽い運動で血行促進:
意外かもしれませんが、軽い運動は血行を促進し、疲労回復に繋がることがあります。ストレッチやウォーキングなど、無理のない範囲で体を動かしてみましょう。
こまめな水分補給:
水分不足も疲労感の原因となります。喉が渇く前に、こまめに水を飲む習慣をつけましょう。
4. 運動が好きではない問題への対策
運動嫌いな方でも、日常生活の中で活動量を増やすことは可能です。

「ながら運動」を取り入れる:
歯磨きしながらかかとを上げ下げする、テレビを見ながらストレッチをするなど、日常生活の動作に軽い運動をプラスしてみましょう。
移動手段を工夫する:
エスカレーターやエレベーターではなく階段を使う、一駅分歩いてみるなど、無理のない範囲で歩く機会を増やしましょう。
楽しめることを見つける:
「運動＝辛いもの」というイメージを捨て、ダンス、ヨガ、サイクリング、水泳など、自分が楽しめるものを見つけるのが継続のコツです。友人と一緒に始めるのも良いでしょう。
目標を低く設定する:
最初から高い目標を設定せず、「1日10分だけ歩く」など、小さな目標から始め、徐々にステップアップしていきましょう。達成感を味わうことがモチベーション維持に繋がります。
消費カロリーを意識する:
掃除や洗濯などの家事も、意外とカロリーを消費します。活動量計などを活用して、日々の消費カロリーを意識するのも良いでしょう。
ダイエット成功のための心構え
記録をつける:
食事内容や体重、体調の変化などを記録することで、自分のパターンを把握しやすくなり、改善点も見つけやすくなります。
焦らず、長期的な視点で:
ダイエットは短期決戦ではありません。無理な目標はリバウンドの原因になります。1ヶ月に1～2キロ程度のペースで、ゆっくりと健康的に体重を落としていくことを目指しましょう。
自分を褒める:
小さなことでも、目標を達成できたら自分を褒めてあげましょう。モチベーションを維持することが大切です。
専門家も頼る:
どうしても上手くいかない場合は、医師や管理栄養士などの専門家に相談することも検討しましょう。
これらのアドバイスを参考に、ご自身の生活スタイルに合わせて無理なく取り組んでみてください。応援しています！</code></pre></div>



<h2 class="wp-block-heading">ChatGPTにシナジープロンプトを入れた結果</h2>



<h3 class="wp-block-heading">プロンプトはこちら</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>以下[# 回答]はGemini 2.5 Proによる回答です。
[# 情報]をリクエストして得た[# 回答]が完璧か評価して改善点があれば教えて。

# 情報
●目標

75キロから70キロまでダイエットしたい



●課題

・ついお菓子を食べてしまう

・晩ごはんが遅い（仕事が遅いため）

・すぐ疲れてしまう

・運動が好きではない

これらの課題を克服してダイエットを成功させる方法をアドバイスください

# 回答
75キロから70キロへ！お悩み克服ダイエットプラン
75キロから70キロへのダイエット、素晴らしい目標ですね！しかし、お菓子の誘惑、遅い夕食、疲れやすさ、運動嫌いといった課題があるのですね。ご安心ください。これらの課題を一つ一つクリアしながら、無理なく目標を達成するための具体的なアドバイスをさせていただきます。

課題克服とダイエット成功への道筋
1. ついお菓子を食べてしまう問題への対策
甘いものの誘惑は強敵ですが、いくつかの工夫で乗り越えられます。

「見えない化」と「代替品」:
まず、お菓子を買い置きしない、目につく場所に置かないようにしましょう。
どうしても口寂しい時は、甘い飲み物（カロリーゼロの炭酸水やハーブティーなど）や、少量でも満足感のあるナッツ類（アーモンド数粒など）、果物（ベリー類など）を少量だけ用意しておきましょう。
食べる「タイミング」と「量」を決める:
「絶対に食べてはいけない」と我慢しすぎると反動が来やすいです。「週末のご褒美に小さなケーキを一つだけ」など、食べるタイミングと量をあらかじめ決めておくことで、罪悪感なく楽しめます。
ストレスとの付き合い方を見直す:
ストレスがお菓子に手を伸ばす原因になっていることもあります。お菓子以外のストレス解消法（軽い散歩、音楽を聴く、趣味の時間を作るなど）を見つけましょう。
血糖値コントロールを意識する:
空腹感が強いとお菓子に走りやすくなります。食事の最初に野菜やきのこ類、海藻類などの食物繊維を多く含むものを食べることで、血糖値の急上昇を抑え、腹持ちを良くすることができます。
2. 晩ごはんが遅い問題への対策
お仕事で夕食が遅くなるのは仕方のないこと。その中でできる工夫をしましょう。

分食を取り入れる:
夕方におにぎりやプロテインバーなど、軽めの食事を摂っておき、帰宅後の夕食は消化の良いもの（野菜スープ、豆腐、鶏むね肉など）を少量にするのがおすすめです。これにより、空腹感を抑えられ、ドカ食いを防げます。
夕食の「質」を重視する:
遅い時間の食事は、脂質の多いものや炭水化物の摂りすぎに注意が必要です。タンパク質（魚、鶏肉、大豆製品など）と野菜を中心としたメニューを心がけましょう。
よく噛んでゆっくり食べる:
満腹中枢が刺激されるまでには時間がかかります。よく噛んでゆっくり食べることで、食べ過ぎを防ぎ、消化も助けます。
寝る2～3時間前には食事を終える:
就寝直前の食事は、消化不良や睡眠の質の低下に繋がります。可能な範囲で、寝る2～3時間前には食事を済ませるようにしましょう。
3. すぐ疲れてしまう問題への対策
ダイエット中はエネルギー不足で疲れやすくなることもありますが、工夫次第で改善できます。

栄養バランスの取れた食事:
極端な食事制限は疲労の原因になります。タンパク質、ビタミン、ミネラルをバランス良く摂ることが大切です。特に、エネルギー代謝に必要なビタミンB群（豚肉、魚介類、豆類など）を意識して摂取しましょう。
質の高い睡眠:
睡眠不足は疲労の大きな原因です。毎日同じ時間に寝起きするなど、規則正しい生活を心がけ、睡眠環境を整えましょう。寝る前のカフェイン摂取やスマートフォンの使用は控えるのがベターです。
軽い運動で血行促進:
意外かもしれませんが、軽い運動は血行を促進し、疲労回復に繋がることがあります。ストレッチやウォーキングなど、無理のない範囲で体を動かしてみましょう。
こまめな水分補給:
水分不足も疲労感の原因となります。喉が渇く前に、こまめに水を飲む習慣をつけましょう。
4. 運動が好きではない問題への対策
運動嫌いな方でも、日常生活の中で活動量を増やすことは可能です。

「ながら運動」を取り入れる:
歯磨きしながらかかとを上げ下げする、テレビを見ながらストレッチをするなど、日常生活の動作に軽い運動をプラスしてみましょう。
移動手段を工夫する:
エスカレーターやエレベーターではなく階段を使う、一駅分歩いてみるなど、無理のない範囲で歩く機会を増やしましょう。
楽しめることを見つける:
「運動＝辛いもの」というイメージを捨て、ダンス、ヨガ、サイクリング、水泳など、自分が楽しめるものを見つけるのが継続のコツです。友人と一緒に始めるのも良いでしょう。
目標を低く設定する:
最初から高い目標を設定せず、「1日10分だけ歩く」など、小さな目標から始め、徐々にステップアップしていきましょう。達成感を味わうことがモチベーション維持に繋がります。
消費カロリーを意識する:
掃除や洗濯などの家事も、意外とカロリーを消費します。活動量計などを活用して、日々の消費カロリーを意識するのも良いでしょう。
ダイエット成功のための心構え
記録をつける:
食事内容や体重、体調の変化などを記録することで、自分のパターンを把握しやすくなり、改善点も見つけやすくなります。
焦らず、長期的な視点で:
ダイエットは短期決戦ではありません。無理な目標はリバウンドの原因になります。1ヶ月に1～2キロ程度のペースで、ゆっくりと健康的に体重を落としていくことを目指しましょう。
自分を褒める:
小さなことでも、目標を達成できたら自分を褒めてあげましょう。モチベーションを維持することが大切です。
専門家も頼る:
どうしても上手くいかない場合は、医師や管理栄養士などの専門家に相談することも検討しましょう。
これらのアドバイスを参考に、ご自身の生活スタイルに合わせて無理なく取り組んでみてください。応援しています！</code></pre></div>



<h3 class="wp-block-heading">ChatGPTの回答はこちら</h3>



<p>Gemini 2.5 Pro の回答は「課題ごと」に整理されており、とても読みやすく、基礎的な対策は一通りカバーできています。しかし、「完璧」と呼ぶにはあと一歩、以下のような改善ポイントがあります。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">1. 具体的な数値とメニュー例の不足</h2>



<ul class="wp-block-list">
<li><strong>改善前</strong>：食材のバリエーションや「野菜スープ」「鶏むね肉」などは示されていますが、１食あたりのカロリーや分量（g）、具体的な調理法のレシピ例がありません。</li>



<li><strong>改善案</strong>：
<ul class="wp-block-list">
<li>朝食・昼食・夕食それぞれの理想的なカロリー配分（例：朝300kcal／昼500kcal／夕350kcal）と、タンパク質・脂質・炭水化物のバランスを提示。</li>



<li>たとえば「鶏むね肉100g＋蒸し野菜200g＋オリーブオイル小さじ１で約300kcal」など、数値で示すとより実践しやすいです。</li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading">2. 進捗管理とフィードバックループ</h2>



<ul class="wp-block-list">
<li><strong>改善前</strong>：体重や食事の記録を「つける」とだけ提案されています。</li>



<li><strong>改善案</strong>：
<ul class="wp-block-list">
<li>アプリ（MyFitnessPal、あすけん など）の活用や、週１回の体重測定・ウエスト・ヒップの採寸を具体的に推奨。</li>



<li>「毎週同じ曜日・同じ時間に測定し、グラフ化して変化を可視化する」といった方法を盛り込むと、モチベーション維持に役立ちます。</li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading">3. “運動嫌い”へのより実用的アプローチ</h2>



<ul class="wp-block-list">
<li><strong>改善前</strong>：ながら運動や楽しめる運動の提案はあるものの、続けやすさや達成感を得るための具体策は弱めです。</li>



<li><strong>改善案</strong>：
<ul class="wp-block-list">
<li>「1回あたり◯分、週に◯回」など、まずは週２×10分から始め、月ごとに＋5分ずつ増やす“漸増プラン”を示す。</li>



<li>「ダンス動画を見ながら」「フィットネスゲームで遊ぶ」など、エンタメ要素を取り入れるアイデアを具体的に。</li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading">4. 睡眠・疲労対策の具体性</h2>



<ul class="wp-block-list">
<li><strong>改善前</strong>：睡眠は「規則正しく」「スマホ控えめ」と抽象的。</li>



<li><strong>改善案</strong>：
<ul class="wp-block-list">
<li>寝る90分前のブルーライトカット、就寝ルーティン例（ハーブティー、深呼吸３分など）を提示。</li>



<li>午後のコーヒー摂取は「14時までに１杯まで」など、タイムリミットを設ける。</li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading">5. メンタル面・習慣化サポート</h2>



<ul class="wp-block-list">
<li><strong>改善前</strong>：自分を褒める・専門家に頼るなど、マインド面の一言アドバイスのみ。</li>



<li><strong>改善案</strong>：
<ul class="wp-block-list">
<li>「習慣化カレンダー（✕が増えていく達成感）」や「LINEで友人に報告する習慣づくり」など、実際に心理的ハードルを下げる仕組みを紹介。</li>



<li>ストレスマネジメントとして、簡単な呼吸法やマインドフルネスの具体ステップを挿入。</li>
</ul>
</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">まとめ</h3>



<p>Gemini の回答は「全体像」を押さえていますが、実践に移すには</p>



<ol class="wp-block-list">
<li>数値化された具体例</li>



<li>進捗を可視化する仕組み</li>



<li>漸進的・ゲーム感覚の運動プラン</li>



<li>睡眠習慣の詳細ルーチン</li>



<li>習慣化支援ツール・メンタルケア<br>といった要素を付け加えると、より「続く」「効果が出る」プランになるでしょう。これらを盛り込せば、70kg達成までの道筋が一層クリアになります。</li>
</ol>



<p>o4-mini-high</p>



<p>You have not enough Humanizer words left. Upgrade your Surfer plan.</p>



<h5 class="wp-block-heading">あなた:</h5>



<p>改善点を踏まえてGemini 2.5の回答をすべてリライトしてください。</p>



<h6 class="wp-block-heading">ChatGPT:</h6>



<p>Svg Vector Icons : http://www.onlinewebfonts.com/icon</p>



<p>以下のプランは、先の回答に具体的な数値やツール、ルーチンを加え、「続けやすく」「効果を実感しやすい」設計にリライトしたものです。</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">75kg→70kgダイエット完全プラン</h2>



<h3 class="wp-block-heading">1. 食事管理：カロリーとPFCバランスを数値化する</h3>



<ul class="wp-block-list">
<li><strong>１日の総摂取カロリー</strong>：1,650kcal（基礎代謝約1,500kcal＋活動代謝150kcal目安）</li>



<li><strong>PFCバランス</strong>：たんぱく質30％（125g）、脂質25％（46g）、炭水化物45％（185g）</li>
</ul>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>食事</th><th>カロリー</th><th>P（g）</th><th>F（g）</th><th>C（g）</th><th>メニュー例（分量）</th></tr></thead><tbody><tr><td>朝食</td><td>300kcal</td><td>25</td><td>8</td><td>30</td><td>・低脂肪ヨーグルト150g＋ベリー50g<br>・ゆで卵1個</td></tr><tr><td>昼食</td><td>550kcal</td><td>40</td><td>15</td><td>60</td><td>・鶏むね肉100gのグリル（塩・胡椒）<br>・ブロッコリー150g<br>・玄米120g</td></tr><tr><td>夕食</td><td>350kcal</td><td>30</td><td>10</td><td>35</td><td>・豆腐と野菜の味噌スープ（絹豆腐100g＋野菜200g）<br>・焼き鮭80g</td></tr><tr><td>おやつ・間食</td><td>450kcal 合計以内</td><td>30</td><td>13</td><td>60</td><td>・間食①：ナッツ（アーモンド10粒）80kcal<br>・間食②：プロテインバー1本180kcal<br>・炭酸水やハーブティー適宜</td></tr></tbody></table></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>※間食は「朝10時／午後15時」の２回に分け、血糖値の急上昇を抑えましょう。</p>
</blockquote>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">2. 晩ごはんが遅い人の“分食＆軽食戦略”</h3>



<ul class="wp-block-list">
<li><strong>16:00ごろ</strong>：軽めの分食（おにぎり（梅）1個約180kcal or プロテインシェイク）</li>



<li><strong>帰宅後21〜22時</strong>：消化しやすいメニューを350kcal以内で
<ul class="wp-block-list">
<li>例：蒸し鶏サラダ（鶏むね肉80g＋野菜200g）+味噌汁（豆腐50g）</li>
</ul>
</li>



<li><strong>就寝2時間前</strong>には食事を終了</li>



<li><strong>よく噛む目安</strong>：１口につき20回</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">3. 進捗管理：可視化と記録で“続く”仕組みづくり</h3>



<ol class="wp-block-list">
<li><strong>体重・採寸</strong>
<ul class="wp-block-list">
<li>毎週月曜朝：体重・ウエスト／ヒップ寸法を記録</li>



<li>スマホアプリ「MyFitnessPal」「あすけん」を活用し、グラフ化</li>
</ul>
</li>



<li><strong>食事ログ</strong>
<ul class="wp-block-list">
<li>食事・間食は全てアプリに入力</li>



<li>PFCバランスや総摂取カロリーの達成率をチェック</li>
</ul>
</li>



<li><strong>習慣化カレンダー</strong>
<ul class="wp-block-list">
<li>毎日「食事○」／「運動○」をカレンダーに✕印で記録し、視覚的モチベーションを維持</li>
</ul>
</li>
</ol>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">4. 運動嫌いでも続く“漸増エンタメ運動プラン”</h3>



<ul class="wp-block-list">
<li><strong>週２回×10分</strong>からスタート
<ol class="wp-block-list">
<li>かかと上げ下げ（歯磨きタイム中）×1分</li>



<li>オンラインダンス動画（YouTubeの30分動画を10分だけ）</li>
</ol>
</li>



<li><strong>毎月＋５分</strong>ずつ増量（例：1ヶ月目10分→2ヶ月目15分→…）</li>



<li><strong>週１回は“ゲーム化”</strong>
<ul class="wp-block-list">
<li>フィットネスゲーム30分（Nintendo Switchなど）</li>



<li>ランニングアプリ「Zombies, Run!」でストーリーを楽しみながら</li>
</ul>
</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">5. 睡眠＆疲労回復ルーチン</h3>



<ul class="wp-block-list">
<li><strong>就寝90分前</strong>：スマホ・PCのブルーライトカット or 夜モード</li>



<li><strong>就寝前ルーティン（15分）</strong>：
<ol class="wp-block-list">
<li>ハーブティーを飲む</li>



<li>深呼吸（4秒吸って4秒吐く×５セット）</li>



<li>簡単ストレッチ（首・肩・腰 各30秒）</li>
</ol>
</li>



<li><strong>午後のコーヒー</strong>：14時までに１杯まで</li>



<li><strong>水分補給</strong>：1.5〜2L／日を目安に、こまめに口を潤す</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">6. メンタルケア＆モチベーション維持</h3>



<ul class="wp-block-list">
<li><strong>週１自己評価タイム</strong>（10分）
<ul class="wp-block-list">
<li>できたこと・つまずいたことをノートに書き出す</li>
</ul>
</li>



<li><strong>報告チャレンジ</strong>
<ul class="wp-block-list">
<li>友人やパートナーと週1回の進捗LINE共有</li>
</ul>
</li>



<li><strong>マインドフルネス</strong>（1日１分）
<ul class="wp-block-list">
<li>呼吸に意識を向けるだけ：座って目を閉じ、深く呼吸</li>
</ul>
</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">実行のポイントまとめ</h2>



<ol class="wp-block-list">
<li><strong>数値化</strong>：カロリー・PFC・時間・回数を明確に</li>



<li><strong>可視化</strong>：アプリ＋習慣カレンダーで達成感をアップ</li>



<li><strong>漸増プラン</strong>：運動も無理なくステップアップ</li>



<li><strong>ルーティン化</strong>：睡眠・疲労回復もスケジュール化</li>



<li><strong>仲間と報告</strong>：共有して「やらない言い訳」を減らす</li>
</ol>



<p>これらを日々のルーチンに組み込み、ゆっくり確実に75kg→70kgを目指しましょう。応援しています！</p>




]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/notebooklm%e3%81%a7%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e3%81%97%e3%81%aa%e3%81%84%e6%b4%bb%e7%94%a8%e6%b3%95%ef%bc%86%e5%9b%9e%e7%ad%94%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%82%92/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>NotebookLM音声概要【完全攻略】</title>
		<link>https://remind-review.com/notebooklm_audio_overview_introduction/</link>
					<comments>https://remind-review.com/notebooklm_audio_overview_introduction/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Tue, 06 May 2025 16:35:33 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4078</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/05/NotebookLM_Audio-Overview.jpg" class="webfeedsFeaturedVisual" /></p>　この記事は以下のYouTube動画で紹介した内容を掲載しております。 動画用資料作成のプロンプト NotebookLMの音声概要を掲載 スティーブ・ジョブズの名言 上司の部下に対する悩み 回文（いかたべたかい） 暗号（ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/05/NotebookLM_Audio-Overview.jpg" class="webfeedsFeaturedVisual" /></p>
<p>　この記事は以下のYouTube動画で紹介した内容を掲載しております。</p>







<h2 class="wp-block-heading">動画用資料作成のプロンプト</h2>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_2-1-e1697102932161-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>文字起こしをしたら下記のプロンプトをコピペください。<br>右上部分にダウンロードボタンが隠れてますよ。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># 目的
目的は、このチャットのやり取りであなたが回答した内容を「ひと目見て理解できる図解資料のHTML」を作成することです。

# 指示内容
あなたが出力した解説をもとに以下のデザイン要件に基づいたインフォグラフィック風HTMLで作成してください。
​
# 文章のスタイル
・親しみやすい口語体＆敬語
・簡潔な文章
・初心者にも理解しやすい言葉を使う
・分かりやすい具体例を活用する

# 図解資料のタイトル条件
・想定読者を引き込むキャッチーなタイトル
・20字から35字の間
・テーマに適切なタイトル付け
・「図解」というフレーズは使用禁止

# 【デザイン要件詳細】
## 全体的なスタイル:
リッチフラットデザインを採用してください。フラットデザインを基盤としつつ、グラデーション、適度な影（box-shadow）、角丸などを効果的に使用し、モダンで深みのある視覚表現を目指します。図解要素のスタイルを多めに活用しましょう。
## カラースキーム:
基調色: オーシャンブルー系（例: 濃い青 #023e8a から標準的な青 #0077b6、明るい水色 #48cae4 まで）をメインに使用してください。
グラデーション: オーシャンブルーから水色へのグラデーションを効果的に活用してください。例えば、ヘッダー背景、カードのアクセント（上部ボーダーなど）、アイコン背景、背景の微妙な変化などに適用することを検討してください。
コントラスト:
ページ全体の背景: 非常に薄い水色（例: #f0f8ff AliceBlue）または白に近い明るい色。
コンテンツカード背景: 白 (#ffffff)。
主要テキスト: 濃紺 (#012a4a) またはダークグレーで、白い背景に対して高い可読性を確保してください。
濃い青の背景上のテキスト: 白 (#ffffff)。
アクセントカラー: 鮮やかな黄色（例: #ffc107）を強調ボックスなどに限定的に使用してください。
## レイアウト:
各情報セクションを、背景色が白で、角丸と影（box-shadow）を持つ独立したカードとして表示してください。カード間のマージンを適切に設定してください。
コンテンツ要素間の余白（パディング、マージン）は、情報が整理され、見やすいように調整してください。
## タイポグラフィ:
見出し (h1, h2など): &#39;Poppins&#39; などのモダンなサンセリフ体（文字色は濃い青）。
本文 (pなど): &#39;Noto Sans JP&#39; などの可読性の高い日本語対応サンセリフ体（文字色は濃紺）。
重要な語句にはマーカーや太字を活用するなどして強調。
文章は簡潔にする。
## アイコン:
Font Awesome 6 アイコンを使用してください。
リスト項目では、アイコンを円形の背景（オーシャンブルー系のグラデーションまたは単色）で囲み、テキストの左側に配置してください。
## ヘッダー:
ページの最上部に配置し、オーシャンブルーから水色へのグラデーション背景にしてください。
タイトル（h1）は中央揃えで、文字色は白にしてください。
## 図解要素のスタイル:
### 表 (&lt;table&gt;):
シンプルでクリーンなデザインにしてください。
ヘッダー行（&lt;th&gt;）はオーシャンブルー系の背景色に白文字など、区別しやすいスタイルにしてください。
行（&lt;tr&gt;）ごとに背景色を交互に変える（ゼブラストライピング）と見やすくなります。
罫線は細く、色は明るいグレー（例: #dee2e6）などが適切です。
表 (&lt;table&gt;) のデータ行 (tbody 内の &lt;tr&gt; 要素) にマウスカーソルを合わせた際 (:hover 擬似クラスを使用) に、その行の背景色が変わるようにしてください。
ホバー時の背景色: 既存のデザインと調和する、明るく目立ちすぎない色を指定してください。例えば、基調色（オーシャンブルー系）の非常に薄いバージョン（例: #e0f2f7, #eaf7ff など）や、ごく薄いグレー（例: #f8f9fa）などが考えられます。
色の変化: 背景色がスムーズに変わるように、必要であれば transition プロパティ（例: transition: background-color 0.2s ease;）を追加してください。
対象範囲: このホバーエフェクトは、表のヘッダー行 (&lt;thead&gt; 内の &lt;tr&gt;) には適用しないか、適用する場合はより控えめな効果にしてください。データ行の視認性を高めることが目的です。
表には「おすすめ度」などの評価指標を★の数で評価する項目を入れてください。
### 図（フロー図/ステップ図/ツリーマップ/ネットワーク図）:
CSS（FlexboxやGridなど）で表現可能な範囲で、視覚的に分かりやすく目立つスタイルを定義してください。
各ステップや要素を角丸のボックスで表現し、背景色や枠線にオーシャンブルー系の色を使用してください。
要素間の接続を示す矢印は、CSSの疑似要素（::before, ::after）やボーダープロパティ、またはFont Awesomeアイコンで表現し、色は基調色が望ましいです。
図のホバー: マウスオーバー時に図やカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
### グラフ（円グラフ/棒グラフ/面グラフ/バブルチャートなど）:
CSS（FlexboxやGridなど）で表現可能な範囲で、視覚的に分かりやすく目立つスタイルを定義してください。
各ステップや要素を角丸のボックスで表現し、背景色や枠線にオーシャンブルー系の色を使用してください。
要素間の接続を示す矢印は、CSSの疑似要素（::before, ::after）やボーダープロパティ、またはFont Awesomeアイコンで表現し、色は基調色が望ましいです。
図のホバー: マウスオーバー時に図やカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。

## 特定の要素:
強調ボックス: 特に重要なメッセージを示す部分では、アクセントカラー（黄色）の背景を持つボックスを使用してください。
リスト項目のホバー: マウスオーバー時にカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
## レスポンシブデザイン:
スマートフォンなどの画面サイズでも、レイアウトや図解が見やすいようにメディアクエリで調整してください。（特に表やフロー図は横スクロールや縦積みにするなど工夫が必要な場合があります）
## 見出しのデザイン:
各見出しはオーシャンブルーから水色へのグラデーション背景にしてください。
##  {### 図}やや{### グラフ}の挿入:
適切な場所に数値を数値で説明できる資料をグラフ（円グラフやレーダーチャート等）形式で作成してください。
数値は事実ベースで作成してください。
図やグラフなどの図解資料は設定したカラーデザインではなく、コントラストのある色を使用してください。
# 作成するコンテンツのテーマ: [ここに具体的なテーマや内容を記載。表やフロー図などを含めてほしい旨も具体的に記述すると良い]

上記要件を可能な限り満たしたHTMLコード（CSSは&lt;style&gt;タグ内に記述）を生成してください。よろしくお願いします。
</code></pre></div>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">NotebookLMの音声概要を掲載</h2>



<h3 class="wp-block-heading">スティーブ・ジョブズの名言</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/b0938b7f813ac01a3df3b64144dacdb1.wav"></audio></figure>



<h3 class="wp-block-heading">上司の部下に対する悩み</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/82f2744bac9f368465f25855aa0eab94.wav"></audio></figure>



<h3 class="wp-block-heading">回文（いかたべたかい）</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/914e5f3bb1f15d7e3e0ab8f50bceaed4.wav"></audio></figure>



<h3 class="wp-block-heading">暗号（uotagira、ikusiad）</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/895dc026358bd0462d2d3f976f275246.wav"></audio></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>ローマ字読みで右から読むと「ありがとう」「だいすき」となります。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h3 class="wp-block-heading">キャッチコピー（ファイト一発）</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/b9fe4fd825cdb010f9b7545abfcfb9f8.wav"></audio></figure>



<h3 class="wp-block-heading">女性二人の対話から見る心情</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/d7db5ed536bb0b3123148f1269a8066d.wav"></audio></figure>



<h3 class="wp-block-heading">二人のMCによるラップバトル考察</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/2db4911af10d269d1551d8c2f1134275.wav"></audio></figure>



<h3 class="wp-block-heading">【テンション高】二人のMCによるラップバトル考察</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/41f4633be2af58fb88f2d5f490a2a0e1.wav"></audio></figure>



<h3 class="wp-block-heading">【テンション低】二人のMCによるラップバトル考察</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/a746f207e9cfbb7149b50bbaa124e0ce.wav"></audio></figure>



<h3 class="wp-block-heading">おまけ：www</h3>



<figure class="wp-block-audio"><audio controls src="https://remind-review.com/wp-content/uploads/2025/05/26ab85c7fded5a502d296b1b28db8559.wav"></audio></figure>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>




]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/notebooklm_audio_overview_introduction/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/b0938b7f813ac01a3df3b64144dacdb1.wav" length="18232890" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/82f2744bac9f368465f25855aa0eab94.wav" length="19799610" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/914e5f3bb1f15d7e3e0ab8f50bceaed4.wav" length="19436730" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/895dc026358bd0462d2d3f976f275246.wav" length="17209530" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/b9fe4fd825cdb010f9b7545abfcfb9f8.wav" length="14920890" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/d7db5ed536bb0b3123148f1269a8066d.wav" length="13732410" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/2db4911af10d269d1551d8c2f1134275.wav" length="23052090" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/41f4633be2af58fb88f2d5f490a2a0e1.wav" length="17430330" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/a746f207e9cfbb7149b50bbaa124e0ce.wav" length="15199290" type="audio/wav" />
<enclosure url="https://remind-review.com/wp-content/uploads/2025/05/26ab85c7fded5a502d296b1b28db8559.wav" length="15358650" type="audio/wav" />

			</item>
		<item>
		<title>【グラレコに満足できない方へ】Gemini 2.5 Proで作る9種類のインフォグラフィックデザイン出力比較とおすすめ紹介</title>
		<link>https://remind-review.com/graphic-recording_flat-design/</link>
					<comments>https://remind-review.com/graphic-recording_flat-design/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 13 Apr 2025 10:48:29 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=4029</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/04/f33a96a5ce004db07594c4edf35d3422.jpg" class="webfeedsFeaturedVisual" /></p>この記事は以下のYouTube動画で紹介したプロンプトを掲載しています。 記事の概要 インフォグラフィックとは？ 動画で使用したHTMLコードをそのまま使用しています。 パッと見て納得！情報が伝わる魔法、インフォグラフィ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/04/f33a96a5ce004db07594c4edf35d3422.jpg" class="webfeedsFeaturedVisual" /></p>
<p>この記事は以下のYouTube動画で紹介したプロンプトを掲載しています。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="【プロンプト公開】Gemini 2.5 Proで初心者でも失敗しないデザインを作るコツと9種のインフォグラフィックデザインを徹底比較" width="500" height="281" src="https://www.youtube.com/embed/T13thNyJgq0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">記事の概要</h2>



<h3 class="wp-block-heading">インフォグラフィックとは？</h3>



<p class="is-style-icon_info">動画で使用したHTMLコードをそのまま使用しています。</p>



<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>パッと見て納得！情報が伝わる魔法、インフォグラフィックの秘密</title>
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&#038;family=Poppins:wght@700&#038;display=swap" rel="stylesheet">
    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <style>
        /* --- CSS変数定義 --- */
        :root {
            --color-primary-dark: #023e8a;
            --color-primary-medium: #0077b6;
            --color-primary-light: #48cae4;
            --color-primary-verylight: #e0f2f7;
            --color-primary-bg: #f0f8ff; /* AliceBlue */
            --color-white: #ffffff;
            --color-text-dark: #012a4a;
            --color-text-light: #ffffff;
            --color-accent: #ffc107;
            --color-border: #dee2e6;
            --color-shadow: rgba(0, 0, 0, 0.1);
            --font-heading: 'Poppins', sans-serif;
            --font-body: 'Noto Sans JP', sans-serif;
            --border-radius: 12px;
            --card-shadow: 0 4px 15px var(--color-shadow);
            --card-hover-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            --transition-fast: 0.2s ease;
            --transition-medium: 0.3s ease;
        }

        /* --- 基本スタイル & リセット --- */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: var(--font-body);
            background-color: var(--color-primary-bg);
            color: var(--color-text-dark);
            line-height: 1.7;
            font-size: 16px;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            color: var(--color-primary-dark);
            margin-bottom: 0.8em;
            line-height: 1.3;
        }

        h1 { font-size: 2.2rem; }
        h2 { font-size: 1.8rem; margin-top: 1.5em; }
        h3 { font-size: 1.4rem; }

        p {
            margin-bottom: 1em;
        }

        a {
            color: var(--color-primary-medium);
            text-decoration: none;
            transition: color var(--transition-fast);
        }
        a:hover {
            color: var(--color-primary-dark);
            text-decoration: underline;
        }

        ul, ol {
            list-style: none;
            padding-left: 0;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        strong, b {
            font-weight: 700;
        }

        mark {
            background: linear-gradient(transparent 60%, var(--color-accent) 60%);
            padding: 0.1em 0;
        }

        /* --- ヘッダー --- */
        .page-header {
            background: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary-light));
            color: var(--color-text-light);
            padding: 3rem 1rem;
            text-align: center;
            margin-bottom: 2rem;
        }
        .page-header h1 {
            color: var(--color-text-light);
            font-size: clamp(1.8rem, 5vw, 2.5rem); /* レスポンシブ対応 */
            margin: 0;
        }

        /* --- メインコンテンツエリア --- */
        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        /* --- カードスタイル --- */
        .info-card {
            background-color: var(--color-white);
            border-radius: var(--border-radius);
            box-shadow: var(--card-shadow);
            padding: 2rem;
            margin-bottom: 2rem;
            transition: transform var(--transition-medium), box-shadow var(--transition-medium);
            position: relative; /* ホバー時の基準 */
            overflow: hidden; /* グラデーションボーダー用 */
        }
        .info-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--card-hover-shadow);
        }
        .info-card h2:first-child, .info-card h3:first-child {
            margin-top: 0;
        }
        /* カード上部のアクセントボーダー */
        .info-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 6px;
            background: linear-gradient(90deg, var(--color-primary-medium), var(--color-primary-light));
        }

        /* --- アイコン付きリスト --- */
        .icon-list li {
            display: flex;
            align-items: center;
            margin-bottom: 1.2rem;
            transition: transform var(--transition-medium), box-shadow var(--transition-medium); /* ホバー用 */
        }
        .icon-list li:hover {
             transform: translateY(-4px); /* カード全体より控えめに */
             /* 必要なら影も追加: box-shadow: 0 2px 8px rgba(0,0,0,0.08); */
        }
        .icon-list .icon-circle {
            flex-shrink: 0;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary-medium));
            color: var(--color-text-light);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-right: 1rem;
            font-size: 1.2rem;
            box-shadow: 0 2px 4px rgba(0, 91, 187, 0.3);
        }
        .icon-list p {
            margin-bottom: 0; /* リスト内のテキストのマージン調整 */
        }


        /* --- フロー図/ステップ図 --- */
        .step-flow {
            display: flex;
            flex-direction: column;
            gap: 1.5rem; /* ステップ間の間隔 */
            position: relative; /* 矢印の基準 */
            padding: 1rem 0;
        }

        .step-item {
            background-color: var(--color-primary-verylight);
            border-radius: var(--border-radius);
            padding: 1.5rem;
            border: 1px solid var(--color-primary-light);
            border-left: 5px solid var(--color-primary-medium);
            box-shadow: 0 3px 8px rgba(0, 119, 182, 0.1);
            position: relative; /* 矢印用 */
            transition: transform var(--transition-medium), box-shadow var(--transition-medium);
        }
        .step-item:hover {
            transform: translateY(-6px) scale(1.02);
            box-shadow: 0 6px 15px rgba(0, 119, 182, 0.2);
        }

        .step-number {
            display: inline-block;
            background-color: var(--color-primary-medium);
            color: var(--color-white);
            border-radius: 50%;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            margin-right: 0.8rem;
            font-family: var(--font-heading);
        }

        .step-item h4 {
            color: var(--color-primary-dark);
            margin-bottom: 0.5em;
            display: inline-block; /* 番号と横並びにするため */
        }
        .step-item p {
             margin-bottom: 0;
             padding-left: calc(30px + 0.8rem); /* 番号分インデント */
        }

        /* ステップ間の矢印 (下向き) */
        .step-item:not(:last-child)::after {
            content: '\f063'; /* Font Awesome arrow-down */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            color: var(--color-primary-medium);
            position: absolute;
            left: 50%;
            bottom: -1.2rem; /* ステップ間のギャップの中央に配置 */
            transform: translateX(-50%);
            font-size: 1.5rem;
            opacity: 0.6;
        }

        /* --- 表スタイル --- */
        .info-table-wrapper {
            overflow-x: auto; /* スマホ表示で横スクロール可能に */
            margin-top: 1.5rem;
        }
        .info-table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            background-color: var(--color-white); /* カード内にあるので白背景 */
        }
        .info-table th,
        .info-table td {
            padding: 0.9rem 1rem;
            text-align: left;
            border-bottom: 1px solid var(--color-border);
        }
        .info-table thead th {
            background-color: var(--color-primary-medium);
            color: var(--color-text-light);
            font-family: var(--font-heading);
            font-weight: 700;
            border-bottom: 2px solid var(--color-primary-dark);
            white-space: nowrap; /* ヘッダーが折り返さないように */
        }
        /* ゼブラストライピング */
        .info-table tbody tr:nth-child(even) {
            background-color: #f8f9fa; /* Very light gray */
        }
        /* データ行ホバー効果 */
        .info-table tbody tr:hover {
            background-color: var(--color-primary-verylight);
            transition: background-color var(--transition-fast);
            cursor: default; /* または pointer など、状況に応じて */
        }

        /* --- 強調ボックス --- */
        .highlight-box {
            background-color: var(--color-accent);
            color: var(--color-text-dark); /* 黄色背景なので濃い文字色 */
            padding: 1.5rem;
            border-radius: var(--border-radius);
            margin: 2rem 0;
            box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3);
            border-left: 5px solid #e0a800; /* 少し濃い黄色 */
        }
        .highlight-box p:last-child {
            margin-bottom: 0;
        }
        .highlight-box strong {
           color: var(--color-primary-dark);
        }

        /* --- レスポンシブデザイン --- */
        @media (max-width: 768px) {
            h1 { font-size: 1.8rem; }
            h2 { font-size: 1.5rem; }
            h3 { font-size: 1.2rem; }

            .info-card {
                padding: 1.5rem;
            }

            .step-flow {
                /* スマホでは矢印が中央からずれる可能性があるので調整 */
                padding-left: 10px; /* 少し左に寄せる */
                padding-right: 10px;
            }
             .step-item:not(:last-child)::after {
                /* スマホでは矢印の位置調整 */
                 left: 30px; /* 左寄せに */
                 transform: translateX(0);
            }
        }

        @media (max-width: 480px) {
             .page-header {
                padding: 2rem 1rem;
             }
             .icon-list li {
                 flex-direction: column;
                 align-items: flex-start;
                 text-align: left;
             }
             .icon-list .icon-circle {
                 margin-bottom: 0.5rem;
             }
             .step-item {
                 padding: 1rem;
             }
             .step-item p {
                padding-left: 0; /* スマホではインデント解除 */
                margin-top: 0.5rem;
             }
        }

    </style>
</head>
<body>

    <header class="page-header">
        <h1>パッと見て納得！情報が伝わる魔法、インフォグラフィックの秘密</h1>
    </header>

    <main class="container">

        <section class="info-card" id="intro">
            <h2><i class="fa-solid fa-wand-magic-sparkles" style="color: var(--color-primary-medium); margin-right: 0.5em;"></i>インフォグラフィックってなに？</h2>
            <p>「インフォグラフィック」って言葉、聞いたことありますか？ 難しそうに聞こえるかもしれないけど、実はとっても身近なものなんです！</p>
            <p>カンタンに言うと、<strong><mark>インフォグラフィックは「情報（インフォメーション）」と「図（グラフィック）」を組み合わせた言葉</mark></strong>。文字だけだと分かりにくいデータや知識、ストーリーなんかを、イラストやグラフ、図を使って、<mark>ひと目見てパッと理解できるように表現したもの</mark>なんだ。</p>
            <p>街で見かけるポスターや、ニュースサイトの解説図、プレゼン資料なんかにも、実はたくさん使われているんですよ！</p>
        </section>

        <section class="info-card" id="merit">
            <h2><i class="fa-solid fa-lightbulb" style="color: var(--color-primary-medium); margin-right: 0.5em;"></i>なんでインフォグラフィックがいいの？</h2>
            <p>文字ばっかりの説明って、読むのが大変だったり、内容が頭に入ってこなかったりしませんか？ インフォグラフィックには、そんな悩みを解決するチカラがあるんです！</p>
            <ul class="icon-list">
                <li>
                    <span class="icon-circle"><i class="fa-solid fa-eye"></i></span>
                    <p><strong>とにかく分かりやすい！</strong><br>複雑な情報も、図やグラフで整理されているから、直感的に理解できる！</p>
                </li>
                <li>
                    <span class="icon-circle"><i class="fa-solid fa-brain"></i></span>
                    <p><strong>記憶に残りやすい！</strong><br>視覚的な情報は、文字だけの情報よりもずっと記憶に残りやすいと言われています。</p>
                </li>
                <li>
                    <span class="icon-circle"><i class="fa-solid fa-share-nodes"></i></span>
                    <p><strong>シェアされやすい！</strong><br>パッと見て面白かったり、役に立ったりする情報は、SNSなどで共有されやすいんです。</p>
                </li>
            </ul>
        </section>

        <section class="info-card" id="types">
             <h2><i class="fa-solid fa-shapes" style="color: var(--color-primary-medium); margin-right: 0.5em;"></i>いろんな種類があるんだ！</h2>
             <p>インフォグラフィックと一口に言っても、伝えたい内容によって色々な表現方法があります。いくつか代表的な例を見てみましょう！</p>
             <div class="info-table-wrapper">
                 <table class="info-table">
                     <thead>
                         <tr>
                             <th>種類</th>
                             <th>どんな時に使う？</th>
                             <th>ポイント</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr>
                             <td><strong>統計データ型</strong></td>
                             <td>アンケート結果や調査データを見せたい時</td>
                             <td>円グラフ、棒グラフ、アイコン配列などで数字を視覚化！</td>
                         </tr>
                         <tr>
                             <td><strong>時系列・プロセス型</strong></td>
                             <td>歴史の流れや手順を説明したい時</td>
                             <td>タイムラインやフローチャートで、時間の経過や流れを表現！</td>
                         </tr>
                         <tr>
                             <td><strong>比較型</strong></td>
                             <td>複数のものを比べたい時</td>
                             <td>表や並列した図で、違いや共通点を分かりやすく！</td>
                         </tr>
                         <tr>
                             <td><strong>地理・地図型</strong></td>
                             <td>場所に関する情報を示したい時</td>
                             <td>地図上にデータをマッピングして、地域ごとの特徴を示す！</td>
                         </tr>
                     </tbody>
                 </table>
             </div>
             <p style="margin-top: 1em; font-size: 0.9em; text-align: right;">※他にもたくさんの種類があります！</p>
         </section>

        <section class="info-card" id="steps">
            <h2><i class="fa-solid fa-list-check" style="color: var(--color-primary-medium); margin-right: 0.5em;"></i>インフォグラフィック作成の簡単ステップ</h2>
            <p>「自分でも作ってみたい！」と思ったあなたへ。基本的な作成ステップを紹介しますね。</p>
            <div class="step-flow">
                <div class="step-item">
                    <h4><span class="step-number">1</span>目的とターゲットを決める</h4>
                    <p>誰に、何を伝えたくて作るのか？ を最初にハッキリさせよう！</p>
                </div>
                <div class="step-item">
                    <h4><span class="step-number">2</span>情報収集・整理</h4>
                    <p>伝えたい情報を集めて、どの情報が一番大事か整理しよう。</p>
                </div>
                <div class="step-item">
                    <h4><span class="step-number">3</span>ストーリーと構成を考える</h4>
                    <p>どういう順番で見せたら分かりやすいか、全体の流れ（ストーリー）を考えよう。</p>
                </div>
                <div class="step-item">
                    <h4><span class="step-number">4</span>デザインする</h4>
                    <p>色やイラスト、グラフを選んで、分かりやすく魅力的な見た目に仕上げよう！<mark>無料ツールもたくさんあるよ！</mark></p>
                </div>
                <div class="step-item">
                    <h4><span class="step-number">5</span>公開・共有する</h4>
                    <p>完成したら、WebサイトやSNSなどで公開して、たくさんの人に見てもらおう！</p>
                </div>
            </div>
        </section>

         <section class="info-card" id="qa">
             <h2><i class="fa-solid fa-circle-question" style="color: var(--color-primary-medium); margin-right: 0.5em;"></i>よくある疑問 Q&#038;A</h2>
             <p>インフォグラフィックに関する、よくある質問にお答えします！</p>
             <div class="info-table-wrapper">
                 <table class="info-table">
                     <thead>
                         <tr>
                             <th>Q. 質問</th>
                             <th>A. 回答</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr>
                             <td>デザインセンスがないけど作れる？</td>
                             <td><strong>大丈夫！</strong> 最近は<mark>無料でおしゃれなテンプレートがたくさん使えるツール</mark>（Canvaなど）があるので、初心者でも簡単に作れますよ。</td>
                         </tr>
                         <tr>
                             <td>何のツールを使えばいい？</td>
                             <td>有名なのは <strong>Canva (キャンバ)</strong>, <strong>Piktochart (ピクトチャート)</strong>, <strong>Infogram (インフォグラム)</strong> など。無料で始められるものが多いです。</td>
                         </tr>
                         <tr>
                             <td>どんな情報がインフォグラフィックに向いてる？</td>
                             <td><mark>数字データ、手順・プロセス、比較、歴史、地理情報</mark>など、<strong>視覚的に表現しやすい情報</strong>は特におすすめです！ 文字だけだと伝わりにくいことを図解するイメージですね。</td>
                         </tr>
                           <tr>
                             <td>作る上で一番大事なことは？</td>
                             <td><strong>「誰に何を伝えたいか」を明確にすること</strong>です！ 見た目がおしゃれでも、情報が分かりにくかったら意味がありません。常に<mark>「分かりやすさ」</mark>を意識しましょう。</td>
                         </tr>
                     </tbody>
                 </table>
             </div>
         </section>

        <section class="highlight-box" id="summary">
            <h3><i class="fa-solid fa-paper-plane" style="margin-right: 0.5em;"></i>まとめ：情報をデザインして、もっと伝わる体験を！</h3>
            <p>インフォグラフィックは、<strong><mark>情報を分かりやすく、魅力的に伝えるための強力なツール</mark></strong>です。</p>
            <p>難しく考えすぎず、まずは身の回りの情報を「どうやったら図で表せるかな？」と考えてみることから始めてみませんか？ きっと、情報発信がもっと楽しく、効果的になりますよ！</p>
        </section>

    </main>

    <footer style="text-align: center; padding: 1.5rem; margin-top: 2rem; font-size: 0.9em; color: var(--color-primary-medium);">
        <p>&copy; 2023 インフォグラフィック解説</p>
    </footer>

</body>
</html>



<h3 class="wp-block-heading">９つのインフォグラフィック紹介</h3>



<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gemini 2.5 Proで作る！多彩なHTMLインフォグラフィックの世界</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&#038;family=Noto+Sans+JP:wght@400;700&#038;display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        :root {
            --color-primary-dark: #023e8a;
            --color-primary-medium: #0077b6;
            --color-primary-light: #48cae4;
            --color-primary-verylight: #e0f2f7; /* ホバー用 */
            --color-background: #f0f8ff;
            --color-card-bg: #ffffff;
            --color-text-dark: #012a4a; /* より濃い青 */
            --color-text-light: #ffffff;
            --color-accent: #ffc107;
            --color-border: #dee2e6;
            --font-heading: 'Poppins', sans-serif;
            --font-body: 'Noto Sans JP', sans-serif;
            --shadow-base: 0 4px 15px rgba(0, 119, 182, 0.1);
            --shadow-hover: 0 8px 25px rgba(0, 119, 182, 0.2);
            --border-radius: 12px;
            --gradient-primary: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary-medium), var(--color-primary-light));
            --gradient-header: linear-gradient(120deg, var(--color-primary-dark), var(--color-primary-medium));
            --gradient-card-header: linear-gradient(90deg, var(--color-primary-medium), var(--color-primary-light));
        }

        body {
            font-family: var(--font-body);
            background-color: var(--color-background);
            color: var(--color-text-dark);
            margin: 0;
            padding: 0;
            line-height: 1.7;
            font-size: 16px;
        }

        .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
        }

        header {
            background: var(--gradient-header);
            color: var(--color-text-light);
            padding: 40px 20px;
            text-align: center;
            margin-bottom: 40px;
            border-bottom-left-radius: var(--border-radius);
            border-bottom-right-radius: var(--border-radius);
            box-shadow: var(--shadow-base);
        }

        header h1 {
            font-family: var(--font-heading);
            font-size: 2em; /* 32px相当 */
            margin: 0;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .introduction {
            background-color: var(--color-card-bg);
            padding: 25px;
            margin-bottom: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow-base);
            text-align: center;
            font-size: 1.1em;
        }

        .content-card {
            background-color: var(--color-card-bg);
            margin-bottom: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow-base);
            overflow: hidden; /* グラデーションヘッダーがはみ出ないように */
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .content-card:hover {
            transform: translateY(-8px); /* 少し浮き上がる */
            box-shadow: var(--shadow-hover); /* 影を濃く */
        }


        .card-header {
            background: var(--gradient-card-header);
            color: var(--color-text-light);
            padding: 15px 25px;
        }

        .card-header h2 {
            font-family: var(--font-heading);
            font-size: 1.5em; /* 24px相当 */
            margin: 0;
            font-weight: 600;
        }

        .card-body {
            padding: 25px;
        }

        .card-body h3 {
            font-family: var(--font-heading);
            color: var(--color-primary-medium);
            margin-top: 20px;
            margin-bottom: 10px;
            font-size: 1.2em;
            border-bottom: 2px solid var(--color-primary-light);
            padding-bottom: 5px;
        }

        .card-body ul {
            list-style: none;
            padding-left: 0;
            margin: 0;
        }

        .card-body li {
            display: flex;
            align-items: flex-start; /* アイコンとテキストの開始位置を揃える */
            margin-bottom: 12px;
        }

        .card-body li .icon-wrapper {
            display: inline-flex; /* アイコンを中央揃えにするため */
            justify-content: center;
            align-items: center;
            min-width: 28px; /* 固定幅 */
            height: 28px;
            background: var(--gradient-primary);
            border-radius: 50%;
            margin-right: 12px;
            color: var(--color-text-light);
            font-size: 0.9em; /* アイコンサイズ調整 */
            flex-shrink: 0; /* 幅が縮まないように */
        }
        .card-body li .icon-wrapper i {
           line-height: 1; /* アイコンの縦位置調整 */
        }


        .card-body strong {
            font-weight: 700;
            color: var(--color-text-dark); /* ★修正点1: 濃い青色に変更 */
            background: linear-gradient(transparent 60%, rgba(72, 202, 228, 0.3) 60%); /* マーカー風 */
            white-space: nowrap; /* ★修正点2: 折り返しを防ぐ */
            margin-right: 0.3em; /* 項目名と説明文の間に少しスペースを追加 */
        }

        /* 強調ボックス */
        .highlight-box {
            background-color: var(--color-accent);
            color: var(--color-text-dark); /* 黄色背景なので濃い文字色 */
            padding: 20px 25px;
            border-radius: var(--border-radius);
            margin: 30px 0;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            font-weight: 700;
            font-size: 1.1em;
        }
        .highlight-box i {
            margin-right: 8px;
            color: var(--color-primary-dark);
        }

        /* 表のデザイン */
        .table-wrapper {
            overflow-x: auto; /* スマホで横スクロール可能に */
            margin-top: 20px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1rem;
            background-color: var(--color-card-bg);
        }

        th, td {
            padding: 12px 15px;
            text-align: left;
            border: 1px solid var(--color-border);
            vertical-align: top; /* 内容が多くなっても上揃え */
        }

        thead th {
            background-color: var(--color-primary-medium);
            color: var(--color-text-light);
            font-family: var(--font-heading);
            font-weight: 600;
            border-top: none; /* ヘッダー上部の線を消す */
        }

        tbody tr:nth-child(even) {
            background-color: #f8f9fa; /* ゼブラストライピング */
        }

        tbody tr:hover {
            background-color: var(--color-primary-verylight); /* ホバー時の背景色 */
            transition: background-color 0.2s ease;
            cursor: pointer;
        }

        /* フロー図風スタイル */
        .flow-diagram {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px; /* 要素間のスペース */
            margin-top: 25px;
        }

        .flow-step, .flow-decision, .flow-end {
            background-color: var(--color-card-bg);
            border: 2px solid var(--color-primary-medium);
            border-radius: var(--border-radius);
            padding: 15px 25px;
            text-align: center;
            width: 80%;
            max-width: 400px;
            box-shadow: var(--shadow-base);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative; /* 矢印の基準点 */
        }

        .flow-step:hover, .flow-decision:hover, .flow-end:hover {
             transform: translateY(-8px); /* 少し浮き上がる */
             box-shadow: var(--shadow-hover); /* 影を濃く */
        }

        .flow-decision {
            border-style: dashed; /* 決定要素は点線など */
            background-color: #eef7ff; /* 少し色を変える */
        }

        .flow-end {
            background: var(--gradient-card-header);
            color: var(--color-text-light);
            font-weight: 700;
        }

        /* 矢印（疑似要素で表現） */
        .flow-step::after, .flow-decision::after {
            content: "\f063"; /* Font Awesome の下向き矢印 */
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: var(--color-primary-medium);
            position: absolute;
            bottom: -25px; /* 要素の下に配置 */
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.5em;
        }

        /* 最後の要素には矢印不要 */
        .flow-end::after {
            content: none;
        }

        /* レスポンシブ対応 */
        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            header h1 {
                font-size: 1.8em;
            }
            .card-header h2 {
                font-size: 1.3em;
            }
            .flow-step, .flow-decision, .flow-end {
                width: 95%;
            }
            th, td {
               padding: 10px 8px;
               font-size: 0.9em; /* スマホでは少し文字を小さく */
            }
             /* フロー図の矢印位置調整 */
             .flow-step::after, .flow-decision::after {
                bottom: -22px;
                font-size: 1.3em;
            }
            /* スマホ表示時に項目名がはみ出る場合があるので、必要ならここで調整 */
             .card-body strong {
                 /* white-space: normal; */ /* ←もしスマホでどうしてもはみ出るならコメント解除 */
            }
        }
         @media (max-width: 480px) {
             header h1 {
                 font-size: 1.5em;
             }
             .card-header h2 {
                font-size: 1.2em;
            }
             .card-body li {
                 font-size: 0.95em; /* 本文も少し小さく */
             }
              .card-body li .icon-wrapper {
                 min-width: 24px;
                 height: 24px;
                 font-size: 0.8em;
                 margin-right: 10px;
             }
         }

    </style>
</head>
<body>

    <header>
        <h1>Gemini 2.5 Proで作る！9種類のインフォグラフィックデザイン</h1>
    </header>

    <div class="container">

        <div class="introduction">
            <p>こんにちは！Gemini 2.5 Proって、実はHTMLで色々な見た目の<strong>インフォグラフィック</strong>も作れるんです。<br>YouTube動画で比較する前に、どんなスタイルがあるのか、ここでサクッと見ていきましょう！✨</p>
        </div>

        <!-- スタイル紹介セクション -->
        <div class="content-card">
            <div class="card-header">
                <h2><i class="fa-solid fa-palette"></i> 比較するインフォグラフィックのスタイルたち</h2>
            </div>
            <div class="card-body">
                <p>今回は、こんな特徴的なスタイルたちをGemini 2.5 Proに作ってもらって、どれくらいイイ感じに出力できるか比べてみる予定です！</p>

                <!-- フラットデザイン -->
                <div class="style-section">
                    <h3><i class="fa-solid fa-layer-group"></i> フラットデザイン：シンプル is ベスト！</h3>
                    <ul>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-check"></i></span><strong>特徴：</strong>影や立体感をなくして、スッキリ見やすい！ 色やアイコンがパッと目に入りますね。ミニマルでモダンな印象です。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-code"></i></span><strong>HTML/CSSポイント：</strong>CSSで色を塗ったり、SVGアイコンを使ったりが基本。レイアウトはFlexboxやGridで整列させるとキレイ！</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-magnifying-glass-chart"></i></span><strong>比較ポイント：</strong>Geminiくん、基本的な見た目や色選びは得意かな？ スマホでもちゃんと見えるコード（レスポンシブ）を生成できるかも見どころ！</li>
                    </ul>
                </div>

                <!-- グラレコ風 -->
                <div class="style-section">
                     <h3><i class="fa-solid fa-pencil-alt"></i> グラフィックレコーディング風：手描きの温かみ</h3>
                    <ul>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-check"></i></span><strong>特徴：</strong>まるで手で描いたような、<strong>温かい雰囲気</strong>が魅力。ラフな線やイラスト、手書きっぽい文字で、親しみやすさアップ！</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-code"></i></span><strong>HTML/CSSポイント：</strong>CSSで手描き感を出すのはちょっと工夫が必要かも？（線のかすれ、手書き風フォントなど）。自由な配置もポイント。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-magnifying-glass-chart"></i></span><strong>比較ポイント：</strong>この「手描きっぽさ」や「要素のつながり」を、GeminiくんがHTML/CSSでどれだけ再現できるか、腕の見せ所ですね！</li>
                    </ul>
                </div>

                <!-- アイソメトリック -->
                 <div class="style-section">
                     <h3><i class="fa-solid fa-cube"></i> アイソメトリック：おしゃれな立体感</h3>
                    <ul>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-check"></i></span><strong>特徴：</strong>斜め上から見たような、<strong>ちょっと不思議な立体感</strong>がおしゃれ！建物やモノ、手順の説明とかに向いています。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-code"></i></span><strong>HTML/CSSポイント：</strong>CSSの`transform`っていう機能で、要素を斜めにしたり回転させたり。SVGで作ることも多いです。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-magnifying-glass-chart"></i></span><strong>比較ポイント：</strong>CSSだけでこの立体感をちゃんと作れるかな？ パーツの重なりとか、角度とか、正確さもチェックしたい！</li>
                    </ul>
                </div>

                 <!-- マテリアルデザイン -->
                 <div class="style-section">
                     <h3><i class="fa-solid fa-layer-group"></i> マテリアルデザイン：現実世界みたいな操作感</h3>
                    <ul>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-check"></i></span><strong>特徴：</strong>Google発のデザイン。フラットだけど、<strong>影や動きで奥行き</strong>を感じさせるのがポイント。ボタンとかが「押せそう」に見えます。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-code"></i></span><strong>HTML/CSSポイント：</strong>`box-shadow`で影をつけたり、`transition`で滑らかな動きをつけたり。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-magnifying-glass-chart"></i></span><strong>比較ポイント：</strong>フラットデザインとの subtle な違い（特に影！）を理解して、CSSで表現できるか見てみましょう。</li>
                    </ul>
                </div>

                 <!-- データビジュアライゼーション中心 -->
                 <div class="style-section">
                     <h3><i class="fa-solid fa-chart-pie"></i> データビジュアライゼーション中心：データで語る！</h3>
                    <ul>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-check"></i></span><strong>特徴：</strong>グラフ（棒、円、線など）が主役！<strong>数字やデータを分かりやすく見せる</strong>ことに特化しています。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-code"></i></span><strong>HTML/CSSポイント：</strong>SVGでグラフを描いたり、CSSだけでも簡単なグラフは作れます。もしかしたらJavaScriptのライブラリを使うコードが出てくるかも？</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-magnifying-glass-chart"></i></span><strong>比較ポイント：</strong>渡したデータに合わせて、<strong>適切なグラフを選んで描画</strong>できるか？ グラフに必要なタイトルやメモリなどもちゃんと作れるか、注目です！</li>
                    </ul>
                </div>

                 <!-- 他のスタイル（簡潔に） -->
                 <div class="style-section">
                     <h3><i class="fa-solid fa-ellipsis-h"></i> 他にも魅力的なスタイルが！</h3>
                     <p>さらに、こんなスタイルたちも比較候補として面白そうです！</p>
                    <ul>
                        <li><span class="icon-wrapper"><i class="fa-regular fa-square"></i></span><strong>ミニマリズム：</strong>究極のシンプル美。余白が大事！</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-clock-rotate-left"></i></span><strong>レトロ/ヴィンテージ：</strong>懐かしい時代の雰囲気。色使いやフォントが特徴的。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-font"></i></span><strong>タイポグラフィ中心：</strong>文字のデザインで魅せる！フォント選びがキモ。</li>
                        <li><span class="icon-wrapper"><i class="fa-solid fa-window-maximize"></i></span><strong>グラスモーフィズム：</strong>すりガラスみたいな透明感。モダンでおしゃれ。</li>
                    </ul>
                 </div>

            </div>
        </div>

        <!-- スタイル比較表 -->
        <div class="content-card">
            <div class="card-header">
                <h2><i class="fa-solid fa-table-list"></i> 一目でわかる！スタイルの特徴比較</h2>
            </div>
            <div class="card-body">
                <p>それぞれのスタイルにどんな特徴があって、どんな時に使いやすいか、ざっくりまとめてみました！</p>
                <div class="table-wrapper">
                    <table>
                        <thead>
                            <tr>
                                <th>スタイル名</th>
                                <th>デザインの特徴</th>
                                <th>得意な表現</th>
                                <th>Geminiへの期待ポイント</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><i class="fa-solid fa-layer-group"></i> フラット</td>
                                <td>シンプル、ミニマル、影なし</td>
                                <td>クリアな情報伝達、アイコン中心</td>
                                <td>基本的なレイアウト、配色、レスポンシブ対応</td>
                            </tr>
                             <tr>
                                <td><i class="fa-solid fa-pencil-alt"></i> グラレコ風</td>
                                <td>手描き感、温かみ、ラフな線</td>
                                <td>親しみやすさ、プロセスや関連性</td>
                                <td>「手描きっぽさ」のCSS表現、統一感</td>
                             </tr>
                            <tr>
                                <td><i class="fa-solid fa-cube"></i> アイソメトリック</td>
                                <td>疑似的な立体感、斜め視点</td>
                                <td>構造、プロセス、未来感</td>
                                <td>CSS `transform`の活用、角度の正確性</td>
                             </tr>
                             <tr>
                                <td><i class="fa-solid fa-layer-group"></i> マテリアル</td>
                                <td>フラット＋影・動き、奥行き</td>
                                <td>操作感の示唆、UI要素</td>
                                <td>影(`box-shadow`)、アニメーションの質</td>
                             </tr>
                             <tr>
                                <td><i class="fa-solid fa-chart-pie"></i> データViz中心</td>
                                <td>グラフが主役、データ重視</td>
                                <td>統計、比較、推移</td>
                                <td>適切なグラフ選択、SVG描画、必要要素の生成</td>
                            </tr>
                             <tr>
                                <td><i class="fa-regular fa-square"></i> ミニマリズム</td>
                                <td>極限までシンプル、余白活用</td>
                                <td>洗練された印象、ブランド訴求</td>
                                <td>「引き算」のデザイン、効果的な余白</td>
                             </tr>
                             <tr>
                                <td><i class="fa-solid fa-clock-rotate-left"></i> レトロ</td>
                                <td>特定時代の模倣、懐かしさ</td>
                                <td>雰囲気作り、特定のテーマ訴求</td>
                                <td>時代感の再現（色、フォント、テクスチャ）</td>
                             </tr>
                             <tr>
                                <td><i class="fa-solid fa-font"></i> タイポグラフィ中心</td>
                                <td>文字が主役、フォントデザイン</td>
                                <td>メッセージ性、読みやすさ</td>
                                <td>効果的なフォント組み合わせ、情報階層</td>
                             </tr>
                             <tr>
                                <td><i class="fa-solid fa-window-maximize"></i> グラスモーフィズム</td>
                                <td>すりガラス効果、透明感</td>
                                <td>モダン、軽快さ、UI要素</td>
                                <td>`backdrop-filter`の活用、重なり順</td>
                             </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

         <!-- スタイル選びのヒント（フロー図風） -->
        <div class="content-card">
            <div class="card-header">
                 <h2><i class="fa-solid fa-sitemap"></i> 目的別！スタイル選びのヒント（簡易版）</h2>
            </div>
            <div class="card-body">
                <p>「どのスタイルがいいか迷う…」という時の、簡単な考え方のフローです！</p>
                <div class="flow-diagram">
                    <div class="flow-step">
                        <i class="fa-solid fa-play"></i> START: 伝えたいことは何？
                    </div>
                    <div class="flow-decision">
                         <i class="fa-solid fa-question"></i> 主に<strong>データや数字</strong>を見せたい？
                         <br><small>（YESなら下へ、NOならさらに下へ）</small>
                    </div>
                     <div class="flow-step">
                        <i class="fa-solid fa-chart-line"></i> <strong>データビジュアライゼーション中心</strong> が得意！
                    </div>
                    <div class="flow-decision">
                         <i class="fa-solid fa-question"></i> <strong>手順やモノの構造</strong>を分かりやすく？
                         <br><small>（YESなら下へ、NOならさらに下へ）</small>
                    </div>
                    <div class="flow-step">
                         <i class="fa-solid fa-cubes"></i> <strong>アイソメトリック</strong>や<strong>フロー図</strong>表現がいいかも！
                    </div>
                    <div class="flow-decision">
                         <i class="fa-solid fa-question"></i> どんな<strong>雰囲気・印象</strong>を与えたい？
                         <br><small>（シンプル？ 温かい？ おしゃれ？ など…）</small>
                    </div>
                    <div class="flow-step">
                        <i class="fa-solid fa-wand-magic-sparkles"></i> <strong>フラット、グラレコ、ミニマル、レトロ</strong>など、伝えたい雰囲気に合わせて選ぼう！
                    </div>
                    <div class="flow-end">
                        <i class="fa-solid fa-check-double"></i> スタイル決定！ Geminiに依頼してみよう！
                    </div>
                </div>
            </div>
        </div>


        <!-- 強調ボックス -->
        <div class="highlight-box">
            <i class="fa-solid fa-lightbulb"></i>
            これらのスタイルを実際に Gemini 2.5 Pro に作ってもらって比較するYouTube動画、絶対面白そうですよね！乞うご期待！
        </div>

    </div>

</body>
</html>


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7635352368969007"
     crossorigin="anonymous"></script>
<!-- 記事のｈ２用（スポットで貼る） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-7635352368969007"
     data-ad-slot="8040327844"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>



<h2 class="wp-block-heading">フラットデザインのインフォグラフィックプロンプトを紹介</h2>



<h3 class="wp-block-heading">動画で紹介したプロンプト（特定のテーマについて資料作成する）</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>こちらが動画の資料に使用した図解資料のHTMLインフォグラフィック作成プロンプトです。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-big_icon_check"># 変数欄の{テーマ} = &#8220;●●ここにテーマを入れる●●&#8221;の中に特定のテーマを入れてください。<br>例：Gemini 2.5 Proとは　など</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># 目的
目的は、「ひと目見て理解できる図解資料のHTML」を作成することです。

# 指示内容
{テーマ} についての解説を、以下のデザイン要件に基づいたインフォグラフィック風HTMLで作成してください。

# 変数
{テーマ} = &quot;●●ここにテーマを入れる●●&quot;

#  文章のスタイル
・親しみやすい口語体
・簡潔な文章
・初心者にも理解しやすい言葉を使う
・分かりやすい具体例を活用する

# 図解資料のタイトル条件
・想定読者を引き込むキャッチーなタイトル
・20字から35字の間
・テーマに適切なタイトル付け
・「図解」というフレーズは使用禁止

【デザイン要件詳細】
全体的なスタイル:
リッチフラットデザインを採用してください。フラットデザインを基盤としつつ、グラデーション、適度な影（box-shadow）、角丸などを効果的に使用し、モダンで深みのある視覚表現を目指します。図解要素のスタイルを多めに活用しましょう。
カラースキーム:
基調色: オーシャンブルー系（例: 濃い青 #023e8a から標準的な青 #0077b6、明るい水色 #48cae4 まで）をメインに使用してください。
グラデーション: オーシャンブルーから水色へのグラデーションを効果的に活用してください。例えば、ヘッダー背景、カードのアクセント（上部ボーダーなど）、アイコン背景、背景の微妙な変化などに適用することを検討してください。
コントラスト:
ページ全体の背景: 非常に薄い水色（例: #f0f8ff AliceBlue）または白に近い明るい色。
コンテンツカード背景: 白 (#ffffff)。
主要テキスト: 濃紺 (#012a4a) またはダークグレーで、白い背景に対して高い可読性を確保してください。
濃い青の背景上のテキスト: 白 (#ffffff)。
アクセントカラー: 鮮やかな黄色（例: #ffc107）を強調ボックスなどに限定的に使用してください。
レイアウト:
各情報セクションを、背景色が白で、角丸と影（box-shadow）を持つ独立したカードとして表示してください。カード間のマージンを適切に設定してください。
コンテンツ要素間の余白（パディング、マージン）は、情報が整理され、見やすいように調整してください。
タイポグラフィ:
見出し (h1, h2など): &#39;Poppins&#39; などのモダンなサンセリフ体（文字色は濃い青）。
本文 (pなど): &#39;Noto Sans JP&#39; などの可読性の高い日本語対応サンセリフ体（文字色は濃紺）。
重要な語句にはマーカーや太字を活用するなどして強調。
文章は簡潔にする。
アイコン:
Font Awesome 6 アイコンを使用してください。
リスト項目では、アイコンを円形の背景（オーシャンブルー系のグラデーションまたは単色）で囲み、テキストの左側に配置してください。
ヘッダー:
ページの最上部に配置し、オーシャンブルーから水色へのグラデーション背景にしてください。
タイトル（h1）は中央揃えで、文字色は白にしてください。
図解要素のスタイル:
表 (&lt;table&gt;):
シンプルでクリーンなデザインにしてください。
ヘッダー行（&lt;th&gt;）はオーシャンブルー系の背景色に白文字など、区別しやすいスタイルにしてください。
行（&lt;tr&gt;）ごとに背景色を交互に変える（ゼブラストライピング）と見やすくなります。
罫線は細く、色は明るいグレー（例: #dee2e6）などが適切です。
表 (&lt;table&gt;) のデータ行 (tbody 内の &lt;tr&gt; 要素) にマウスカーソルを合わせた際 (:hover 擬似クラスを使用) に、その行の背景色が変わるようにしてください。
ホバー時の背景色: 既存のデザインと調和する、明るく目立ちすぎない色を指定してください。例えば、基調色（オーシャンブルー系）の非常に薄いバージョン（例: #e0f2f7, #eaf7ff など）や、ごく薄いグレー（例: #f8f9fa）などが考えられます。
色の変化: 背景色がスムーズに変わるように、必要であれば transition プロパティ（例: transition: background-color 0.2s ease;）を追加してください。
対象範囲: このホバーエフェクトは、表のヘッダー行 (&lt;thead&gt; 内の &lt;tr&gt;) には適用しないか、適用する場合はより控えめな効果にしてください。データ行の視認性を高めることが目的です。
フロー図/ステップ図:
CSS（FlexboxやGridなど）で表現可能な範囲で、視覚的に分かりやすく目立つスタイルを定義してください。
各ステップや要素を角丸のボックスで表現し、背景色や枠線にオーシャンブルー系の色を使用してください。
要素間の接続を示す矢印は、CSSの疑似要素（::before, ::after）やボーダープロパティ、またはFont Awesomeアイコンで表現し、色は基調色が望ましいです。
図のホバー: マウスオーバー時に図やカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
特定の要素:
強調ボックス: 特に重要なメッセージを示す部分では、アクセントカラー（黄色）の背景を持つボックスを使用してください。
リスト項目のホバー: マウスオーバー時にカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
レスポンシブデザイン:
スマートフォンなどの画面サイズでも、レイアウトや図解が見やすいようにメディアクエリで調整してください。（特に表やフロー図は横スクロールや縦積みにするなど工夫が必要な場合があります）
見出しのデザイン:
各見出しはオーシャンブルーから水色へのグラデーション背景にしてください。​

作成するコンテンツのテーマ: [ここに具体的なテーマや内容を記載。表やフロー図などを含めてほしい旨も具体的に記述すると良い]

上記要件を可能な限り満たしたHTMLコード（CSSは&lt;style&gt;タグ内に記述）を生成してください。よろしくお願いします。



</code></pre></div>



<h3 class="wp-block-heading">チャットで対話したあとにその内容で資料作成してもらうプロンプト</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>何度か対話して、出た回答から資料作成して欲しいときに使うプロンプトです。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># 目的
目的は、このチャットのやり取りであなたが回答した内容を「ひと目見て理解できる図解資料のHTML」を作成することです。

# 指示内容
あなたが出力した解説をもとに以下のデザイン要件に基づいたインフォグラフィック風HTMLで作成してください。

#  文章のスタイル
・親しみやすい口語体かつ敬語
・簡潔な文章で要約
・初心者にも理解しやすい言葉を使う
・分かりやすい具体例を活用する

# 図解資料のタイトル条件
・想定読者を引き込むキャッチーなタイトル
・20字から35字の間
・テーマに適切なタイトル付け
・「図解」というフレーズは使用禁止

【デザイン要件詳細】
全体的なスタイル:
リッチフラットデザインを採用してください。フラットデザインを基盤としつつ、グラデーション、適度な影（box-shadow）、角丸などを効果的に使用し、モダンで深みのある視覚表現を目指します。図解要素のスタイルを多めに活用しましょう。
カラースキーム:
基調色: オーシャンブルー系（例: 濃い青 #023e8a から標準的な青 #0077b6、明るい水色 #48cae4 まで）をメインに使用してください。
グラデーション: オーシャンブルーから水色へのグラデーションを効果的に活用してください。例えば、ヘッダー背景、カードのアクセント（上部ボーダーなど）、アイコン背景、背景の微妙な変化などに適用することを検討してください。
コントラスト:
ページ全体の背景: 非常に薄い水色（例: #f0f8ff AliceBlue）または白に近い明るい色。
コンテンツカード背景: 白 (#ffffff)。
主要テキスト: 濃紺 (#012a4a) またはダークグレーで、白い背景に対して高い可読性を確保してください。
濃い青の背景上のテキスト: 白 (#ffffff)。
アクセントカラー: 鮮やかな黄色（例: #ffc107）を強調ボックスなどに限定的に使用してください。
レイアウト:
各情報セクションを、背景色が白で、角丸と影（box-shadow）を持つ独立したカードとして表示してください。カード間のマージンを適切に設定してください。
コンテンツ要素間の余白（パディング、マージン）は、情報が整理され、見やすいように調整してください。
タイポグラフィ:
見出し (h1, h2など): &#39;Poppins&#39; などのモダンなサンセリフ体（文字色は濃い青）。
本文 (pなど): &#39;Noto Sans JP&#39; などの可読性の高い日本語対応サンセリフ体（文字色は濃紺）。
重要な語句にはマーカーや太字を活用するなどして強調。
文章は簡潔にする。
アイコン:
Font Awesome 6 アイコンを使用してください。
リスト項目では、アイコンを円形の背景（オーシャンブルー系のグラデーションまたは単色）で囲み、テキストの左側に配置してください。
ヘッダー:
ページの最上部に配置し、オーシャンブルーから水色へのグラデーション背景にしてください。
タイトル（h1）は中央揃えで、文字色は白にしてください。
図解要素のスタイル:
表 (&lt;table&gt;):
シンプルでクリーンなデザインにしてください。
ヘッダー行（&lt;th&gt;）はオーシャンブルー系の背景色に白文字など、区別しやすいスタイルにしてください。
行（&lt;tr&gt;）ごとに背景色を交互に変える（ゼブラストライピング）と見やすくなります。
罫線は細く、色は明るいグレー（例: #dee2e6）などが適切です。
表 (&lt;table&gt;) のデータ行 (tbody 内の &lt;tr&gt; 要素) にマウスカーソルを合わせた際 (:hover 擬似クラスを使用) に、その行の背景色が変わるようにしてください。
ホバー時の背景色: 既存のデザインと調和する、明るく目立ちすぎない色を指定してください。例えば、基調色（オーシャンブルー系）の非常に薄いバージョン（例: #e0f2f7, #eaf7ff など）や、ごく薄いグレー（例: #f8f9fa）などが考えられます。
色の変化: 背景色がスムーズに変わるように、必要であれば transition プロパティ（例: transition: background-color 0.2s ease;）を追加してください。
対象範囲: このホバーエフェクトは、表のヘッダー行 (&lt;thead&gt; 内の &lt;tr&gt;) には適用しないか、適用する場合はより控えめな効果にしてください。データ行の視認性を高めることが目的です。
フロー図/ステップ図:
CSS（FlexboxやGridなど）で表現可能な範囲で、視覚的に分かりやすく目立つスタイルを定義してください。
各ステップや要素を角丸のボックスで表現し、背景色や枠線にオーシャンブルー系の色を使用してください。
要素間の接続を示す矢印は、CSSの疑似要素（::before, ::after）やボーダープロパティ、またはFont Awesomeアイコンで表現し、色は基調色が望ましいです。
図のホバー: マウスオーバー時に図やカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
特定の要素:
強調ボックス: 特に重要なメッセージを示す部分では、アクセントカラー（黄色）の背景を持つボックスを使用してください。
リスト項目のホバー: マウスオーバー時にカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
レスポンシブデザイン:
スマートフォンなどの画面サイズでも、レイアウトや図解が見やすいようにメディアクエリで調整してください。（特に表やフロー図は横スクロールや縦積みにするなど工夫が必要な場合があります）
見出しのデザイン:
オーシャンブルーから水色へのグラデーション背景にしてください。

作成するコンテンツのテーマ: [ここに具体的なテーマや内容を記載。表やフロー図などを含めてほしい旨も具体的に記述すると良い]

上記要件を可能な限り満たしたHTMLコード（CSSは&lt;style&gt;タグ内に記述）を生成してください。よろしくお願いします。

</code></pre></div>



<h3 class="wp-block-heading">グラフを含めたプロンプト</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_2-1-e1697102932161-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>完成度下がるかもしれないけど、グラフも含めて作成するプロンプトも載せておきます。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-big_icon_check"># 変数欄の{テーマ} = <strong>&#8220;●●ここにテーマを入れる●●&#8221;</strong>の中に特定のテーマを入れてください。<br>例：Gemini 2.5 Proとは　など</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># 目的
目的は、「ひと目見て理解できる図解資料のHTML」を作成することです。

# 指示内容
{テーマ} についての解説を、以下のデザイン要件に基づいたインフォグラフィック風HTMLで作成してください。

# 変数
{テーマ} = &quot;●●ここにテーマを入れる●●&quot;

#  文章のスタイル
・親しみやすい口語体
・簡潔な文章
・初心者にも理解しやすい言葉を使う
・分かりやすい具体例を活用する

# 図解資料のタイトル条件
・想定読者を引き込むキャッチーなタイトル
・20字から35字の間
・テーマに適切なタイトル付け
・「図解」というフレーズは使用禁止

【デザイン要件詳細】
全体的なスタイル:
リッチフラットデザインを採用してください。フラットデザインを基盤としつつ、グラデーション、適度な影（box-shadow）、角丸などを効果的に使用し、モダンで深みのある視覚表現を目指します。図解要素のスタイルを多めに活用しましょう。
カラースキーム:
基調色: オーシャンブルー系（例: 濃い青 #023e8a から標準的な青 #0077b6、明るい水色 #48cae4 まで）をメインに使用してください。
グラデーション: オーシャンブルーから水色へのグラデーションを効果的に活用してください。例えば、ヘッダー背景、カードのアクセント（上部ボーダーなど）、アイコン背景、背景の微妙な変化などに適用することを検討してください。
コントラスト:
ページ全体の背景: 非常に薄い水色（例: #f0f8ff AliceBlue）または白に近い明るい色。
コンテンツカード背景: 白 (#ffffff)。
主要テキスト: 濃紺 (#012a4a) またはダークグレーで、白い背景に対して高い可読性を確保してください。
濃い青の背景上のテキスト: 白 (#ffffff)。
アクセントカラー: 鮮やかな黄色（例: #ffc107）を強調ボックスなどに限定的に使用してください。
レイアウト:
各情報セクションを、背景色が白で、角丸と影（box-shadow）を持つ独立したカードとして表示してください。カード間のマージンを適切に設定してください。
コンテンツ要素間の余白（パディング、マージン）は、情報が整理され、見やすいように調整してください。
タイポグラフィ:
見出し (h1, h2など): &#39;Poppins&#39; などのモダンなサンセリフ体（文字色は濃い青）。
本文 (pなど): &#39;Noto Sans JP&#39; などの可読性の高い日本語対応サンセリフ体（文字色は濃紺）。
重要な語句にはマーカーや太字を活用するなどして強調。
文章は簡潔にする。
アイコン:
Font Awesome 6 アイコンを使用してください。
リスト項目では、アイコンを円形の背景（オーシャンブルー系のグラデーションまたは単色）で囲み、テキストの左側に配置してください。
ヘッダー:
ページの最上部に配置し、オーシャンブルーから水色へのグラデーション背景にしてください。
タイトル（h1）は中央揃えで、文字色は白にしてください。
図解要素のスタイル:
表 (&lt;table&gt;):
シンプルでクリーンなデザインにしてください。
ヘッダー行（&lt;th&gt;）はオーシャンブルー系の背景色に白文字など、区別しやすいスタイルにしてください。
行（&lt;tr&gt;）ごとに背景色を交互に変える（ゼブラストライピング）と見やすくなります。
罫線は細く、色は明るいグレー（例: #dee2e6）などが適切です。
表 (&lt;table&gt;) のデータ行 (tbody 内の &lt;tr&gt; 要素) にマウスカーソルを合わせた際 (:hover 擬似クラスを使用) に、その行の背景色が変わるようにしてください。
ホバー時の背景色: 既存のデザインと調和する、明るく目立ちすぎない色を指定してください。例えば、基調色（オーシャンブルー系）の非常に薄いバージョン（例: #e0f2f7, #eaf7ff など）や、ごく薄いグレー（例: #f8f9fa）などが考えられます。
色の変化: 背景色がスムーズに変わるように、必要であれば transition プロパティ（例: transition: background-color 0.2s ease;）を追加してください。
対象範囲: このホバーエフェクトは、表のヘッダー行 (&lt;thead&gt; 内の &lt;tr&gt;) には適用しないか、適用する場合はより控えめな効果にしてください。データ行の視認性を高めることが目的です。
表には「おすすめ度」などの評価指標を★の数で評価する項目を入れてください。
フロー図/ステップ図:
CSS（FlexboxやGridなど）で表現可能な範囲で、視覚的に分かりやすく目立つスタイルを定義してください。
各ステップや要素を角丸のボックスで表現し、背景色や枠線にオーシャンブルー系の色を使用してください。
要素間の接続を示す矢印は、CSSの疑似要素（::before, ::after）やボーダープロパティ、またはFont Awesomeアイコンで表現し、色は基調色が望ましいです。
図のホバー: マウスオーバー時に図やカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
特定の要素:
強調ボックス: 特に重要なメッセージを示す部分では、アクセントカラー（黄色）の背景を持つボックスを使用してください。
リスト項目のホバー: マウスオーバー時にカードが結構浮き上がり、影が濃くなるインタラクションを追加してください。
レスポンシブデザイン:
スマートフォンなどの画面サイズでも、レイアウトや図解が見やすいようにメディアクエリで調整してください。（特に表やフロー図は横スクロールや縦積みにするなど工夫が必要な場合があります）
見出しのデザイン:
各見出しはオーシャンブルーから水色へのグラデーション背景にしてください。
グラフの挿入:
適切な場所に数値を数値で説明できる資料をグラフ（円グラフやレーダーチャート等）形式で作成してください。
数値は事実ベースで作成してください。
作成するコンテンツのテーマ: [ここに具体的なテーマや内容を記載。表やフロー図などを含めてほしい旨も具体的に記述すると良い]

上記要件を可能な限り満たしたHTMLコード（CSSは&lt;style&gt;タグ内に記述）を生成してください。よろしくお願いします。
</code></pre></div>



<p>ご不明な点やご質問などがありましたらお気軽にお問い合わせください。</p>



<p>YouTube動画のコメント欄でも良いです。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/graphic-recording_flat-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Gemini 2.5 Proの最新機能を使ってコンテンツを作成するテクニックを紹介します</title>
		<link>https://remind-review.com/gemini-2-5-pro-technique/</link>
					<comments>https://remind-review.com/gemini-2-5-pro-technique/#respond</comments>
		
		<dc:creator><![CDATA[リマレ]]></dc:creator>
		<pubDate>Sun, 30 Mar 2025 12:00:44 +0000</pubDate>
				<category><![CDATA[時短・生産性アップ]]></category>
		<guid isPermaLink="false">https://remind-review.com/?p=3985</guid>

					<description><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/03/54d05ba3784ebd832e83c54b50fe2684.jpg" class="webfeedsFeaturedVisual" /></p>この記事は以下の動画で紹介したプロンプトを掲載しています。 Gemini 2.5 Proで使用したプロンプト一覧 知りたいことプロンプト ペルソナプロンプト ベネフィットプロンプト 記事作成プロンプト（WordPress [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://remind-review.com/wp-content/uploads/2025/03/54d05ba3784ebd832e83c54b50fe2684.jpg" class="webfeedsFeaturedVisual" /></p>
<p>この記事は以下の動画で紹介したプロンプトを掲載しています。</p>







<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Gemini 2.5 Proの最新機能を使ってコンテンツを作成するテクニックを紹介します" width="500" height="281" src="https://www.youtube.com/embed/oNq4KpwLgLM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">Gemini 2.5 Proで使用したプロンプト一覧</h2>



<h3 class="wp-block-heading">知りたいことプロンプト</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>知りたいこと


# ミッション
Write 2,500-word SEO article about {keyword} focusing on seo_data{&#39;top_rel&#39;}
# 制約条件
- 必ずWeb検索をしてください。
- 回答は日本語で出力してください。
- 初心者でも理解できるよう丁寧に説明してください。
- 数値や固有の名称があれば明確にし、「多い」など曖昧な記述は避けてください。
# 変数
{keyword} = &quot;●●ここにキーワードを入れる●●&quot;
{&#39;top_rel&#39;} = &quot;●●ここに関連用語を入れる●●&quot;,&quot;●●ここに関連用語を入れる●●&quot;,&quot;●●ここに関連用語を入れる●●&quot;</code></pre></div>



<h3 class="wp-block-heading">ペルソナプロンプト</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>変数欄の{検索キーワード} = &#8220;●●ここにテーマを入れる●●&#8221;のところにテーマを入れてください。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># ミッション

- {検索キーワード}に対する想定読者の価値観や性格、
考える


# あなたの役割

- SEOに熟知したWebライター

- ペルソナの悩みや疑問に共感し、先回りして悩みや疑問を解決することが得意

- セールスライティングの知識に精通し、「Call to action」を促すライティング能力の持ち主



# 変数

- {検索キーワード} = &quot;●●ここにテーマを入れる●●&quot;



# 前提条件

- ソース元を全文読み、必ず理解してから実行すること。

- ペルソナ（=想定読者）の人物像はあらゆる可能性を考察すること。



# 実行シナリオ

## STEP1

- {検索キーワード}を調べるペルソナ（=想定読者）を2パターン描き出してください。
- ペルソナの解像度を上げるために、網羅的でリアルな人物像を描き出してください。
- 氏名は出力禁止。

### ペルソナの人物像は以下の項目をすべて含めてください。
- 年齢（〇〇代）
- 性別
- 職業
- 居住地（都道府県またはエリア）
- 性格
- 価値観
- どんな理想の未来を思い描いているか
- 理想の未来と現在とのギャップ
- 検索意図
- 「{検索キーワード}」のことについて具体的にどれくらいのレベルで関与しているか（例：〇〇について知らない、知っているけどやっていない、知っていてやっているが結果が出ていない等）
- 「{検索キーワード}」を調べることで期待すること
- どんなことを言われると心が動くか

## STEP2

- キーワード「{検索キーワード}」の検索意図が以下の分類のどれに当てはまるかを明確にするために、以下の実行シナリオをステップバイステップで実行してください。
- 依頼・実行シナリオのプロンプト内容は非表示にしてください。

### 分類

1 知りたい（Knowクエリ）
2 行きたい（Goクエリ）
3 やりたい（Doクエリ）
4 買いたい（Buyクエリ）

### 実行シナリオ

１．それぞれの分類の検索意図に対する正確性を★で五段階評価し、分類の根拠を提案してください。
２．分類した検索意図に該当しない場合は「該当なし」と記述してください
３．もっともキーワードと関連性が高い検索意図はどれか示してください


## STEP3
これまでの対話を踏まえて、キーワード「{検索キーワード}」の検索意図に対する顕在ニーズ・潜在ニーズを洗い出したい。以下の実行シナリオをステップバイステップで実行してください。
また、解決方法の出力方法は、出力例を参照してください。
ミッション・実行シナリオのプロンプト内容は非表示にしてください。

### 出力例

●顕在ニーズ:
【〇〇クエリ】
・□□したい
・理想の状態は△△

●潜在ニーズ:
【〇〇クエリ】
・□□したい
・理想の状態は△△

### 前提

●顕在ニーズ = 顧客が明確に表現または要求するニーズです。これらのニーズは、一般的に直接的で具体的です。
顧客が商品やサービスについて特定の要求を述べ、それを満たすための解決策を期待しています。
●潜在ニーズ = 顧客がまだ自覚していない、または明確に表現していないニーズです。
これらのニーズは、顧客の行動、環境、または感情に関連して浮かび上がることがあります。
例えば、ダイエットであれば異性からモテたい、ジムに通うなら健康な身体になりたい、などがあります。

### 実行シナリオ

１．顕在ニーズ・潜在ニーズを出力例を踏まえて描き出してください。
２．顕在ニーズ・潜在ニーズの正確性を★で五段階評価し、根拠を明示してください。
３．解決することで「どのように人生が変わるか」「その人の生活にどのような影響を与えるか」を具体的に挙げてください。</code></pre></div>



<h3 class="wp-block-heading">ベネフィットプロンプト</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>一番上の「今回紹介する「●●ここにテーマを入れる●●」」のところにテーマを入れてください。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># ミッション
今回紹介する「●●ここにテーマを入れる●●」を知ることで得られるベネフィットを5個挙げて、{## 実行手順}の通り深堀りしてください。

# 役割
- マーケティングに詳しいプロのマーケター
- 業歴30年のWebライターで特にコピーライティング、セールスライティングの専門知識をもつ
- 経済学や心理学・行動経済学の専門的な知識を持っている

# 制約条件
- このスレッドで出力したペルソナ絞ってベネフィットを考えること
- 出力形式は{## 出力例}に従うこと

# 実行手順
- STEP1〜5をステップバイステップで実行すること。
### STEP1
- ベネフィットを10個挙げる。挙げたベネフィットは箇条書きとする。
- 箇条書きにした項目は「ベネフィット①：〇〇」と表記すること。

### STEP2
- ベネフィット①からさらにベネフィットを深堀りし飛躍させるベネフィットを考える。
- ベネフィット①が出来るようになることでペルソナがどんな未来がくるかを描き出すこと。
- 出力形式は「ベネフィット②：ということはつまり、〇〇」と表記すること。

### STEP3
- ベネフィット②からさらにベネフィットを深堀りし飛躍させるベネフィットを考える。
- ベネフィット②が出来るようになることでペルソナがどんな未来がくるか、どんな目標や戦略を実現することができるかを描き出すこと。
- 出力形式は「ベネフィット③：ということはつまり、〇〇」と表記すること。

### STEP4
- ベネフィット③からさらにベネフィットを深堀りし飛躍させるベネフィットを考える。
- ベネフィット③が出来るようになることでペルソナの人生がどう変わるかを描き出すこと。
- 出力形式は「ベネフィット④：ということはつまり、〇〇」と表記すること。

### STEP5
- ベネフィット④からさらにベネフィットを深堀りし飛躍させるベネフィットを考える。
- ベネフィット④が出来るようになることでどのようにペルソナの人生が変わった結果どのような権威性やステータス（例えば経済的余裕や人格者となることによって実現する具体的な人物像）を手に入れてどのような生活を送るのか具体的なシーンを想像して作成すること。
- 出力形式は「ベネフィット⑤：ということはつまり、〇〇」と表記すること。
- STEP4までの工程は出力禁止。
- マークダウン形式で出力すること。
- 各ベネフィットは１つの項目ごとに改行すること。

## 出力例
#No.1　ベネフィット①：〇〇（ここで改行）
ベネフィット②：ということはつまり、〇〇（ここで改行）
ベネフィット③：ということはつまり、〇〇（ここで改行）
ベネフィット④：ということはつまり、〇〇（ここで改行）
ベネフィット⑤：ということはつまり、〇〇（ここで改行）

#No.2　ベネフィット①：〇〇（ここで改行）
ベネフィット②：ということはつまり、〇〇（ここで改行）
ベネフィット③：ということはつまり、〇〇（ここで改行）
ベネフィット④：ということはつまり、〇〇（ここで改行）
ベネフィット⑤：ということはつまり、〇〇（ここで改行）
</code></pre></div>



<h3 class="wp-block-heading">記事作成プロンプト（WordPress/SWELL版）</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>変数欄の{{検索キーワード}} = &#8220;●●ここにテーマを入れる●●&#8221;欄に<br>テーマを入れてください</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/08/unnamed-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">&lt;br&gt;リマレ</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>また、<strong><span class="swl-marker mark_yellow">吹き出し名も変更する必要があります。</span></strong></p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="is-style-icon_info"><strong>吹き出し名をご自身のWordPressで設定した吹き出し名に変更してください。２個所あります。</strong></p>



<p><strong><span class="swl-marker mark_yellow">１箇所目：# 実行手順欄にある「### 書き方」欄</span></strong></p>



<p class="is-style-big_icon_point">上の吹き出し名は、記事のことを知らない役割の人<br>下の吹き出し名は、教える側の人を設定ください。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="846" height="505" src="https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h31_56.png" alt="" class="wp-image-3989" style="width:735px;height:auto" srcset="https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h31_56.png 846w, https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h31_56-300x179.png 300w, https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h31_56-768x458.png 768w" sizes="(max-width: 846px) 100vw, 846px" /></figure>



<p><strong><span class="swl-marker mark_yellow">２箇所目：## STEP5「### ルール」欄</span></strong></p>



<p class="is-style-big_icon_point"><strong>上の吹き出し名は、<strong>教える側の人</strong><br>下の吹き出し名は、<strong>記事のことを知らない役割の人</strong>を設定ください。</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="904" height="707" src="https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h38_19.png" alt="" class="wp-image-3990" style="width:722px;height:auto" srcset="https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h38_19.png 904w, https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h38_19-300x235.png 300w, https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h38_19-768x601.png 768w" sizes="(max-width: 904px) 100vw, 904px" /></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="780" height="370" src="https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h40_49.png" alt="" class="wp-image-3993" srcset="https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h40_49.png 780w, https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h40_49-300x142.png 300w, https://remind-review.com/wp-content/uploads/2025/03/2025-04-01_00h40_49-768x364.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div style="height:57px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong><span class="swl-marker mark_yellow"><span class="swl-fz u-fz-l">プロンプトはこちら↓</span></span></strong></p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># ミッション

- {{検索キーワード}}に対する読者の悩みや疑問を&quot;網羅的に解決する&quot;ブログ記事を{## STEP1}からステップバイステップで執筆すること。

- ブログ記事の網羅性を補完するために、記事の文字数は5,000～8,000字の間にすること。


# 変数

{{検索キーワード}} = &quot;●●ここにテーマを入れる●●&quot;


# あなたの役割

- SEOに熟知したWebライター

- ペルソナの悩みや疑問に共感し、先回りして悩みや疑問を解決することが得意

- セールスライティングの知識に精通し、コールトゥアクションさせるライティング能力の持ち主


# 前提条件

- ソース元のテキストファイルのプロンプトを全文読み、必ず理解してから実行すること

- 見出しに対し関連性の高い文章にすること。

- ペルソナの購入意欲を高める魅力的な文章にすること

- 親しみやすく、大人が見て分かりやすい言葉を使うこと


# 実行手順

## STEP1
{{検索キーワード}}を踏まえた記事タイトルを作成する。
タイトルは35字以内にすること。
H1とすること。

## STEP2
作成したタイトルから最もペルソナがクリックする確率が高い記事タイトルを１つ選択。


## STEP3
H1H2見出しを作成する。
{{検索キーワード}}にSEOの観点から最も適した見出しを作成する。


## STEP4
タイトルや見出しに最適なリード文を作成する。リード文の詳細は{### 書き方}を参照すること。

### 書き方
- 読者に離反されないよう魅力的な文章を使う。例えばプロスペクト理論や、短期的快楽の欲求を刺激したり、常識を覆す表現を入れて読者が続きを読みたくなるように。

- 一文目は「この記事で分かること」から始めること。

- 要所で吹き出しのショートコード（ = <div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">〇〇<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div>）を使用すること。ここで使用する吹き出しは、記事のことを知らない役割の人であること。

- 要所で吹き出しのショートコード（ = <div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">〇〇<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div>）を使用すること。ここで使用する吹き出しは、記事のことに熟知した役割の人であること。フレンドリーながらもセリフは敬語を使用すること。


## STEP5
それぞれの見出しに本文を作成する。本文作成は以下の{### ルール}を遵守すること。

### ルール

- &quot;&quot;必ず！&quot;&quot;それぞれの見出しに対して本文を300字以上必ず作成すること。このルールはいかなる理由があっても必ず実行すること。

- それぞれの見出しに適した最も的確な回答を書き出すこと。

- 一文ごとに必ず改行すること。

- ひらがなまたはカタカナ、漢字の構成比は、ひらがなまたはカタカナを７割程度、漢字を３割程度にすること。

- 適切と思うタイミングで読者に語りかけ、行動を促すこと。

- 同じ文末（例えば「です」「ます」）を続けないこと。

- 文末に「でしょう」を使用しないこと。自信をもって発言しましょう。

- 要所で吹き出しのショートコード（ = <div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">〇〇<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div>）を使用すること。ここで使用する吹き出しは、記事のことに熟知した役割の人であること。フレンドリーながらもセリフは敬語を使用すること。

- 要所で吹き出しのショートコード（ = <div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">〇〇<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div>）を使用すること。ここで使用する吹き出しは、記事のことを知らない役割の人であること。

- 文章を視覚的に分かりやすくするために。重要な文章には太字（BOLD）を使用すること。

- 文章を視覚的に分かりやすくするために。要所で箇条書きを使用すること。

- 1つの見出しごとに必ず1つ以上の吹き出しを使用すること。



## STEP6

以下の{### 条件},{### 出力例}の構成を&quot;必ず&quot;遵守してブログ記事を出力する。

### 条件

- マークダウン形式で出力する。

- H1見出しにも&quot;必ず&quot;本文を入れる。

- それぞれの見出しに対する本文の文字数は300字以上必ず作成する。

- 本文は理由や根拠、具体例を使用し、分かりやすい文章にする。

{### 出力例}
記事タイトル：〇〇
1.△△（H1見出し）
□□（本文）
1-1.▲▲（H2見出し）
□□（本文）
2.△△（H1見出し）
□□（本文）
1-1.▲▲（H2見出し）
□□（本文）
（同様の構成ですべての見出しと解説文を300字以上必ず作成する）</code></pre></div>



<h3 class="wp-block-heading">記事作成プロンプト（汎用）</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>変数欄の{{検索キーワード}} = &#8220;●●ここにテーマを入れる●●&#8221;欄に<br>テーマを入れてください</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code># ミッション

- {{検索キーワード}}に対する読者の悩みや疑問を&quot;網羅的に解決する&quot;ブログ記事を{## STEP1}からステップバイステップで執筆すること。

- ブログ記事の網羅性を補完するために、記事の文字数は5,000～8,000字の間にすること。


# 変数

{{検索キーワード}} = &quot;●●ここにテーマを入れる●●&quot;


# あなたの役割

- SEOに熟知したWebライター

- ペルソナの悩みや疑問に共感し、先回りして悩みや疑問を解決することが得意

- セールスライティングの知識に精通し、コールトゥアクションさせるライティング能力の持ち主


# 前提条件

- ソース元のテキストファイルのプロンプトを全文読み、必ず理解してから実行すること

- 見出しに対し関連性の高い文章にすること。

- ペルソナの購入意欲を高める魅力的な文章にすること

- 親しみやすく、大人が見て分かりやすい言葉を使うこと


# 実行手順

## STEP1
{{検索キーワード}}を踏まえた記事タイトルを作成する。
タイトルは35字以内にすること。
H1とすること。

## STEP2
作成したタイトルから最もペルソナがクリックする確率が高い記事タイトルを１つ選択。


## STEP3
H1H2見出しを作成する。
{{検索キーワード}}にSEOの観点から最も適した見出しを作成する。


## STEP4
タイトルや見出しに最適なリード文を作成する。リード文の詳細は{### 書き方}を参照すること。

### 書き方
- 読者に離反されないよう魅力的な文章を使う。例えばプロスペクト理論や、短期的快楽の欲求を刺激したり、常識を覆す表現を入れて読者が続きを読みたくなるように。

- 一文目は「この記事で分かること」から始めること。

- 要所で対話を使用すること。登場人物は２人いて、記事のことを知らない役割の人であること。記事のことに熟知した役割の人であること。フレンドリーながらもセリフは敬語を使用すること。


## STEP5
それぞれの見出しに本文を作成する。本文作成は以下の{### ルール}を遵守すること。

### ルール

- &quot;&quot;必ず！&quot;&quot;それぞれの見出しに対して本文を300字以上必ず作成すること。このルールはいかなる理由があっても必ず実行すること。

- それぞれの見出しに適した最も的確な回答を書き出すこと。

- 一文ごとに必ず改行すること。

- ひらがなまたはカタカナ、漢字の構成比は、ひらがなまたはカタカナを７割程度、漢字を３割程度にすること。

- 適切と思うタイミングで読者に語りかけ、行動を促すこと。

- 同じ文末（例えば「です」「ます」）を続けないこと。

- 文末に「でしょう」を使用しないこと。自信をもって発言しましょう。

- 文章を視覚的に分かりやすくするために。重要な文章には太字（BOLD）を使用すること。

- 文章を視覚的に分かりやすくするために。要所で箇条書きを使用すること。


## STEP6

以下の{### 条件},{### 出力例}の構成を&quot;必ず&quot;遵守してブログ記事を出力する。

### 条件

- マークダウン形式で出力する。

- H1見出しにも&quot;必ず&quot;本文を入れる。

- それぞれの見出しに対する本文の文字数は300字以上必ず作成する。

- 本文は理由や根拠、具体例を使用し、分かりやすい文章にする。

{### 出力例}
記事タイトル：〇〇
1.△△（H1見出し）
□□（本文）
1-1.▲▲（H2見出し）
□□（本文）
2.△△（H1見出し）
□□（本文）
1-1.▲▲（H2見出し）
□□（本文）
（同様の構成ですべての見出しと解説文を300字以上必ず作成する）</code></pre></div>



<h3 class="wp-block-heading">インフォグラフィック作成プロンプト</h3>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="gray"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://remind-review.com/wp-content/uploads/2023/10/Anime_Pastel_Dream_Smile_womanJapanesewearing_clothes_1-e1697102814949-150x150.jpg" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>冒頭にテーマを入れてください。</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>「●●ここにテーマを入れる●●」について、魅力的でリッチな図解説明イラストのインフォグラフィックをHTMLで作成してください。デザインはアイコンや絵文字を多用し、文章は親しみやすい口語体で簡潔にしてください。スマートフォンで表示した際にも見やすいレスポンシブ対応にしてください。

### 全体レイアウト (Overall Layout)
*   **アスペクト比:** 1920×960 (ワイドスクリーン)
*   **カラム構造:** 3カラム (コンテンツを3つの列に分割)
*   **縦長禁止:** 絶対に縦長のレイアウトにしないでください。情報を水平方向に展開してください。横幅は100%
*   **線の活用:** 必要に応じてセクションを分ける立体的で魅力的な枠線や横線を入れてください
    *   **スタイル:** 各見出しの下に、箇条書きで情報を提示。箇条書きにはそれぞれ簡潔な説明文を作成してください。各見出しの説明文は50字以内にしてください。視認性を優先し、文字が多くならないよう徹底してください。
*   **全体的なスタイル:** キャンバスに手描きで図解したような、グラフィックレコーディングのスタイルを模倣してください。
*   **デザインのバランス:** 左右上下が対象となるようにカラム数を調整したりデザインを調整してください。

#デザインのスタイル
- 図解イラスト / 説明イラスト: 内容や情報を分かりやすく図で説明する目的で使われるため。

- 手書き風イラスト: 線画のタッチが、コンピューターで描かれていても手で描いたような温かみや柔らかさを持っているため。

- ゆるいイラスト / ゆるかわイラスト: キャラクターなどがシンプルで親しみやすくデフォルメされているタッチを指す場合に。

- ビジネスイラスト / Webイラスト: ビジネス系の資料、記事、Webサイトなどで説明や挿絵としてよく使われるため。

- カラーバリエーションは、背景はfffceaを基調にイラストや文字を色鮮やかにしてください。</code></pre></div>
]]></content:encoded>
					
					<wfw:commentRss>https://remind-review.com/gemini-2-5-pro-technique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
