<?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>AI・Claude &#8211; まったりエンジニア</title>
	<atom:link href="https://javeo.jp/category/ai/feed/" rel="self" type="application/rss+xml" />
	<link>https://javeo.jp</link>
	<description>ほどほどレベルのプログラミング</description>
	<lastBuildDate>Thu, 20 Aug 2026 14:47:13 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2-32x32.png</url>
	<title>AI・Claude &#8211; まったりエンジニア</title>
	<link>https://javeo.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>グラフエンジニアリングとは ノードとエッジで組む設計</title>
		<link>https://javeo.jp/graph-engineering/</link>
					<comments>https://javeo.jp/graph-engineering/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Wed, 12 Aug 2026 01:47:04 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5133</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/08/graph-engineering-1024x538.png" class="webfeedsFeaturedVisual" /></p>ループの次に出てきたグラフエンジニアリングを ノード・エッジ・状態という中身から整理しました ループエンジニアリングとの包含関係 言葉が広まったきっかけが冗談だった経緯 グラフにする / しないの判断材料まで 連載5本目としてまとめています]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/08/graph-engineering-1024x538.png" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">ループエンジニアリングを調べ終えたばかりなのに、もう次の言葉が出てきた<br>そんな順番でこのページにたどり着いた方も多いと思います<br>今回のテーマは<strong>グラフエンジニアリング</strong>です</p>



<p class="wp-block-paragraph">グラフエンジニアリングとは何か、ひとことで答えるなら<strong><span class="swl-marker mark_yellow">AIの仕事をノードとエッジに切り分けて、つなぎ方まで決めておく設計の考え方</span></strong>です<br>1体のAIをどう回すかではなく、複数の担当と受け渡しをどう組むかを扱います</p>



<p class="wp-block-paragraph">この記事は「AIの◯◯エンジニアリング」連載の5本目です<br>前回のエージェントループが「時間軸でどう回すか」だったのに対して、今回は<strong>構造軸でどう組むか</strong>の話になります</p>



<p class="wp-block-paragraph">この言葉が一気に広まったきっかけは、実は<strong>冗談の投稿</strong>でした<br>ただ、中身まで冗談ではありません</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">グラフエンジニアリングとは？まず結論から</h2>



<p class="wp-block-paragraph">結論から言うと、<strong>AIの仕事を点と線のつながりとして書き出しておく</strong>営みです<br>点がノード、線がエッジ、そのあいだを流れる情報が状態です</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong>グラフエンジニアリングとは</strong>、AIエージェント・ツール・人の承認をノード(点)として置き、つながりをエッジ(線)で結ぶ枠組みです<br><strong><span class="swl-marker mark_yellow">実行の順序・条件分岐・並列処理・失敗したときの戻り先を、1枚の図にまとめます</span></strong></p>
</div></div>



<p class="wp-block-paragraph">よく出てくる「有向グラフ」は、<strong>点と線を向き付きでつないだ図</strong>のことです<br>棒グラフや折れ線グラフとは別物です</p>



<p class="wp-block-paragraph">では、なぜ書き出すのか？<br>1つの流れに判断も情報も外への操作も詰め込むと、途中で止まったとき<strong>どこから再開すればいいのか</strong>が分からなくなります<br>切り分けておけば、止まった点だけをやり直せます</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>この3語、仕事の役割分担をそのまま言い換えただけなんです</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">ループエンジニアリングとの違い 時間軸と構造軸</h2>



<p class="wp-block-paragraph">ループエンジニアリングが設計するのは<strong>時間軸</strong>です<br>1体のAIをどう回し続けるかを扱います<br>グラフエンジニアリングが設計するのは<strong>構造軸</strong>のほう、複数の担当をどう並べてつなぐかです</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1200" height="740" src="https://javeo.jp/wp-content/uploads/2026/08/graph-vs-loop.png" alt="ループエンジニアリングは実行→検証→改善を繰り返す時間軸の設計、グラフエンジニアリングは開始→並列タスク→集約と検証→最終出力をつなぐ構造軸の設計という対比図" class="wp-image-5136" srcset="https://javeo.jp/wp-content/uploads/2026/08/graph-vs-loop.png 1200w, https://javeo.jp/wp-content/uploads/2026/08/graph-vs-loop-300x185.png 300w, https://javeo.jp/wp-content/uploads/2026/08/graph-vs-loop-1024x631.png 1024w, https://javeo.jp/wp-content/uploads/2026/08/graph-vs-loop-150x93.png 150w, https://javeo.jp/wp-content/uploads/2026/08/graph-vs-loop-768x474.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:720px;"><thead><tr><th>観点</th><th>ループエンジニアリング(連載#4)</th><th>グラフエンジニアリング(連載#5)</th></tr></thead><tbody><tr><td>設計する軸</td><td>時間軸:どう回すか</td><td>構造軸:どう組むか</td></tr><tr><td>対象</td><td>1体のエージェントを自走させる</td><td>複数のループ・ツール・人をつなぐ</td></tr><tr><td>中身のイメージ</td><td>実行→検証→改善の繰り返し</td><td>開始→並列で作業→集約と検証→出力</td></tr><tr><td>もう一方との関係</td><td>グラフの1つのノードになる</td><td>ループを内側に持つ調整の役</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">押さえたいのは、2つが<strong><span class="swl-marker mark_yellow">置き換えではなく包含の関係</span></strong>だという点です<br>ループは消えません<br>1体のAIが回している輪が、そのままグラフの1つの点に収まります</p>



<p class="wp-block-paragraph">グラフを「多くのループにまたがる調整のレイヤー」と呼ぶ解説もありました</p>



<p class="wp-block-paragraph">資料づくりで言うと、書いた人が「直して出し直す」を繰り返しているのがループです<br>その人を含めた全員の担当と受け渡しを決めるのがグラフになります<br>担当が1人なら、そもそも線を引く必要がありません</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/loop-engineering-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">エージェントループとは 推論と行動を繰り返す仕組み</a>
						<span class="p-blogCard__excerpt">AIエージェントが自分で考えて動き続ける正体がエージェントループです この記事では推論 行動 観測を停止条件まで繰り返す基本のしくみを ReActの由来やClaude Codeの実例とあわせて解説し 後半では2026年に登場したループエンジニアリングという新しい考え方も等身大で紹介します</span>					</div>
				</div>
			</div>
		</div>


<div class="wp-block-group is-style-big_icon_hatena"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">連載#4でも書いたとおり、この界隈の言葉はまだ線引きが固まっていません<br>2026年8月の時点で、<strong><span class="swl-marker mark_yellow">ループエンジニアリングでも2か月・グラフはまだ1か月ほどの呼び方</span></strong>です<br>来年には別の言い方に吸収されているかもしれません</p>
</div></div>



<h2 class="wp-block-heading">ノード・エッジ・状態 3つの部品を噛み砕く</h2>



<p class="wp-block-paragraph">この3語さえ握っておけば、英語の解説を開いても迷子になりません</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1200" height="720" src="https://javeo.jp/wp-content/uploads/2026/08/graph-node-edge-state-v2.png" alt="資料を作るノードと内容をチェックするノードを結ぶエッジに かたち・条件・許す操作・失敗時の扱い の4つがぶら下がり、下に全員が読み書きする状態(進捗表)が置かれている図" class="wp-image-5144" srcset="https://javeo.jp/wp-content/uploads/2026/08/graph-node-edge-state-v2.png 1200w, https://javeo.jp/wp-content/uploads/2026/08/graph-node-edge-state-v2-300x180.png 300w, https://javeo.jp/wp-content/uploads/2026/08/graph-node-edge-state-v2-1024x614.png 1024w, https://javeo.jp/wp-content/uploads/2026/08/graph-node-edge-state-v2-150x90.png 150w, https://javeo.jp/wp-content/uploads/2026/08/graph-node-edge-state-v2-768x461.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<h3 class="wp-block-heading">ノードは「1つのことだけをやる担当」</h3>



<p class="wp-block-paragraph">置かれるのは、だいたい次の粒度になります</p>



<ul class="wp-block-list -list-under-dashed">
<li>AIに1回考えさせる(下書きを作る・要約する)</li>



<li>ツールを動かす(検索する・APIを呼ぶ・コードを走らせる)</li>



<li><strong>検証役</strong>(evaluator)として、前のノードの出来を判定する</li>



<li><strong>人の承認</strong>(human gate)として、進めていいかを人に聞く</li>
</ul>



<p class="wp-block-paragraph">1つのノードにあれもこれも詰め込まないのがコツです<br>最初にこの言葉を使った記事も、ノードは<strong>退屈なくらい単純</strong>がいいと書いています<br>資料づくりでいえば、書く人とチェックする人を兼ねさせないことです</p>



<h3 class="wp-block-heading">エッジは矢印ではなく「取り決め」</h3>



<p class="wp-block-paragraph">エッジは矢印ではなく、<strong><span class="swl-marker mark_yellow">ノードとノードのあいだで交わす取り決め</span></strong>のことです<br>線1本に、次の4つがぶら下がります</p>



<ul class="wp-block-list -list-under-dashed">
<li>渡すもの・受け取るもののかたち(項目や型)</li>



<li>どういう条件のときに、その線を通るのか</li>



<li>そのノードが外に対してやっていい操作の範囲</li>



<li>失敗したときの扱い(前へ戻すのか・別の線へ逃がすのか)</li>
</ul>



<p class="wp-block-paragraph">資料づくりなら「書き終えたら声をかける」だけでは足りません<br><strong>誤字を直してから渡す・内容が薄ければ書き直しに戻す</strong>、そこまで決めるのがエッジです</p>



<h3 class="wp-block-heading">状態は「途中から再開できるようにする進捗表」</h3>



<p class="wp-block-paragraph">状態は、ノードのあいだで共有される情報です<br>会話の履歴をそのまま抱える形と、項目を決めた表のように持つ形があります</p>



<p class="wp-block-paragraph">差が出るのは、<strong>状態を会話ログから切り離す</strong>かどうかです<br>切り離してあると、止まっても<strong><span class="swl-marker mark_yellow">最後に保存した地点から再開できます</span></strong><br>あとから「どの時点で何が入っていたか」もたどれます</p>



<p class="wp-block-paragraph">共有フォルダの進捗表と同じです<br>誰でも読める場所に進み具合を書いておけば、担当が抜けても続きから入れます<br>会話の中だけで進めると、それが残りません</p>



<p class="wp-block-paragraph">ノード・エッジ・状態という整理は、<a href="https://www.drjoshcsimmons.com/writing/we-are-entering-the-graph-engineering-phase" target="_blank" rel="noopener noreferrer">We Are Entering the Graph Engineering Phase(Josh C. Simmons、2026年7月4日)</a>でも示されています</p>



<h3 class="wp-block-heading">エッジで表せる4つの形</h3>



<p class="wp-block-paragraph">複雑そうな構成も、たいていこの組み合わせです</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1200" height="640" src="https://javeo.jp/wp-content/uploads/2026/08/graph-edge-4shapes.png" alt="エッジで表せる4つの形 順次実行・条件分岐・並列分岐と合流・ループ回帰 をそれぞれノードと矢印で示した図" class="wp-image-5138" srcset="https://javeo.jp/wp-content/uploads/2026/08/graph-edge-4shapes.png 1200w, https://javeo.jp/wp-content/uploads/2026/08/graph-edge-4shapes-300x160.png 300w, https://javeo.jp/wp-content/uploads/2026/08/graph-edge-4shapes-1024x546.png 1024w, https://javeo.jp/wp-content/uploads/2026/08/graph-edge-4shapes-150x80.png 150w, https://javeo.jp/wp-content/uploads/2026/08/graph-edge-4shapes-768x410.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:760px;"><thead><tr><th>形</th><th>どういう線か</th><th>仕事でいうと</th></tr></thead><tbody><tr><td>順次実行</td><td>A が終わったら B へ進む</td><td>下書きができてからチェックに回す</td></tr><tr><td>条件分岐</td><td>結果によって B か C かを選ぶ</td><td>内容が薄ければ差し戻し・問題なければ承認へ</td></tr><tr><td>並列分岐と合流</td><td>同時に走らせて、最後に集める</td><td>章を手分けして書いて、最後に1本にまとめる</td></tr><tr><td>ループ回帰</td><td>前のノードへ戻す</td><td>直しが必要なら書いた人に戻す</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">4つ目のループ回帰が、さっきの包含の関係です</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">言葉の出どころ 論考が先で 冗談で火が付いた</h2>



<p class="wp-block-paragraph">この順番を取り違えやすいので、日付で並べます</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:760px;"><thead><tr><th>日付</th><th>出来事</th></tr></thead><tbody><tr><td>2026年6月7日</td><td>Addy Osmani 氏の記事で「ループエンジニアリング」という呼び方が広まる</td></tr><tr><td>2026年7月4日</td><td>Josh C. Simmons 氏が「We Are Entering the Graph Engineering Phase」を公開、用語の最初期の使用として確認できる真面目な論考</td></tr><tr><td>2026年7月18日</td><td>Peter Steinberger 氏が X に一行だけ投稿、「まだループの話をしてるの？もうグラフに移った？」という皮肉</td></tr><tr><td>2026年7月18日(数時間後)</td><td>Hamel Husain 氏が「ループエンジニアリングは死んだ、グラフエンジニアリングの時代だ」と投稿、これも冗談</td></tr><tr><td>7月18日から数日のうちに</td><td>講座・ロードマップ・ツール一覧・解説スレッドが出そろう</td></tr><tr><td>7月22日〜8月6日</td><td>日本語の解説記事が相次いで公開される</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">皮肉の的になったのは、<strong><span class="swl-marker mark_yellow">業界が数か月ごとに同じ営みを改名し続けること</span></strong>でした<br>ループエンジニアリングが広まって、まだ6週間ほどのタイミングです<br>「もう次の名前に移ったの？」という揶揄でした</p>



<p class="wp-block-paragraph">この2つの投稿は、<strong>新しい製品やモデルの発表をきっかけに起きたものではありません</strong></p>



<p class="wp-block-paragraph">ただ、冗談が出発点だったわけではありません<br>2週間前の7月4日の論考は「エージェントループが十分に良くなった結果、自分の天井が見えてしまった」と書いています<br>この限界はモデルの質とは関係ない、次は複数をどうつなぐかだ、という主張です</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">「冗談から生まれた言葉」の部分だけを切り取ると、話が逆さまになります<br><strong>論考が先・冗談があと・指している中身はもっと前からある</strong><br>この3段で覚えておくと間違えません</p>
</div></div>



<h3 class="wp-block-heading">実装のほうが言葉より2年半早い</h3>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:820px;"><thead><tr><th>フレームワーク</th><th>提供元</th><th>立ち位置</th></tr></thead><tbody><tr><td><strong>LangGraph</strong></td><td>LangChain</td><td>2024年1月に立ち上げ、動的なグラフを組む実装として定番、v1.0 で本番向けに</td></tr><tr><td>AutoGen GraphFlow</td><td>Microsoft</td><td>実験的な機能、DiGraphBuilder で宣言的に組む</td></tr><tr><td>Google ADK 2.0</td><td>Google</td><td>Workflow Runtime でグラフベースに統一、Python版が2026年5月19日・Go版が2026年6月30日にGA</td></tr><tr><td>Claude Agent SDK</td><td>Anthropic</td><td>サブエージェントを中心にした統合ランタイム</td></tr><tr><td>Claude Code の動的ワークフロー</td><td>Anthropic</td><td>agent() と pipeline() を組み合わせてグラフを構成する(JavaScriptで記述)</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">LangGraph は2024年1月なので、<strong><span class="swl-marker mark_yellow">言葉より2年半ほど先に実装があった</span></strong>ことになります<br>新しい言葉が出た=新しい技術が出た、とは限りません</p>



<p class="wp-block-paragraph">身近なところだと、Claude Code にも複数のエージェントをつなぐ仕組みがあります<br>公式ドキュメントによると、有料プラン向けで <strong>v2.1.154</strong> 以降が要ります<br>Pro は既定でオフなので、<strong>/config</strong> の Dynamic workflows から入れる形です<br>私はグラフのフレームワーク自体は触っていないので、名前を挙げるだけにとどめます</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>2026年8月の時点で、言葉はひと月・実装は2年半です<br>この差を知っておくと落ち着いて読めます</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">冷静な見方 ほとんどのエージェントには要らないという声</h2>



<p class="wp-block-paragraph">Turing Post は、この概念は新しくないとはっきり書いています<br>ループはすでにグラフの一種ですし、状態機械や DAG(向きがあって一周しない図)は<strong>数十年前からある</strong>ものです</p>



<p class="wp-block-paragraph">2年半という数字はAI向けの道具に限った話で、考え方まで遡れば数十年になります</p>



<p class="wp-block-paragraph">Turing Post には、ほかに次の2点も書かれています</p>



<ul class="wp-block-list is-style-bad_list -list-under-dashed">
<li>「Microsoft と Stanford と Anthropic が同時に発見した」という言われ方には<strong>根拠がない</strong></li>



<li><strong>ほとんどのエージェントに、グラフのフレームワークは要らない</strong></li>
</ul>



<p class="wp-block-paragraph">出典は<a href="https://www.turingpost.com/p/is-graph-engineering-real-why-everyone-is-talking-about-it" target="_blank" rel="noopener noreferrer">Is Graph Engineering Real?(Turing Post)</a>です<br>最初期の記事と並べて読むと、温度差がはっきり出ます</p>



<p class="wp-block-paragraph">もう1つ、日本語の指摘で納得したものです<br>配線をどれだけ賢くしても、1つ1つのノードの判定が甘ければ、複雑な配線は<strong><span class="swl-marker mark_yellow" style="color:#e8313b">間違った方向に速く進む装置</span></strong>にしかならない<br>つなぎ方より、ノードが出す答えの質が先だ、という主張です</p>



<p class="wp-block-paragraph">これは書き手の意見ですが、私が読んだ範囲では中身が濃かったです<br>出典は<a href="https://zenn.dev/jodycraft/articles/dfe38e73e1ef8a" target="_blank" rel="noopener noreferrer">ループエンジニアリングの次は本当に「グラフ」なのか考えてみた(Zenn)</a>です</p>



<h2 class="wp-block-heading">グラフにする / しないの見分け方</h2>



<p class="wp-block-paragraph">線を引くかどうかの判断材料が、解説記事に出ていました</p>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong>グラフにしたほうがいい</strong>(4つのうち2つ以上あてはまるなら検討)</p>



<ul class="wp-block-list -list-under-dashed">
<li>専門性の分割:役割の違う担当に分けたい</li>



<li>並列処理:同時に走らせたい作業がある</li>



<li>監査ルーティング:あとから経路をたどりたい</li>



<li>成功基準の変化:途中で合否の基準が変わる</li>
</ul>
</div></div>



<p class="wp-block-paragraph">ほかに、独立した枝が複数あるとき・複数の担当が連携するとき・数分を超える待ち時間があるとき・権限の違う操作が混じるときも挙がっていました</p>



<div class="wp-block-group is-style-big_icon_bad"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong>単純なままのほうがいい</strong></p>



<ul class="wp-block-list -list-under-dashed">
<li>1〜3ステップで終わる短い作業</li>



<li>完全に決まりきった手順(そもそもAIでなくても済む)</li>



<li>進めながら手順が変わる(先に固定の線を引けない)</li>



<li>担当を分けると、同じ大きな文脈を全員に配り直す手間のほうが上回る</li>
</ul>
</div></div>



<p class="wp-block-paragraph">3つ目だけ補足します<br>動的に線を組み替えられる道具もあるので、<strong>手順が変わる=グラフにできない、ではありません</strong><br>ただし組み替えを前提にすると、設計のほうが重くなります</p>



<p class="wp-block-paragraph">判断の軸は<strong><span class="swl-marker mark_yellow">分担する理由があるかどうか</span></strong>に集約されます<br>元にした記事は<a href="https://www.ai-souken.com/article/what-is-graph-engineering" target="_blank" rel="noopener noreferrer">グラフエンジニアリングとは？(AI総合研究所、2026年7月28日)</a>で、私が見た限りでは日本語の解説でいちばん詳しかったです</p>



<p class="wp-block-paragraph">私はまだ線を引くほどの規模ではありません<br>それでも<strong>3語を知っていると、解説を読む速さが変わります</strong></p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>迷ったら、まず線を引かずに1本の流れで書いてみるのがおすすめです</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">まとめ グラフエンジニアリングの要点と連載ナビ</h2>



<p class="wp-block-paragraph">グラフエンジニアリングとは、AIの仕事を<strong>ノード・エッジ・状態</strong>に分けて、つなぎ方まで決めておく設計の考え方でした</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list is-style-check_list -list-under-dashed has-background">
<li>ノード(担当)・エッジ(取り決め)・状態(共有の進捗表)の3つで組む</li>



<li>エッジは矢印ではなく、渡すもの・条件・許す操作・失敗時の扱いまで含む取り決め</li>



<li>ループとは<strong>包含の関係</strong>、ループはグラフの1つのノードとして収まる</li>



<li>広まったきっかけは2026年7月18日の冗談の投稿、ただし論考は7月4日で先</li>



<li>実装は言葉より<strong>2年半早い</strong>(LangGraph は2024年1月)</li>



<li>ほとんどのエージェントにグラフのフレームワークは要らない、という指摘もある</li>
</ul>



<p class="wp-block-paragraph">最後に、いちばん持ち帰ってほしいことです<br>新しい「◯◯エンジニアリング」が出てきたら、<strong><span class="swl-marker mark_yellow" style="color:#e8313b">結局、何のノードと何のエッジの話をしているのか</span></strong>に分解して読む<br>これを覚えておけば、名前が変わっても中身は追えます</p>



<p class="wp-block-paragraph">この読み方は<a href="https://qiita.com/Syoitu/items/e529a09b3d840c85c339" target="_blank" rel="noopener noreferrer">グラフエンジニアリングを知ろう(Qiita、2026年8月6日)</a>が勧めていたものです</p>



<div class="swell-block-faq" data-q="col-text" data-a="col-text">
<div class="swell-block-faq__item"><h3 class="faq_q">グラフエンジニアリングは、ループエンジニアリングに取って代わるもの？</h3><div class="faq_a">
<p class="wp-block-paragraph">置き換えではなく包含の関係です<br>ループは無くならず、グラフの中の1つのノードとして収まります<br>ループを先に押さえてからで間に合います</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">実装しない立場でも、覚えておいたほうがいい？</h3><div class="faq_a">
<p class="wp-block-paragraph">ノード・エッジ・状態の3語だけ押さえておけば、解説を読むぶんには足ります<br>ただ広まってからひと月ほどの呼び方なので、定義が変わる前提で見ておくのがおすすめです</p>
</div></div>
</div>



<p class="wp-block-paragraph">この記事は連載「AIの◯◯エンジニアリング」の1本です<br>全体を1枚で見たいときはハブからどうぞ</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/08/ai-engineering-5types-300x158.png" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/ai-engineering-4types/" target="_blank" rel="noopener noreferrer">AIエンジニアリング5種の違い コンテキストからグラフまで</a>
						<span class="p-blogCard__excerpt">AIの使いこなしは プロンプト コンテキスト ハーネス ループ グラフ の5段階で進化してきました それぞれ何を設計する技術なのか どう違うのかを1枚の地図で俯瞰し 単発チャットから複数エージェントの編成までの流れをつかめるようにまとめた総論です</span>					</div>
				</div>
			</div>
		</div>


<ul class="wp-block-list -list-under-dashed">
<li><a href="https://javeo.jp/prompt-engineering-basics/" target="_blank" rel="noopener noreferrer">連載#1:指示文の書き方を5つのコツで整える</a></li>



<li><a href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">連載#2:AIに渡す材料を選び直す</a></li>



<li><a href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">連載#3:AIを取り囲む器のほうを整える</a></li>



<li><a href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">連載#4:AIが自分で考えて動き続ける輪のしくみ</a></li>
</ul>



<p class="wp-block-paragraph">5本を通して読むと、AIの作り込みが<strong>指示文→渡す材料→器→回し方→つなぎ方</strong>と外側へ広がってきた流れが見えます</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/graph-engineering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Claude Code フォルダ構成 AIが作る名前の意味</title>
		<link>https://javeo.jp/claude-code-folder-structure/</link>
					<comments>https://javeo.jp/claude-code-folder-structure/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Sat, 08 Aug 2026 06:19:13 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5118</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/claude-code-folder-structure-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>AIに任せてプロジェクトを作ると、materials や rules といった見慣れないフォルダが増えていきます、消していいのか分からないまま放置していないでしょうか？この記事では Claude Code フォルダ構成を公式・慣習・作業用の3層に分けて読み解きます、テンプレートと「消していいか」の判断基準つきです]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/claude-code-folder-structure-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">Claude Code フォルダ構成は、放っておくとどんどん増えていきます<br>materials・research・rules・assets、見覚えのない名前が並んでいても、それが何のためにあるのかは分からないまま<br>このフォルダ、消してしまっていいんでしょうか？</p>



<p class="wp-block-paragraph">私も気づいたら似たようなフォルダがいくつも並んでいて、どれが本物か分からなくなりました<br>AIは指示されればフォルダを作りますが、前回どう名付けたかまでは気にしてくれません</p>



<p class="wp-block-paragraph">この記事では、AIが作るフォルダを<strong>3つの層</strong>に分けて読み解きます<br>層が分かると「これは触っていい」「これは触ると壊れる」がその場で判断できるはずです</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">Claude Code フォルダ構成は3つの層に分けて読む</h2>



<p class="wp-block-paragraph">結論から言うと、プロジェクトの中にあるフォルダは<strong><span class="swl-marker mark_yellow">「誰が決めたか」で3層に分かれます</span></strong><br>この分け方が便利なのは、層ごとに「名前を変えたときに何が起きるか」がはっきり違うからです</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:800px;"><thead><tr><th>層</th><th>代表例</th><th>名前を変えると</th><th>決めた人</th></tr></thead><tbody><tr><td>第1層 公式</td><td>.claude/rules/ ・ skills/ ・ agents/</td><td>動かなくなる</td><td>Anthropic(公式仕様)</td></tr><tr><td>第2層 慣習</td><td>src ・ docs ・ tests ・ assets</td><td>動くが読み手が混乱する</td><td>業界の暗黙の了解</td></tr><tr><td>第3層 作業用</td><td>materials ・ research ・ output</td><td>何も起きない</td><td>誰も決めていない</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">ややこしいのは、この3層が<strong>同じ階層に並んで置かれる</strong>ことです<br>見た目はどれも同じフォルダなので、開いてみるまで区別がつきません</p>



<p class="wp-block-paragraph">ちなみに冒頭で挙げた <strong>materials</strong> と <strong>rules</strong> も、実は別々の層<br>rules は公式仕様に載っている<strong>第1層</strong>、materials は誰も決めていない<strong>第3層</strong>です、名前の見た目が似ていても扱いはまったく別ものになります</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">層を見分ける質問はひとつだけ<br>「この名前でないと動かないのか、それとも人が読みやすいだけなのか」ここが分かれ目です</p>
</div></div>



<h3 class="wp-block-heading">フォルダ構成とディレクトリ構成は同じ意味</h3>



<p class="wp-block-paragraph">調べていると<strong>ディレクトリ構成</strong>という書き方によく出会いますが、これはフォルダ構成とまったく同じ意味です<br>どちらか一方が正しいわけではありません</p>



<p class="wp-block-paragraph"><strong>ディレクトリ</strong>のほうが古くからある呼び方で、もともとは「住所録」や「目録」を指す言葉でした<br>Windows が<strong>フォルダ</strong>という呼び方を広めたあとも、開発の現場では前からの呼び方が残っていて、いまも両方が混在しています</p>



<p class="wp-block-paragraph">AIも文脈によって呼び分けます<br>フォルダ名の意味を調べるときは、<strong>どちらの言葉でも同じ内容にたどり着く</strong>と思っておけば十分でしょう</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>呼び方が2つあるだけで、指しているものは同じです</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">第1層|公式に決まっているフォルダは名前を変えられない</h2>



<p class="wp-block-paragraph">第1層は Claude Code が仕様として読みに行くフォルダです<br><strong><span class="swl-marker mark_yellow">名前を変えると、その中身は読み込まれなくなります</span></strong>、置き場所も名前も公式ドキュメントで決まっているので、勝手に変えられません</p>



<h3 class="wp-block-heading">プロジェクトの中の .claude フォルダ</h3>



<p class="wp-block-paragraph">プロジェクトのフォルダ直下に置く <strong>.claude</strong> が第1層の本体です<br>先頭にドットが付いているので、環境によっては隠しフォルダとして見えないこともあります</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:800px;"><thead><tr><th>フォルダ・ファイル</th><th>役割</th></tr></thead><tbody><tr><td>CLAUDE.md</td><td>毎回のセッション開始時に読まれるプロジェクトの指示書</td></tr><tr><td>.claude/settings.json</td><td>権限・自動実行・各種設定</td></tr><tr><td>.claude/settings.local.json</td><td>自分だけの上書き設定(共有しない前提)</td></tr><tr><td>.claude/rules/</td><td>テーマ別に切り出した指示、対象ファイルを絞って効かせられる</td></tr><tr><td>.claude/skills/</td><td>名前を呼んで使い回すプロンプト集</td></tr><tr><td>.claude/agents/</td><td>専用の作業役(サブエージェント)の定義</td></tr><tr><td>.claude/workflows/</td><td>複数の作業役をまとめて動かす台本</td></tr><tr><td>.claude/output-styles/</td><td>出力の見せ方の設定</td></tr><tr><td>.claude/agent-memory/</td><td>作業役が自分で書き溜めていく記憶</td></tr><tr><td>.mcp.json</td><td>外部サービスとの接続設定(チームで共有する前提)</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">この中で見落としやすいのが <strong>rules</strong> です<br>「AIが勝手に作った雑多なフォルダ」に見えますが、実際は<strong>公式に用意された置き場</strong>で、テーマごとに指示を分けて書いておくためのものです</p>



<p class="wp-block-paragraph">もうひとつ、<strong>commands</strong> というフォルダを見かけることがあります<br>スラッシュコマンドを置く場所ですが、公式は <strong>skills</strong> への移行をすすめています、同じ仕組みに統合されたので新しく作るなら skills のほうです</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>rules を「よくわからないから」で消すと、指示が丸ごと効かなくなります</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">パソコン全体で共通の ~/.claude フォルダ</h3>



<p class="wp-block-paragraph">プロジェクトごとの設定とは別に、パソコンのユーザーフォルダの中にも同じ名前のフォルダがもう1つ<br>こちらは<strong>全プロジェクト共通</strong>の設定置き場で、どのプロジェクトを開いても効きます</p>



<p class="wp-block-paragraph">パスの先頭に付いている <strong>~</strong> は、<strong><span class="swl-marker mark_yellow">ホームフォルダ(自分のユーザーフォルダ)を1文字で表す省略記号</span></strong>、読み方は「チルダ」です<br>この記号で始まっていたら、自分のユーザーフォルダから始まる場所を指しています</p>



<p class="wp-block-paragraph">Windows なら <strong>C:\Users\(ユーザー名)</strong> がその場所にあたります<br>つまり <strong>~/.claude/</strong> と書いてあったら、それは <strong>C:\Users\(ユーザー名)\.claude\</strong> のことだと読み替えてください</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:800px;"><thead><tr><th>書き方</th><th>意味</th><th>Windowsでの実際の場所</th></tr></thead><tbody><tr><td>~</td><td>ホームフォルダ</td><td>C:\Users\(ユーザー名)</td></tr><tr><td>~/.claude/</td><td>ホームフォルダの中の .claude</td><td>C:\Users\(ユーザー名)\.claude\</td></tr><tr><td>./</td><td>いま開いているフォルダ</td><td>そのプロジェクトのフォルダ</td></tr><tr><td>../</td><td>ひとつ上のフォルダ</td><td>親フォルダ</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">なぜ Windows なのに <strong>/</strong> 区切りなのか、と思われたかもしれません<br>この書き方はもともと Mac や Linux の流儀で、開発の世界では共通語として使われているものです、Claude も説明のときはこちらで書いてきます</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">この <strong>~</strong> は半角のチルダで、日本語の波線(〜)とは別の文字<br>全角で打つと別物になってしまうので、実際にパスを打ち込むときだけ気をつけてください</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:800px;"><thead><tr><th>パス</th><th>役割</th></tr></thead><tbody><tr><td>~/.claude/CLAUDE.md</td><td>全プロジェクト共通の個人的な決めごと</td></tr><tr><td>~/.claude/settings.json</td><td>全プロジェクトの既定の設定</td></tr><tr><td>~/.claude/keybindings.json</td><td>キーボードショートカット</td></tr><tr><td>~/.claude/themes/</td><td>配色テーマ</td></tr><tr><td>~/.claude/projects/</td><td>プロジェクトごとの記録・自動メモ</td></tr><tr><td>~/.claude.json</td><td>アプリの状態と画面まわりの設定</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">実際に開いてみると、この一覧に載っていないフォルダもいくつか並んでいます<br>cache・sessions・shell-snapshots のような、アプリが動くために自分で作って自分で使う置き場です</p>



<p class="wp-block-paragraph">この手のフォルダは<strong>説明書に載っていないほうが普通</strong>だと考えてください<br>公開されている仕様は「人が触る前提のもの」だけで、動作の裏側で使う置き場までは案内されません</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">公式ドキュメントに説明がないフォルダは、役割を推測して触らないほうが安全でしょう<br><strong><span class="swl-marker mark_yellow" style="color:#e8313b">.claude の中は、意味が分からないものは触らない</span></strong>、これを原則にしておくと事故が減ります</p>
</div></div>



<p class="wp-block-paragraph">なお第1層の「ファイル」のほうを詳しく知りたい場合は、設定ファイルだけを一覧にした記事があります<br>どのファイルがどこに効くのか、継承のルールまで整理してあるのでこちらもどうぞ</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/claude-thumbnail-300x158.png" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/claude-code-config-files-guide/" target="_blank" rel="noopener noreferrer">Claude Code 設定ファイル早見表 役割と場所</a>
						<span class="p-blogCard__excerpt">Claude Codeを触っていると次々に登場する設定ファイル(CLAUDE.md・settings.json・AGENT.md・SKILL.mdなど)を、保存場所と役割で一覧化した早見表記事です、微調整目線で抑えたい初心者〜中級者向けにまとめました</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">第2層|業界の慣習で決まっているフォルダ</h2>



<p class="wp-block-paragraph">第2層は、仕様ではないけれど<strong>ほとんどの開発者が同じ意味で使っている</strong>フォルダです<br><strong><span class="swl-marker mark_yellow">名前を変えても動きますが、読む人が混乱します</span></strong>、いわば共通語のようなものだと思ってください</p>



<p class="wp-block-paragraph">AIがプロジェクトを組み立てるとき、まず作るのがこの層です<br>学習したコードの大半がこの慣習に従っているので、指示しなくても自然にこの名前が出てきます</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:900px;"><thead><tr><th>フォルダ</th><th>由来</th><th>入っているもの</th></tr></thead><tbody><tr><td>src</td><td>source(source code)</td><td>プログラム本体、いちばん大事な中身</td></tr><tr><td>docs</td><td>documents</td><td>説明書・仕様書などの文書</td></tr><tr><td>tests</td><td>そのまま</td><td>動作を確かめるためのコード</td></tr><tr><td>assets</td><td>資産</td><td>画像・CSS・JSなどの素材一式</td></tr><tr><td>scripts</td><td>そのまま</td><td>補助的な小さいプログラム</td></tr><tr><td>data</td><td>そのまま</td><td>読み込むデータファイル</td></tr><tr><td>config</td><td>configuration</td><td>設定ファイル</td></tr><tr><td>dist</td><td>distribution(配布)</td><td>完成品、そのまま配れる状態のもの</td></tr><tr><td>build</td><td>そのまま</td><td>組み立てた結果、dist とほぼ同じ意味</td></tr><tr><td>bin</td><td>binary</td><td>実行ファイル・コマンド</td></tr><tr><td>lib</td><td>library</td><td>部品として使うコードのまとまり</td></tr><tr><td>vendor</td><td>取引先・供給元</td><td>他人が作ったライブラリ</td></tr><tr><td>public / static</td><td>そのまま</td><td>そのまま公開されるファイル</td></tr><tr><td>examples</td><td>そのまま</td><td>使い方の見本</td></tr><tr><td>templates</td><td>そのまま</td><td>雛形</td></tr><tr><td>logs</td><td>そのまま</td><td>動作の記録</td></tr><tr><td>tmp</td><td>temporary(一時的)</td><td>使い捨ての作業ファイル</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">この中でいちばん質問されるのが <strong>src</strong> です<br>読み方は「ソース」で、<strong>source</strong> の母音を抜いた省略形になります、コンパイルが必要な言語で古くから使われてきた作法がそのまま各言語に広がりました</p>



<p class="wp-block-paragraph"><strong>dist</strong> と <strong>build</strong> が両方あって混乱することもあります<br>どちらも「完成品の置き場」でほぼ同じ意味です、片方しか使わないのが普通なので、両方あるなら片方は使われていない可能性があります</p>



<p class="wp-block-paragraph">もうひとつ覚えておくと役に立つのが <strong>vendor</strong> です<br>「取引先」という意味そのままで、<strong>自分で書いていないコード</strong>が入っています、ここを直しても更新のたびに上書きされるので触らないのが原則です</p>



<h3 class="wp-block-heading">フォルダ名の付け方にも慣習がある</h3>



<p class="wp-block-paragraph">名前そのものだけでなく、書き方のほうにもゆるい決まり<br>自分でフォルダを追加するときも、この形に合わせておくと後々あつかいやすくなります</p>



<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>すべて小文字で書く(Windows以外では大文字と小文字が別ものとして扱われるため)</li>



<li>単語の区切りはハイフンかアンダースコアにする、空白は入れない</li>



<li>日本語の名前は避ける、コマンドやツールで扱うときに事故のもとになる</li>



<li>複数形か単数形かは、プロジェクトの中で揃える</li>
</ul>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">第3層|AIがその場で作る作業フォルダ</h2>



<p class="wp-block-paragraph">第3層が、この記事でいちばん伝えたいところです<br>公式仕様でもなく業界の慣習でもない、<strong><span class="swl-marker mark_yellow">その場の話の流れでAIが名付けたフォルダ</span></strong>がここに入ります</p>



<p class="wp-block-paragraph">「調べた内容をまとめておいて」と頼めば、AIはどこかに置き場を作ります<br>そのときの名前は <strong>materials</strong> かもしれないし <strong>research</strong> かもしれません、どちらでも間違いではないぶん、決まりようがないわけです</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:900px;"><thead><tr><th>フォルダ</th><th>だいたいの意味</th><th>ぶつかりやすい相手</th></tr></thead><tbody><tr><td>materials</td><td>素材・下調べの置き場</td><td>research</td></tr><tr><td>research</td><td>調査結果のまとめ</td><td>materials</td></tr><tr><td>reference</td><td>参照用の資料</td><td>docs</td></tr><tr><td>notes</td><td>メモ書き</td><td>docs</td></tr><tr><td>output</td><td>作業の成果物</td><td>dist</td></tr><tr><td>reports</td><td>出力したレポート</td><td>output</td></tr><tr><td>archive</td><td>使い終わった過去ぶん</td><td>(なし)</td></tr><tr><td>inbox</td><td>まだ整理していない投入先</td><td>tmp</td></tr><tr><td>draft</td><td>下書き</td><td>(なし)</td></tr><tr><td>scratchpad</td><td>使い捨ての作業領域</td><td>tmp</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">右端の列に注目してください<br>第3層のフォルダは、ほぼすべてが<strong>第2層の誰かと役割が重なっています</strong>、output と dist、reference と docs といった具合です</p>



<p class="wp-block-paragraph">ここが散らかりの発生源になります<br>慣習の名前を使えば済むところに、AIがその場の言葉で別の名前を作ってしまうからです</p>



<p class="wp-block-paragraph">とはいえ第3層そのものが悪いわけではありません<br>コードを書かない使い方だと src も tests も出番がないので、<strong>第3層の名前でプロジェクトの大半が構成される</strong>ことすらあります、問題は名前が揺れることだけです</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">materials は分野によって意味がまるで変わる名前でもあります<br>ゲーム開発のUnityでは「マテリアル(材質)」を指すので、検索しても素材フォルダの話にたどり着けないことも</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>第3層は自由なぶん、放っておくと一番散らかります</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="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">AIに任せると同義フォルダが増えていく</h2>



<p class="wp-block-paragraph">いくつかのプロジェクトをAIに任せて育ててきた結果、私の手元では<strong>同じ役割のフォルダが違う名前で並ぶ</strong>状態があちこちにできていました<br>散らかり方には、はっきりした型があります</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:800px;"><thead><tr><th>症状</th><th>実際に並んでいたフォルダ名</th></tr></thead><tbody><tr><td>単数形と複数形のゆれ</td><td>test と tests が同じプロジェクトの中に両方ある</td></tr><tr><td>画像置き場の分裂</td><td>figures ・ images ・ img-temp ・ screenshots ・ thumbnail ・ thumbnails</td></tr><tr><td>調査置き場の分裂</td><td>materials と research が並立、どちらに何を置くか決まっていない</td></tr><tr><td>プロジェクト間の不一致</td><td>片方は thumbnail、もう片方は thumbnails</td></tr></tbody></table></figure>



<p class="wp-block-paragraph"><strong>test</strong> と <strong>tests</strong> が両方あるのは、我ながらなかなかの散らかり具合でした<br>どちらにテストを書けばいいのか、開いた瞬間に手が止まりました</p>



<p class="wp-block-paragraph">画像置き場にいたっては<strong>6種類</strong>に分かれていました<br>作業の内容が少しずつ違うので当時はそれぞれ理由があったはずですが、あとから見ると<strong>どれを開けばいいのか自分でも分からない</strong>ありさま</p>



<h3 class="wp-block-heading">なぜ増えてしまうのか</h3>



<p class="wp-block-paragraph">AIの不注意というより、仕組みから見て起きるべくして起きています<br>理由は主に4つです</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li><strong><span class="swl-marker mark_yellow">AIは前回どう名付けたかを見ていない</span></strong>、そのときの会話の流れだけで名前を決める</li>



<li>既存のフォルダがあっても、こちらの言い回しが違えば別のフォルダを作ってしまう</li>



<li><strong><span class="swl-marker mark_yellow">英語としてはどちらも正しい</span></strong>ので、AIから見れば間違いに見えない</li>



<li>人が指摘しないかぎり、増えたことに誰も気づかない</li>
</ul>



<p class="wp-block-paragraph">3つめが特に厄介です<br><strong>test</strong> も <strong>tests</strong> も英語として自然なので、AIには直すべき対象として見えていません、つまり待っていても勝手には揃いません</p>



<h3 class="wp-block-heading">増殖を止める方法</h3>



<p class="wp-block-paragraph">対策はシンプルで、<strong><span class="swl-marker mark_yellow">フォルダ名の正本を1か所に書いておく</span></strong>ことです<br>プロジェクト直下の <strong>CLAUDE.md</strong> か、第1層で紹介した <strong>.claude/rules/</strong> の中に書きます</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="CLAUDE.md への記載例"><code>## フォルダの決まり

- テストは tests/(複数形)に置く、test/ は作らない
- 画像は images/ に集約する、figures/ や screenshots/ は作らない
- 調べものは research/ に置く、materials/ は作らない
- 一時ファイルは tmp/ に置く、使い終わったら消してよい

新しいフォルダが必要になったら、勝手に作らず先に相談すること</code></pre></div>



<p class="wp-block-paragraph">ポイントは「使う名前」だけでなく<strong>「使わない名前」も書く</strong>こと<br>使わないほうを明記しておかないと、別の言い回しで頼んだときにまた作られます</p>



<p class="wp-block-paragraph">そもそも <strong>.claude/rules/</strong> という置き場が公式に用意されているのは、こういう決まりごとを書いておくためです<br>指示を一度書いておけば毎回読まれるので、同じ注意を繰り返さずに済みます</p>



<p class="wp-block-paragraph">すでに散らかってしまった場合も、片付け自体を頼めます<br>「同じ役割のフォルダが複数ないか調べて、統合案を出して」と伝えると一覧にしてくれます、<strong>移動や削除は案を見てから自分で判断する</strong>のが安全です</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">ただし CLAUDE.md に書いた文章に強制力はありません<br>あくまで「読んでもらう指示」なので、書いたとおりに動かないこともあります、大事な決まりは定期的に見直すのが原則です</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">そのまま使えるフォルダ構成テンプレート2種</h2>



<p class="wp-block-paragraph">ここまでの整理をふまえて、そのままコピーして使える形にしました<br>おすすめは<strong><span class="swl-marker mark_yellow">最初から凝った構成にしない</span></strong>こと</p>



<p class="wp-block-paragraph">公式ドキュメントも同じ立場で、まずは CLAUDE.md を1枚置くところから始めて、使いながら育てるやり方をすすめています<br>空のフォルダをいくつも先に作っても、結局は使われずに残るだけ</p>



<h3 class="wp-block-heading">アプリ・ツールを作る場合</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-text" data-lang="フォルダ構成(アプリ・ツール開発)"><code>myapp/
├── CLAUDE.md          プロジェクトの決まりごと
├── README.md          このアプリが何なのかの説明
├── .claude/
│   ├── settings.json  権限などの設定
│   └── rules/         テーマ別の指示
├── src/               プログラム本体
├── tests/             動作確認のコード
├── docs/              仕様や手順の文書
├── assets/            画像やアイコンなどの素材
└── scripts/           補助的な小さいプログラム</code></pre></div>



<p class="wp-block-paragraph"><strong>第2層の慣習だけ</strong>で組んだ構成<br>この形にしておけば、初めて見る人にも中身の見当が付きますし、AIも迷わず正しい場所に置いてくれます</p>



<p class="wp-block-paragraph">dist や build をあえて入れていないのは、<strong>必要になったらツールが自動で作る</strong>からです<br>同じ理由で logs や tmp も先に用意しません、使う段になってから増やせば十分です</p>



<h3 class="wp-block-heading">ブログや資料などを作る場合</h3>



<div class="hcb_wrap"><pre class="prism line-numbers lang-text" data-lang="フォルダ構成(ブログ・コンテンツ制作)"><code>myblog/
├── CLAUDE.md          文体や書き方の決まりごと
├── .claude/
│   ├── settings.json  権限などの設定
│   └── rules/         テーマ別の指示
├── articles/          記事の原稿
├── research/          下調べ・調査メモ
├── images/            画像
└── archive/           公開済み・使い終わったもの</code></pre></div>



<p class="wp-block-paragraph">コードを書かない使い方だと、src や tests は出番がありません<br>そのぶん第3層の名前を使うことになるので、<strong>どれを使うか先に決めておきたい</strong>ところ</p>



<p class="wp-block-paragraph">この構成では、調べものの置き場を <strong>research</strong> に寄せて <strong>materials</strong> は作らないことにしています<br>逆に materials 側に寄せてもかまいません、大事なのは<strong>どちらかに決めて書いておく</strong>ことのほうです</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">フォルダを作る作業そのものも Claude に頼めます<br>「この構成で空のフォルダを作って、CLAUDE.md にフォルダの決まりも書いて」と伝えれば、中身まで含めて用意してくれます</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">消していいフォルダ・ダメなフォルダの見分け方</h2>



<p class="wp-block-paragraph">散らかったフォルダを片付けたくなったときの判断基準です<br>層ごとに扱いが違うので、まずはどの層かを見てから決めます</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:850px;"><thead><tr><th>状態</th><th>判断</th><th>理由</th></tr></thead><tbody><tr><td>.claude/ の中で公式に説明があるもの</td><td>消さない</td><td>指示や設定が読まれなくなる</td></tr><tr><td>.git ・ node_modules ・ __pycache__ ・ .venv</td><td>消さない</td><td>ツールが自分で管理している領域</td></tr><tr><td>dist ・ build</td><td>消してよい</td><td>組み立て直せば再生成される</td></tr><tr><td>tmp ・ cache ・ img-temp</td><td>消してよい</td><td>もともと一時的な置き場</td></tr><tr><td>中身が空</td><td>消してよい</td><td>作ったまま使われなかった可能性が高い</td></tr><tr><td>同義のフォルダが並んでいる</td><td>片方に寄せる</td><td>中身を移してから消す</td></tr><tr><td>役割が分からない</td><td>いったん残す</td><td>中身を見てから判断する</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">いちばん多いのは最後の「役割が分からない」です<br>この場合はフォルダを開いて、中に入っているファイルの<strong>拡張子と日付</strong>を見るのが早道<br>そのフォルダ、最後に更新されたのはいつでしょうか？</p>



<p class="wp-block-paragraph">日付が古いまま止まっていれば、途中で使わなくなった置き場の可能性が高いでしょう<br>逆にここ数日の日付が並んでいるなら<strong>いまも動いている</strong>ということなので、消さずに残します</p>



<h3 class="wp-block-heading">名前が同じでも中身が違うことがある</h3>



<p class="wp-block-paragraph">もうひとつ注意したいのが、<strong>同じ名前でも層が違う</strong>ケースです<br>たとえば <strong>rules</strong> は .claude/ の中にあれば第1層ですが、プロジェクト直下に置かれていれば誰かが作った第3層かもしれません</p>



<p class="wp-block-paragraph">判断の決め手は<strong>名前ではなく置かれている場所</strong>です<br>同じ名前を見つけたら、どの階層にあるのかを先に確認してください</p>



<p class="wp-block-paragraph"><strong>templates</strong> や <strong>agents</strong> も同じように取り違えやすい名前です<br>.claude/ の外に出ていれば公式仕様とは無関係なので、消しても動作には響きません</p>



<h3 class="wp-block-heading">消す前の安全弁</h3>



<p class="wp-block-paragraph">そのプロジェクトを Git で管理しているなら、消す前にひと手間かけておくと安心です<br>Claude に「このフォルダは Git で管理されているか調べて」と頼めば、裏で確認して教えてくれます</p>



<ul class="wp-block-list -list-under-dashed">
<li>Gitで管理されている → 消しても履歴から戻せる</li>



<li>Gitで管理されていない → 消したら戻せない、先に別の場所へ退避する</li>
</ul>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow" style="color:#e8313b">消す前に中身を確認する</span></strong>、これだけは省かないでください<br>フォルダ名から想像したものと中身が違うことは普通にあります、名前だけで判断すると必要なものまで消えます</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>迷ったら消さずに archive へ移す、これでたいてい間に合います</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">まとめ|3層に分ければフォルダ構成は読める</h2>



<p class="wp-block-paragraph">AIが作ったフォルダは、名前をひとつずつ覚えなくても大丈夫です<br>「誰が決めたのか」で3層に分ければ、初めて見るフォルダでも扱い方の見当が付くはずです</p>



<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>第1層(.claude/ の中)は公式仕様、名前を変えると効かなくなるので触らない</li>



<li>第2層(src ・ docs ・ tests など)は業界の共通語、慣習に合わせておくと読みやすい</li>



<li>第3層(materials ・ research など)は誰も決めていない、だから自分で決める</li>



<li>同義フォルダの増殖は、CLAUDE.md か .claude/rules/ に正本を書いて止める</li>



<li>消すときは層を確認してから、中身を見てから</li>
</ul>



<p class="wp-block-paragraph">最初の一歩としておすすめなのは、いま開いているプロジェクトのフォルダを眺めて、それぞれがどの層かを言ってみることです<br>言えなかったものが、そのまま整理すべき対象です</p>



<p class="wp-block-paragraph">ちなみに CLAUDE.md も .claude/rules/ の中身も、すべてマークダウンという形式で書かれています<br>AIが書いた文書を読んだり直したりする機会は増える一方なので、記法を押さえておくとこのあたりの作業がぐっと楽になるはずです</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/markdown-syntax-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/markdown-syntax/" target="_blank" rel="noopener noreferrer">マークダウンの書き方入門 AIに伝わるmd記法まとめ</a>
						<span class="p-blogCard__excerpt">マークダウン(Markdown)の書き方を初心者向けにまとめました チャットでよく使う基本記法から CLAUDE.md など AIが読むファイルで使う記法まで網羅し 素のMarkdownとGFM拡張の違いやよくある崩れの直し方まで解説しています</span>					</div>
				</div>
			</div>
		</div>


<p class="wp-block-paragraph">第1層で触れた skills や agents が実際に何をするものなのかは、<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Codeの拡張機構をまとめた記事</a>で解説しています<br>用語そのものが分からないときは<a href="https://javeo.jp/claude-glossary-beginner/" target="_blank" rel="noopener noreferrer">Claude用語集</a>もあわせてどうぞ</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/claude-code-folder-structure/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>AIエンジニアリング5種の違い コンテキストからグラフまで</title>
		<link>https://javeo.jp/ai-engineering-4types/</link>
					<comments>https://javeo.jp/ai-engineering-4types/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 22:30:00 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5026</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/08/ai-engineering-5types-1024x538.png" class="webfeedsFeaturedVisual" /></p>AIの使いこなしは プロンプト コンテキスト ハーネス ループ グラフ の5段階で進化してきました それぞれ何を設計する技術なのか どう違うのかを1枚の地図で俯瞰し 単発チャットから複数エージェントの編成までの流れをつかめるようにまとめた総論です]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/08/ai-engineering-5types-1024x538.png" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">最近、AIの話題を追っていると「○○エンジニアリング」という言葉が次から次へと出てきませんか？<br><strong>プロンプト</strong>エンジニアリングに<strong>コンテキスト</strong>エンジニアリング、その名前に慣れてきたと思ったら今度はハーネスだのループだの、新しい言葉が後から後から増えていきます</p>



<p class="wp-block-paragraph">どれも似た響きなので、どれが何を指すのか、お互いの<strong>違い</strong>がつかみにくいところです<br>名前は聞いたことがあるけれど、頭の中で整理がつかないまま、という方も多いのではないでしょうか</p>



<p class="wp-block-paragraph">実はこれらの言葉、バラバラの流行り言葉ではなく<strong><span class="swl-marker mark_yellow">1本の進化の流れ</span></strong>の上に並んでいます<br>先にプロンプトがあって、そこへコンテキスト、さらにハーネス、ループ、グラフと、新しい言葉ほど後から積み重なってきた、という順番なんです</p>



<p class="wp-block-paragraph">この記事は、その流れを1枚の地図として見渡す総論(ハブ)で、各テーマの詳しい回への入り口にもなっています<br>言葉を1つずつ暗記する必要はありません<br>大事なのは5つの位置関係で、それさえ頭に入れば、次に新しい用語が出てきても「あの流れのどこか」と見当がつくようになります</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">まず結論 AIの使いこなしは5段階で進化した</h2>



<p class="wp-block-paragraph">結論から言うと、AIへの指示のしかたは <strong>プロンプト → コンテキスト → ハーネス → ループ → グラフ</strong> という順番で発展してきました<br>ざっくり言えば、<strong><span class="swl-marker mark_yellow">設計する対象が内側から外側へ、だんだん広がっていく</span></strong>流れです</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list is-style-num_circle -list-under-dashed has-background">
<li><strong>プロンプト</strong>:AIに渡す1回分の指示文を作り込む</li>



<li><strong>コンテキスト</strong>:指示だけでなく、AIに見せる情報の全体を組み立てる</li>



<li><strong>ハーネス</strong>:AIを取り囲む道具立てやルールの土台を用意する</li>



<li><strong>ループ</strong>:AIが自分で回り続ける仕組みそのものを設計する</li>



<li><strong>グラフ</strong>:複数のAIをどう並べて、どうつなぐかを設計する</li>
</ul>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">料理でたとえると分かりやすいです<br>プロンプトは注文する言葉、コンテキストは渡す食材、ハーネスは厨房の設備、ループはお店を回す段取り、グラフは何店舗かを束ねて受け渡しを決めるところにあたります<br>後ろにいくほど、料理そのものより「おいしく作れる環境づくり」に寄っていく、という広がり方です</p>
</div></div>



<p class="wp-block-paragraph">最初は「どう言葉をかけるか」だけを考えていたのが、だんだん「どんな環境を与えて、どう自走させるか」まで広がってきた、という話です<br>大きな方向性としては、<strong><span class="swl-marker mark_yellow">単発のチャットから、自分で動く自律エージェントへ</span></strong>の移り変わりと言えます</p>



<p class="wp-block-paragraph">ここで気をつけたいのは、新しいものが古いものを消したわけではないという点です<br>後から出た考え方は、前の考え方を土台にして、その外側を足していくイメージで捉えると迷いません</p>



<h2 class="wp-block-heading">5つのエンジニアリングを1枚で見渡す比較表</h2>



<p class="wp-block-paragraph">細かい解説に入る前に、まず全体を1枚の表で見比べてみましょう<br>「いつ登場したか」「何を設計するのか」「どれくらい定着しているか」を並べると、5つの関係が一気に見えてきます</p>


<div class="c-scrollHint"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="both" class="wp-block-table"><table style="--table-width:1000px;"><thead><tr><th>種類</th><th>登場した時期</th><th>何を設計するか</th><th>定着度</th><th>代表例</th></tr></thead><tbody><tr><td><strong>プロンプト</strong>エンジニアリング</td><td>2020年前後(GPT-3のころ)に広まる</td><td>AIに渡す1回分の指示文そのもの</td><td>確立</td><td>役割を与える / 手順を区切って頼む</td></tr><tr><td><strong>コンテキスト</strong>エンジニアリング</td><td>2025年6月ごろ</td><td>AIに見せる情報の全体(指示+資料+履歴+ツールの結果)</td><td>急速に定着</td><td>RAG / メモリ / システムプロンプト設計</td></tr><tr><td><strong>ハーネス</strong>エンジニアリング</td><td>2025〜2026年</td><td>モデルを取り囲む道具・状態・検証・権限の土台</td><td>語は実在・分野化は新興</td><td>Claude Agent SDK / Claude Code</td></tr><tr><td><strong>ループ</strong>エンジニアリング</td><td>2026年6月ごろ</td><td>AIが繰り返し動く仕組み(引き金・停止条件・検証)</td><td>立ち上がったばかり</td><td>自律エージェントの回し方の設計</td></tr><tr><td><strong>グラフ</strong>エンジニアリング</td><td>2026年7月ごろ</td><td>複数のAI・ツール・人の承認のつなぎ方(ノード・エッジ・状態)</td><td>出たばかり・賛否あり</td><td>LangGraph / 役割ごとに分けた複数エージェント</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">表を縦に見ると、<strong>設計する対象が「指示文」から「情報全体」「土台」「動き続ける仕組み」「つなぎ方」へと外へ広がっている</strong>のが分かります<br>ここからは、1つずつ噛み砕いていきます</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">定着度の欄は私の主観ではなく、界隈での使われ方の温度感です<br>コンテキストはもう定番語ですが、<strong>ループとグラフは登場して日が浅い</strong>ので、この先どこまで根づくかはまだ見えていません</p>
</div></div>



<h2 class="wp-block-heading">プロンプトエンジニアリング すべての出発点</h2>



<p class="wp-block-paragraph"><strong>プロンプトエンジニアリング</strong>は、<strong><span class="swl-marker mark_yellow">AIに渡す指示文(プロンプト)を工夫して、ほしい答えを引き出す技術</span></strong>です<br>5つの中でいちばん歴史があり、土台になっている考え方です</p>



<p class="wp-block-paragraph">広まったのは、GPT-3が登場した2020年前後だと言われています<br>その後、ChatGPTが2022年末に公開されて一般にも一気に浸透しました(誰が最初に名付けたかは諸説あるので、ここでは踏み込みません)</p>



<p class="wp-block-paragraph">やることは、たとえば次のようなものです</p>



<ul class="wp-block-list -list-under-dashed">
<li>「あなたは経理の担当者です」のように役割を与える</li>



<li>手順を番号で区切って、順番に考えさせる</li>



<li>出力の形(表・箇条書きなど)を先に指定しておく</li>
</ul>



<p class="wp-block-paragraph">具体的には、「悪い例」と「良い例」を1つずつ添えるだけでも、出力の質はぐっと安定します<br>短い指示でも、望む形を実例で見せてあげると、AIは狙いを外しにくくなります<br>こうした積み重ねが、今もプロンプトエンジニアリングの中心にあります</p>



<p class="wp-block-paragraph">「もう凝ったプロンプトは要らない」という声も一部で聞きますが、なくてもAIがカバーしてくれる可能性が上がっただけで、実際には指示の作り込みは今でも効きます<br>プロンプトは古びたのではなく、次に出てくるコンテキストの<strong>一部として組み込まれた</strong>と捉えるのが正確です</p>



<h2 class="wp-block-heading">コンテキストエンジニアリング プロンプトを包んで進化した</h2>



<p class="wp-block-paragraph"><strong>コンテキストエンジニアリング</strong>は、<strong><span class="swl-marker mark_yellow">AIに見せる情報の全体を組み立てる設計</span></strong>です<br>1回の指示文だけでなく、AIが受け取る材料まるごとを対象にします</p>



<p class="wp-block-paragraph">ここでいう「情報の全体」とは、AIが一度に読み込める作業スペース(コンテキストウィンドウ)に何を積むか、という話です<br>具体的には次のような中身を組み合わせます</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>役割や方針を伝えるシステムプロンプト</li>



<li>外部から引っ張ってきた参考資料(RAG)や社内文書</li>



<li>これまでの会話の履歴や、覚えさせたメモ(メモリ)</li>



<li>AIが使える道具(ツール)の一覧と、その実行結果</li>
</ul>



<h3 class="wp-block-heading">プロンプトとの違いは「置き換え」ではなく「包含」</h3>



<p class="wp-block-paragraph">ここが今回いちばん押さえたいポイントです<br>コンテキストエンジニアリングは<strong><span class="swl-marker mark_yellow" style="color:#e8313b">プロンプトエンジニアリングを置き換えたのではなく、その中に含んで広げたもの</span></strong>です</p>



<p class="wp-block-paragraph">プロンプト(指示文)は、コンテキスト全体の中の一部分にあたります<br>つまり<strong>プロンプトはコンテキストの部分集合</strong>で、指示の良し悪しだけでなく「そもそも何を見せているか」まで含めて設計しよう、という発想の広がりなんです</p>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">AIがうまく答えられないとき、原因は指示文よりも渡している情報の不足やノイズだった、というのはよくある話です<br>「うまく指示できない」ではなく「見せる材料が足りていない」と考え直すと、打ち手が変わってきます</p>
</div></div>



<p class="wp-block-paragraph">たとえば「この議事録を要約して」と頼むとき、議事録の本文を渡さなければ、どれだけ指示を磨いても良い答えは返ってきません<br>逆に、関連する過去資料や用語の定義まで一緒に渡せば、指示はシンプルなままでも精度が上がります<br>これがコンテキストを設計するということです</p>



<p class="wp-block-paragraph">ただし、情報は多ければ多いほど良いわけではありません<br>関係ない資料まで詰め込むと、かえってAIが迷って精度が落ちることもあります<br>だからコンテキストエンジニアリングは「何を足すか」だけでなく「何を削るか」の設計でもあるんです</p>



<p class="wp-block-paragraph">この言葉が広まったのは、わりと最近です<br>ShopifyのCEOであるTobi Lütke(トビ・リュトケ)氏が2025年6月ごろに使い始めたのが起点とされ、AI研究者のAndrej Karpathy(アンドレイ・カルパシー)氏が賛同して一気に広まりました</p>



<p class="wp-block-paragraph">その後、Anthropic(Claudeの開発元)も2025年9月に体系立てた解説を出し、コンテキストエンジニアリングを<strong>プロンプトエンジニアリングの自然な進化</strong>だと位置づけています<br>くわしくは<a href="https://www.anthropic.com/engineering/effective-context-engineering-for-ai-agents" target="_blank" rel="noopener noreferrer">Anthropic公式の解説</a>も参考になります</p>



<p class="wp-block-paragraph">個人的な話をすると、私がClaude Codeを使うときも、この感覚はよく実感します<br>作業フォルダに <strong>CLAUDE.md</strong> という前提メモを置いておくと、毎回こまかく指示しなくても、狙った方向で動いてくれる確率がぐっと上がるんです</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<p class="wp-block-paragraph">用語の意味だけをサッと確認したいときは、<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集</a>もあわせてどうぞ</p>


<div class="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">ハーネスエンジニアリング モデルを取り囲む土台</h2>



<p class="wp-block-paragraph"><strong>ハーネスエンジニアリング</strong>は、<strong><span class="swl-marker mark_yellow">モデル本体を除いた、AIを取り囲むソフトウェアの土台を設計する</span></strong>という考え方です<br>「ハーネス(harness)」はもともと、馬具や安全帯のように本体を支える装具を指す言葉です</p>



<p class="wp-block-paragraph">ここでいう土台には、次のようなものが含まれます</p>



<ul class="wp-block-list -list-under-dashed">
<li>AIが使うツールの統合(ファイル操作・検索・外部サービス連携など)</li>



<li>作業の途中経過を覚えておくメモリや状態の管理</li>



<li>失敗したときにやり直す検証と回復の仕組み</li>



<li>触ってよい範囲を制限する権限のガードレール</li>
</ul>



<p class="wp-block-paragraph">この関係を、界隈ではよく <strong>Agent = Model + Harness</strong> と表します<br>つまり<strong><span class="swl-marker mark_yellow">エージェント(自分で作業するAI)は、モデルという頭脳と、それを取り囲む土台(ハーネス)を合わせたもの</span></strong>だ、という整理です</p>



<p class="wp-block-paragraph">身近な例でいうと、Claude Code Desktop がこの土台込みの仕組みにあたります<br>裏でファイルを読んだり、コマンド(プログラムへの命令)を走らせたり、失敗したらやり直したり、という一連の動きは、モデル単体ではなく、その周りの土台がこなしています</p>



<p class="wp-block-paragraph">Anthropicも、Claude Codeと同じ仕組みを <strong>Claude Agent SDK</strong> として公開し、これを「汎用のエージェントハーネス」と呼んでいます<br>ハーネスという語そのものは、こうした公式ドキュメントでも使われている実在の言葉です</p>



<p class="wp-block-paragraph">おもしろいのは、同じモデルでも土台の出来しだいで成績が変わる点です<br>AIの実力を測るベンチマーク(SWE-bench系)でも、モデルはそのままで土台を差し替えただけでスコアが動いた、という報告があります<br>ただし作り込むほど強いとは限らず、100行ほどの最小構成が高機能な土台を上回った例もあります<br>土台の設計で何が効くのかは、<a href="https://www.anthropic.com/engineering/effective-harnesses-for-long-running-agents" target="_blank" rel="noopener noreferrer">Anthropicのハーネス解説</a>がくわしいです</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">ただし「ハーネスエンジニアリング」を独立した専門分野として呼ぶ言い方は、まだ新しめのフレーミングです<br>「2024=プロンプト、2025=コンテキスト、2026=ハーネス」といった世代分けも見かけますが、これは<strong>公式に決まった分類ではなく、語り口の一種</strong>くらいに受け止めておくのが安全です</p>
</div></div>



<p class="wp-block-paragraph">エージェントの土台をもう少し具体的に知りたい方は、<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Code拡張機構入門</a>で、ツールや設定の仕組みを噛み砕いています</p>



<h2 class="wp-block-heading">ループエンジニアリング AIを自走させる仕組み</h2>



<p class="wp-block-paragraph"><strong>ループエンジニアリング</strong>は、<strong><span class="swl-marker mark_yellow">AIが繰り返し動き続ける仕組みそのものを設計する</span></strong>という考え方です</p>



<p class="wp-block-paragraph">土台になっているのは「エージェントループ」という概念です<br>これは<strong>考える → 道具を使う → 結果を見る → また動く</strong>を、終了条件にたどり着くまで繰り返す動きのことで、ざっくり言えば「道具を持ったAIをぐるぐる回し続ける」イメージです</p>



<p class="wp-block-paragraph">この繰り返しの考え方自体は前からあります<br>ループエンジニアリングは、その回し方を<strong>設計対象として名前を付けた</strong>もので、次のようなところを組み立てます</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>ループを始める引き金(トリガー)をどう設けるか</li>



<li>いつ止めるかの停止ルール</li>



<li>途中で結果をチェックする検証の仕組み</li>
</ul>



<p class="wp-block-paragraph">身近な例だと、プログラムのバグ直しがイメージしやすいです<br>コードを直す → テストを走らせる → 失敗を見てまた直す、をテストが通るまで自動で繰り返す、という流れをAI自身に回させるのがループの設計です</p>



<p class="wp-block-paragraph">Anthropicの開発者を含む書き手がよく口にするのが「エージェントにプロンプトを出すのをやめて、エージェントにプロンプトを出すループのほうを設計しよう」という言い回しです<br>あなたが毎回指示を出すのではなく、<strong>指示を出し続ける仕組みを作る</strong>という発想の転換なんです</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow" style="color:#e8313b">ループエンジニアリングは2026年6月ごろに立ち上がったばかり</span></strong>で、長く定着するかはまだ分かりません<br>この呼び方は、Addy Osmani氏の記事をきっかけに広まりました<br>ただし本人が名付け親を名乗っているわけではなく、同じ時期に複数の書き手が同じ話をしていたので、命名の帰属はまだはっきりしていません</p>
</div></div>



<p class="wp-block-paragraph">ハーネスとの関係も、まだ整理しきれていません<br>「ループはハーネスの一部」とする見方が多い一方で、「ループはハーネスに調整される別のもの」とする見方もあり、<strong>この2つは重なり合う領域がある</strong>と捉えておくのが実態に近いです</p>



<p class="wp-block-paragraph">さらに進むと、1つのループだけでなく、複数のループを組み合わせる話になります<br>調べる担当・書く担当・チェックする担当のように、役割ごとのループを重ねて大きな仕事をこなす設計です<br>これが次のグラフエンジニアリングにつながります</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">グラフエンジニアリング 複数のAIをつなぐ最新の層</h2>



<p class="wp-block-paragraph"><strong>グラフエンジニアリング</strong>は、<strong><span class="swl-marker mark_yellow">複数のAI・ツール・人の承認を、つなぎ方まで含めて設計する</span></strong>という、5つの中でいちばん新しい考え方です<br>担当を点(ノード)、受け渡しを線(エッジ)、そのあいだを流れる情報を状態と呼んで組み立てます</p>



<p class="wp-block-paragraph">ただし、ここまでの4つとは少し性格が違います</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">プロンプト・コンテキスト・ハーネス・ループの4つは、どれも<strong>1体のAIをどう仕込むか</strong>の話です<br>グラフだけが<strong>複数のAIをどう並べてつなぐか</strong>を扱います<br>ループが1つの作業スペースの中で起きることだとすれば、グラフは作業スペースとスペースのあいだで起きることです</p>
</div></div>



<p class="wp-block-paragraph">ループが消えるわけではありません<br>1体のAIが回している輪が、そのままグラフの1つの点に収まります<br>置き換えではなく、<strong>外側に一枚かぶさった</strong>と読むのが正確です</p>



<p class="wp-block-paragraph">この言葉が一気に広まったのは2026年7月18日で、きっかけは<strong>冗談の投稿</strong>でした<br>ただ2週間前の7月4日に真面目な論考が出ていて、順番としては論考のほうが先です</p>



<p class="wp-block-paragraph">言葉が新しくても、中身まで新しいとは限りません<br>グラフでエージェントを組む道具は2024年1月の LangGraph まで遡れるので、<strong>実装のほうが言葉より2年半ほど早い</strong>ことになります</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">5つの中では、この呼び方がいちばん座りが悪いです<br>ループはすでにグラフの一種ですし、「ほとんどのエージェントにグラフのフレームワークは要らない」という指摘も出ています<br>古くからある<strong>知識グラフ(knowledge graph)という別の用法とぶつかっている</strong>点も、まだ整理されていません</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>担当が1人で済む作業なら、そもそも線を引く必要はありません</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">結局この5つはどう違うのか</h2>



<p class="wp-block-paragraph">最後に、5つの違いを一言でまとめておきます<br>キーワードは<strong><span class="swl-marker mark_yellow">「設計する対象が、内から外へ広がっていく」</span></strong>という一点です</p>



<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>プロンプト=指示文という「言葉」を設計する</li>



<li>コンテキスト=AIに見せる「情報の全体」を設計する</li>



<li>ハーネス=AIを取り囲む「土台」を設計する</li>



<li>ループ=AIが動き続ける「仕組み」を設計する</li>



<li>グラフ=複数のAIをつなぐ「編成」を設計する(ここだけ1体でなく複数体の話)</li>
</ul>



<div class="swell-block-faq" data-q="col-text" data-a="col-text">
<div class="swell-block-faq__item"><h3 class="faq_q">プロンプトエンジニアリングはもう古いのですか？</h3><div class="faq_a">
<p class="wp-block-paragraph">いいえ、古くなったわけではありません<br>指示文の作り込みは今も効きますし、コンテキストという広い設計の<strong>一部として組み込まれている</strong>だけです<br>置き換えではなく、土台として残っています</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">コンテキストとハーネスの違いは？</h3><div class="faq_a">
<p class="wp-block-paragraph">コンテキストは<strong>AIに見せる情報</strong>の設計、ハーネスは<strong>AIを取り囲む道具や仕組み</strong>の設計です<br>「何を読ませるか」と「どんな環境で動かすか」の違い、と考えると分けやすいです<br>ただし履歴やメモリをどう出し入れするかを管理するのはハーネス側の仕事なので、この2つも完全な別物ではなく地続きの関係です</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">ハーネスとループはどう違いますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">ハーネスはAIを動かすための土台、ループはその土台の上でAIを繰り返し動かす仕組みです<br>土台と、その上での動かし方、という関係で、重なり合う部分もあります</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">ループとグラフはどう違いますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">ループは<strong>1体のAIをどう回し続けるか</strong>、グラフは<strong>複数のAIをどう並べてつなぐか</strong>です<br>グラフはループを置き換えるものではなく、ループを1つの点として内側に持ちます<br>前の4つが1体の話なのに対して、グラフだけが複数体の話、という点が切れ目です</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">初心者はどれから知ればいいですか？</h3><div class="faq_a">
<p class="wp-block-paragraph">まずはプロンプトとコンテキストの2つで十分です<br>ハーネスやループは、自分で動くAIエージェントを組みたくなってきた段階で触れれば間に合います<br>グラフは複数のAIを組み合わせる段階の話なので、いちばん後回しで構いません</p>
</div></div>
</div>



<p class="wp-block-paragraph">Claude関連の用語をもう少し押さえたい方は、<a href="https://javeo.jp/claude-glossary-beginner/" target="_blank" rel="noopener noreferrer">Claude用語集(初心者向け)</a>もあわせてどうぞ<br>この地図を頭に入れておくと、新しい言葉が出てきても「5つのどこの話か」で位置づけられるようになります</p>



<h2 class="wp-block-heading">本シリーズの他の記事</h2>



<p class="wp-block-paragraph">この総論(ハブ)から、5つそれぞれを掘り下げた個別記事へ進めます<br>気になったテーマから読んでみてください</p>



<ul class="wp-block-list -list-under-dashed">
<li><a href="https://javeo.jp/prompt-engineering-basics/" target="_blank" rel="noopener noreferrer">プロンプトエンジニアリング入門</a>:指示文の作り込みの基本</li>



<li><a href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">コンテキストエンジニアリングとは</a>:AIに見せる情報の設計</li>



<li><a href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">ハーネスエンジニアリングとは</a>:エージェントの土台づくり</li>



<li><a href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">ループエンジニアリングとは</a>:AIを自走させる仕組み</li>



<li><a href="https://javeo.jp/graph-engineering/" target="_blank" rel="noopener noreferrer">グラフエンジニアリングとは</a>:複数のAIをつなぐ編成</li>
</ul>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/ai-engineering-4types/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>プロンプトエンジニアリングの書き方 5つのコツと例</title>
		<link>https://javeo.jp/prompt-engineering-basics/</link>
					<comments>https://javeo.jp/prompt-engineering-basics/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 22:30:00 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5027</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/prompt-engineering-basics-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>AIへの指示文を工夫して狙った答えを引き出すプロンプトエンジニアリングの書き方を、初心者向けに整理しました 指示の具体化・役割付与・出力形式の指定・例示・分割の5つのテクニックを、そのままマネできるプロンプト例つきで手を動かしながら学べます]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/prompt-engineering-basics-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph"><strong>プロンプトエンジニアリング</strong>とは、AIへの指示文(プロンプト)を工夫して、狙った答えを引き出す技術です<br>この記事では初心者向けに、<strong>プロンプトエンジニアリングの書き方</strong>を、そのままマネできる例つきで手を動かしながら学べるように整理しました</p>



<p class="wp-block-paragraph">ChatGPTやClaudeに同じことを頼んでいるのに、人によって返ってくる答えの出来が違う そんな経験はありませんか？<br>その差の多くは、AIの性能ではなく<strong>頼み方</strong>から生まれています</p>



<p class="wp-block-paragraph">難しい理論はいったん脇に置いて、まずは今日から書き方を変えられる<strong>5つのコツ</strong>と、コピペで試せるプロンプト例を見ていきます</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">プロンプトエンジニアリングとは 書き方の前に押さえる基本</h2>



<p class="wp-block-paragraph">結論から言うと、プロンプトエンジニアリングは<strong>AIに渡す指示文を設計して、望む出力を引き出す技術</strong>です<br>ここでいうプロンプトは、チャット欄に打ち込むあの文章そのものを指します</p>



<p class="wp-block-paragraph">AIの中身(大規模言語モデル、いわゆる<strong>LLM</strong>)は、渡された文章の続きを確率的に予測して返す仕組みで動いています<br>だから入力の言葉が変わると、予測の方向も変わり、出てくる答えの質も大きく動くわけです</p>



<p class="wp-block-paragraph">言葉の意味を先に押さえたい方は、<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集</a>や<a href="https://javeo.jp/claude-glossary-beginner/" target="_blank" rel="noopener noreferrer">Claude用語集</a>も合わせてどうぞ<br>この記事は用語よりも、実際に手を動かす<strong>書き方</strong>に振っていきます</p>



<h3 class="wp-block-heading">なぜ書き方で答えが変わるのか</h3>



<p class="wp-block-paragraph">たとえば「文章を書いて」とだけ頼むと、AIは相手の意図を推測で埋めるしかありません<br><strong>誰に向けた文章なのか・何文字くらいか・どんなトーンか</strong>、そのあたりが空欄だと、AIは無難で平均的な答えを返してきます</p>



<p class="wp-block-paragraph">料理に置き換えると分かりやすいです<br>「なんか作って」と「30分で作れる和食の副菜を1品」では、返ってくるものが全然違いますよね AIへの指示もまったく同じで、<strong>渡す条件が細かいほど、相手は動きやすくなります</strong></p>



<p class="wp-block-paragraph">逆に条件を具体的に添えると、AIは推測する範囲が狭まり、狙いに近い出力を出しやすくなります<br>つまり<strong><span class="swl-marker mark_yellow">プロンプトの書き方は、AIに考える材料をどれだけ渡せるか</span></strong>という話なんです</p>



<h3 class="wp-block-heading">いつ生まれた言葉なのか</h3>



<p class="wp-block-paragraph">プロンプトエンジニアリングという考え方は、GPT&#45;3(2020年ごろ)の登場前後にAI界隈で広まったとされています<br>正確な命名者や初出は諸説あって、はっきりしていません その後ChatGPTの公開(2022年)で一気に一般にも知られる言葉になりました</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">最近は「プロンプトエンジニアリングは終わった」という見出しも見かけます<br>ただ実態は、<strong>会話履歴や外部知識も含めて設計する<span class="swl-marker mark_yellow">コンテキストエンジニアリング</span>という考え方に発展・吸収された</strong>という整理が近いです プロンプトを丁寧に書く力そのものは、今も土台として要ります</p>
</div></div>



<h2 class="wp-block-heading">プロンプトエンジニアリングの書き方 5つの基本テクニック</h2>



<p class="wp-block-paragraph">ここからが本題です<br>プロンプトの書き方は、細かいテクニックを挙げればきりがありませんが、初心者がまず押さえるべきは次の5つに絞れます</p>



<p class="wp-block-paragraph">順番に手を動かせるよう、ステップ形式でまとめました<br>1つずつ足していくだけで、プロンプトの精度が変わってくるのが分かるはずです</p>



<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">指示を具体化する</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">いちばん効くのがこれです<br>「ブログを書いて」ではなく、<strong>対象読者・文字数・目的・トーン</strong>を添えます<br>「Excel初心者向けに、XLOOKUP関数の使い方を800字くらいで、やさしい口調で解説して」のように、条件を言葉にするほど答えは狙いに寄っていきます<br>ちなみに文字数の指定は、ぴったりその数字にはなりません AIは文字ではなくトークン(文字のかたまり)という単位で文章を扱うので、長さの方向づけくらいに考えておくと気が楽です</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">
<p class="wp-block-paragraph">プロンプトの先頭で、AIに<strong>立場</strong>を持たせます<br>「あなたは経験10年の編集者です」「あなたはプロの校正者です」のひとことで、答えの視点や語彙がその役割に寄ります<br>誰の目線で答えてほしいかを決めると、出力の一貫性が上がります<br>ただし役割で変わるのは書きぶりや目のつけどころまでで、答えの正しさそのものが上がるわけではありません</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">
<p class="wp-block-paragraph">答えの<strong>見せ方</strong>まで指定すると、あとの手直しが減ります<br>「箇条書きで5個」「表にして」「見出しごとに分けて」「200字以内」のように形を先に伝えます<br>プログラムで使うなら「JSON形式で」と書けば、そのまま扱いやすい形で返ってきます</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">
<p class="wp-block-paragraph">言葉で説明しづらいときは、<strong>入力と出力の見本</strong>を1〜2組だけ渡します<br>この手法は<strong><span class="swl-marker mark_yellow">few&#45;shot(フューショット)</span></strong>と呼ばれ、AIはそのお手本のパターンをマネして答えます<br>望むトーンや書式が一発で伝わるので、細かい指示を並べるより早いことも多いです</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">
<p class="wp-block-paragraph">大きな依頼を一度に投げると、抜けや脱線が起きやすいです<br>「まず構成案を出して」→「この構成で本文を書いて」のように<strong>段階に分ける</strong>と、途中で軌道修正できます<br>1つのプロンプトに欲張りすぎないのが、遠回りに見えて近道です</p>
</div></div>
</div>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">おまけでもう1つ<br>計算や理由づけが必要な複雑な問題では、<strong>「順を追って考えてから答えて」</strong>と一言添える手があります いきなり結論を出させるより、途中の考えを書かせたほうが、答えの正確さが上がりやすいです(<strong>ステップバイステップ</strong>と呼ばれるやり方です)</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>全部いっぺんに覚えなくて大丈夫です まずは1つ目の「具体化」だけでも効果を感じられます</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>



<p class="wp-block-paragraph">言葉で説明するより、<strong>ビフォーアフター</strong>で見たほうが早いです<br>左のような雑な頼み方を、右のように書き換えるだけで、返ってくる答えの質が変わります</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:640px;"><thead><tr><th>よくある書き方</th><th>改善した書き方</th></tr></thead><tbody><tr><td>文章を書いて</td><td>30代の主婦向けに、時短家電のメリットを400字・やさしい口調で紹介して</td></tr><tr><td>要約して</td><td>結論を1文+要点を3つの箇条書きで、専門用語なしで要約して</td></tr><tr><td>もっと良くして</td><td>一文を短くして、専門用語を減らして、もっとカジュアルにして</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">やっているのは<strong><span class="swl-marker mark_yellow">「誰に・何を・どんな形で」を足しているだけ</span></strong>です<br>特別な言い回しは要りません 頭の中にある前提を、そのまま言葉にして渡すイメージで書けば大丈夫です</p>



<h3 class="wp-block-heading">5つのコツを1つにまとめたテンプレート</h3>



<p class="wp-block-paragraph">毎回ゼロから考えるのは大変なので、<strong>使い回せる型</strong>を用意しておくと楽です<br>山カッコの部分を埋めるだけで、5つのコツがほぼ入った状態になります</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="テンプレート"><code># 役割
あなたは&lt;職業・立場&gt;です。

# お願い
&lt;やってほしいこと&gt;

# 条件
- 対象読者: &lt;誰向けか&gt;
- 目的: &lt;何のためか&gt;
- 文字数: &lt;目安&gt;
- トーン: &lt;硬さ・やわらかさ&gt;

# 出力形式
&lt;箇条書き / 表 / 見出し付き など&gt;</code></pre></div>



<p class="wp-block-paragraph">全部の欄を埋める必要はありません<br>要らない欄は削って、<strong>足りない部分だけ書き足す</strong>くらいの気軽さで使ってみてください</p>



<h2 class="wp-block-heading">そのままマネできるプロンプト例</h2>



<p class="wp-block-paragraph">コツを言葉で読んでも、いざ書くとなると手が止まりますよね<br>ここでは、さっきの5つを組み合わせた<strong>プロンプト例</strong>をいくつか置いておきます コピペして、山カッコの部分を自分の内容に置き換えて使ってみてください</p>



<h3 class="wp-block-heading">例1 ビジネスメールの下書き</h3>



<p class="wp-block-paragraph">役割・具体化・形式指定を全部入れた、実務でそのまま使える形です</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="プロンプト例"><code>あなたは丁寧な文章が得意なビジネスパーソンです。
次の内容で取引先へのメールを作成してください。

# 目的
納品が3日遅れる旨のお詫びと、新しい納品日の連絡

# 条件
- 相手: 取引先の担当者(あまり親しくない)
- トーン: 丁寧だが硬すぎない
- 文字数: 250字前後
- 件名も付ける</code></pre></div>



<h3 class="wp-block-heading">例2 長い文章の要約</h3>



<p class="wp-block-paragraph">要約は「どう縮めるか」を指定しないと、ただ短くしただけの答えになりがちです<br>読む相手と形式を添えるのがコツになります</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="プロンプト例"><code>あなたは要点整理が得意な編集者です。
以下の文章を、忙しい上司が30秒で把握できるように要約してください。

# 出力形式
- 冒頭に結論を1文
- そのあと箇条書きで要点を3つ
- 専門用語は簡単な言葉に言い換える

# 対象の文章
&lt;ここに要約したい文章を貼る&gt;</code></pre></div>



<h3 class="wp-block-heading">例3 例を見せて分類させる(few-shot)</h3>



<p class="wp-block-paragraph">4つ目のコツ、お手本を渡す書き方の例です<br>入力と出力のセットを2組見せてから、本番の入力を渡します</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="プロンプト例"><code>次の問い合わせ文を「質問 / 要望 / クレーム」のどれかに分類してください。

例:
入力「使い方が分かりません」→ 質問
入力「もっと安くしてほしい」→ 要望

本番:
入力「注文した商品がまだ届きません、いつになりますか」→</code></pre></div>



<p class="wp-block-paragraph">お手本を2つ見せるだけで、AIは同じ形式(「〜→ 分類名」)で答えを返してきます<br><strong>分類・変換・書式そろえ</strong>のような作業は、この few&#45;shot が特に効きます</p>



<h3 class="wp-block-heading">例4 アイデア出しの壁打ち</h3>



<p class="wp-block-paragraph">正解が1つに決まらない相談も、条件を添えると精度が上がります<br>ポイントは<strong>出す数と切り口</strong>を指定することです</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="プロンプト例"><code>あなたは企画のプロです。
新しい家計簿アプリのキャッチコピーを10個提案してください。

# 条件
- ターゲット: 一人暮らしの20代
- トーン: 親しみやすく、少しユーモアを入れる
- 各案に、狙いを一言添える</code></pre></div>



<p class="wp-block-paragraph">数を多めに出させて、その中から良いものを選ぶ<br>この<strong>質より量で出させて選ぶ</strong>やり方は、アイデア出しと相性が良いです</p>



<h3 class="wp-block-heading">例5 エラーメッセージの意味を調べる</h3>



<p class="wp-block-paragraph">プログラムやExcelでエラーが出たとき、メッセージをそのまま貼って聞くと解決が早いです<br>役割を与えつつ、答えの形を<strong>原因→対処の順</strong>で指定するのがコツになります</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="プロンプト例"><code>あなたはプログラミング初心者に教えるのが得意なエンジニアです。
次のエラーの原因と対処法を、初心者にも分かる言葉で教えてください。

# 出力形式
- まず原因を1〜2文で
- そのあと対処の手順を箇条書きで
- 専門用語には短い説明を付ける

# エラー内容
&lt;ここにエラーメッセージを貼る&gt;</code></pre></div>



<p class="wp-block-paragraph">ここで効くのが、<strong>エラー文を省略せず全文を貼る</strong>ことです<br>行番号やファイル名まで含めて渡すと、AIは状況を具体的につかめて、的外れな回答が減っていきます</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">ひとつだけ注意です<br>会議メモ・取引先とのやり取り・エラーログには、<strong>社名や個人名・社内限りの情報</strong>が混ざっていることがあります<br>貼る前に伏せ字や仮名へ置き換えるか、会社のルールで生成AIへの入力が認められている範囲かを確認しておくと安全です</p>
</div></div>


<div class="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">プロンプトを書くときのよくある失敗とコツ</h2>



<p class="wp-block-paragraph">書き方のコツを足していく一方で、<strong>避けたい書き方</strong>もあります<br>私も最初のころ、つい欲張ってAIを混乱させていました よくあるつまずきを対比で並べておきます</p>



<div class="wp-block-group is-style-big_icon_bad"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li>「いい感じにして」など、判断をまるごとAIに丸投げする</li>


<li>1つのプロンプトに、あれもこれもと5個も6個も要求を詰め込む</li>


<li>前提(誰向け・何のため)を省いて、いきなり本題だけ投げる</li>
</ul>
</div></div>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li>望む方向を言葉にする(例「もっとカジュアルに」「箇条書きで」)</li>


<li>要求は1プロンプトに1〜2個までに絞り、足りなければ会話を続ける</li>


<li>思い通りでなければ、そこを指摘して直させる(やり取りで育てる)</li>
</ul>
</div></div>



<p class="wp-block-paragraph">覚えておきたいのは、<strong><span class="swl-marker mark_yellow" style="color:#e8313b">プロンプトは一発勝負ではない</span></strong>という点です<br>最初の答えが微妙でも、そこから「もう少し短く」「専門用語を減らして」と会話で調整していけば、狙いに近づけていけます</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">迷ったら<strong><span class="swl-marker mark_yellow">「読者・目的・形式」の3点</span></strong>だけでも添えてみてください<br>この3つが入っているだけで、答えの当たり外れがぐっと減ります</p>
</div></div>



<h3 class="wp-block-heading">悪い例と良い例をプロンプト全文で見比べる</h3>



<p class="wp-block-paragraph">丸投げのプロンプトと、条件を添えたプロンプトを全文で並べてみます<br>同じ「会議メモをまとめたい」でも、渡す情報の量で仕上がりがここまで変わります</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="悪い例"><code>この会議のメモ、いい感じにまとめて。
(誰が読む・どんな形式・何を残すかが、まるごと空欄)</code></pre></div>



<p class="wp-block-paragraph">これだと、AIは長さも形式も推測で埋めるしかありません<br>次のように読者・目的・形式を足すだけで、そのまま配れる議事録にぐっと近づきます</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="良い例"><code>あなたは議事録づくりが得意なアシスタントです。
次の会議メモを、参加できなかった人が読んで分かる議事録にしてください。

# 出力形式
- 決定事項を箇条書きで
- 次にやること(担当者と期限つき)を箇条書きで
- 最後に未解決の論点を1〜2行で

# 会議メモ
&lt;ここに会議のメモを貼る&gt;</code></pre></div>



<p class="wp-block-paragraph">やっているのは、AIに考えさせる部分を減らして<strong>こちらが決めた枠を渡す</strong>ことです<br>「あとで自分が手直しする作業」を、先にプロンプトへ書いておくイメージですね</p>



<h2 class="wp-block-heading">プロンプト単体の限界 次はコンテキストエンジニアリングへ</h2>



<p class="wp-block-paragraph">ここまでのコツを使えば、<strong>単発の依頼</strong>はかなり思い通りになります<br>ただプロンプトの書き方だけでは、どうしても届かない場面も出てきます</p>



<p class="wp-block-paragraph">たとえば<strong>過去のやり取りを覚えておく・社内の資料を参照する・外部のツールを呼び出す</strong>といった動きは、1つのプロンプト文だけでは扱いきれません<br>プロンプトはあくまで「AIに渡す指示のかたまり」で、その外側の情報や仕組みまでは面倒を見られないんです</p>



<p class="wp-block-paragraph">身近な例だと、自分だけのマニュアルをAIに読ませて答えさせたいとき、その資料をどうやって渡し続けるかは、プロンプトの書き方とは別の話になります<br>ここから先は<strong>プロンプトの外側の設計</strong>が主役になっていくわけです</p>



<p class="wp-block-paragraph">そこで最近は、指示文そのものだけでなく、<strong><span class="swl-marker mark_yellow">AIに渡す情報全体をどう組み立てるか</span></strong>を設計する考え方に広がってきました<br>これが冒頭でも触れた<strong>コンテキストエンジニアリング</strong>で、会話履歴・参照資料・ツールの実行結果まで含めて、AIに渡す材料を丸ごとデザインしていく発想です</p>



<p class="wp-block-paragraph">プロンプトエンジニアリングは、その<strong>土台にあたる第一歩</strong>です<br>まずはこの記事の書き方で手を慣らして、次のステップとして「情報の渡し方全体」へ進んでいく、という流れがつかみやすいと思います</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<p class="wp-block-paragraph">次の一歩は、プロンプトの外側にある<strong>情報の設計</strong>です<br>同じく初心者向けにまとめているので、あわせてどうぞ</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/context-engineering-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">コンテキストエンジニアリングとは AIに渡す文脈の設計</a>
						<span class="p-blogCard__excerpt">コンテキストエンジニアリングとは AIのコンテキストウィンドウに何を積むかを設計する考え方です プロンプトエンジニアリングとの違いや システムプロンプト RAG メモリ CLAUDE.md など構成要素を初心者向けに噛み砕いて解説します</span>					</div>
				</div>
			</div>
		</div>


<h2 class="wp-block-heading">プロンプトエンジニアリングのよくある質問</h2>



<p class="wp-block-paragraph">書き方を試す前に気になりやすい点を、Q&amp;Aでまとめておきます</p>



<div class="swell-block-faq" data-q="col-text" data-a="col-text">
<div class="swell-block-faq__item"><h3 class="faq_q">プロンプトエンジニアリングは初心者でもできますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">できます<br>プログラミングの知識は要りません この記事の<strong>「読者・目的・形式」を添える</strong>ところから始めれば、それだけで答えが変わってきます</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">プロンプトは長く書くほど良いですか？</h3><div class="faq_a">
<p class="wp-block-paragraph">長さより中身です<br>だらだら書くより、条件を整理して<strong>簡潔に伝える</strong>ほうが精度は上がります 要求を詰め込みすぎると、かえって答えがぼやけることもあります</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">「プロンプトエンジニアリングは終わった」と聞きました 今から学ぶ意味はありますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">意味はあります<br>なくなったのではなく、より広い<strong>コンテキストエンジニアリングに発展・吸収された</strong>、というのが実態です プロンプトを丁寧に書く力はその土台なので、今も役に立ちます</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">ChatGPTとClaudeで書き方は変わりますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">基本のコツは共通です<br>どちらも<strong>「具体化・役割・形式・例示・分割」</strong>がそのまま効きます 細かいクセの違いはありますが、まずは共通の型を身につければ十分です</p>
</div></div>
</div>



<h2 class="wp-block-heading">まとめ 本シリーズの他の記事</h2>



<p class="wp-block-paragraph">プロンプトエンジニアリングの書き方を、<strong>5つのコツと例</strong>で見てきました<br>最後に要点だけおさらいします</p>



<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>指示は具体化する(読者・目的・形式・トーンを添える)</li>


<li>役割を与えて、答えの視点をそろえる</li>


<li>出力の形式を先に指定して、手直しを減らす</li>


<li>言葉で難しければ、お手本(few&#45;shot)を見せる</li>


<li>大きな依頼は分割して、会話で育てる</li>
</ul>



<p class="wp-block-paragraph">まずは1つ目の「具体化」から試して、慣れてきたら残りを足していくのがおすすめです<br>プロンプトの書き方が身についたら、その先の<strong>コンテキストエンジニアリング</strong>へ進むと、AIとの付き合い方がもう一段広がります</p>



<h3 class="wp-block-heading">本シリーズの他の記事</h3>



<p class="wp-block-paragraph">この記事は「AIの◯◯エンジニアリング」進化ラダー連載の第1回(基礎)です<br>全体像と続きは、以下からたどれます(公開しだいリンクが有効になります)</p>



<ul class="wp-block-list -list-under-dashed">
<li><a href="https://javeo.jp/ai-engineering-4types/" target="_blank" rel="noopener noreferrer">連載ハブ AIの5つの「◯◯エンジニアリング」総まとめ</a></li>


<li>第1回(この記事) プロンプトエンジニアリングの書き方</li>


<li><a href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">第2回 コンテキストエンジニアリング</a></li>


<li><a href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">第3回 ハーネスエンジニアリング</a></li>


<li><a href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">第4回 エージェントループの設計(ループエンジニアリング)</a></li>



<li><a href="https://javeo.jp/graph-engineering/" target="_blank" rel="noopener noreferrer">第5回 グラフエンジニアリング(複数のAIをつなぐ)</a></li>
</ul>



<p class="wp-block-paragraph">用語をまとめて確認したいときは、<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集</a>もどうぞ<br>この連載を通して読むと、AIへの頼み方が「指示」から「設計」へと変わっていくのが見えてくるはずです</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/prompt-engineering-basics/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>コンテキストエンジニアリングとは AIに渡す文脈の設計</title>
		<link>https://javeo.jp/context-engineering/</link>
					<comments>https://javeo.jp/context-engineering/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 22:30:00 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[RAG]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5028</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/context-engineering-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>コンテキストエンジニアリングとは AIのコンテキストウィンドウに何を積むかを設計する考え方です プロンプトエンジニアリングとの違いや システムプロンプト RAG メモリ CLAUDE.md など構成要素を初心者向けに噛み砕いて解説します]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/context-engineering-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph"><strong>コンテキストエンジニアリングとは</strong>、AIに渡す情報(コンテキスト)全体をどう組み立てるかを設計する考え方です<br>プロンプトの言い回しを磨くプロンプトエンジニアリングの先にある、いま急速に広まっているテーマなんです</p>



<p class="wp-block-paragraph">AIに仕事を頼んで、指示じたいは悪くないはずなのに答えがズレる<br>そんなとき、原因は聞き方より<strong><span class="swl-marker mark_yellow">AIに渡している情報そのもの</span></strong>の側にあることが多いです</p>



<p class="wp-block-paragraph">この記事では、コンテキストエンジニアリングとは何かを、プロンプトエンジニアリングとの違い・具体的な構成要素まで初心者向けにまとめます<br>読み終えるころには、次の3つがつかめているはずです</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>コンテキストエンジニアリングの意味</strong>:AIに何を渡すかの設計だと分かる</li>



<li><strong>プロンプトとの違い</strong>:どちらが上位で、なぜ置き換えではないのか</li>



<li><strong>6つの構成要素</strong>:コンテキストに積むものを1つずつ噛み砕く</li>
</ul>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">この記事は「AIの○○エンジニアリング」連載の2本目です<br>前回の<a href="https://javeo.jp/prompt-engineering-basics/" target="_blank" rel="noopener noreferrer">プロンプトエンジニアリング</a>で見えてきた「聞き方だけでは足りない」という壁を、今回のコンテキストの設計で引き取っていきます</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>ざっくり言うと「AIの机の上に何を並べておくか」を考える話です</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">コンテキストエンジニアリングとは?まず全体像</h2>



<p class="wp-block-paragraph">結論から言うと、<strong>コンテキストエンジニアリングとは、AIが一度に読み込む情報のかたまり(コンテキスト)に、何をどう積むかを設計する技術</strong>です<br>単発の指示文だけでなく、AIが答えを作るために参照する材料をぜんぶひっくるめて整える、という捉え方なんです</p>



<p class="wp-block-paragraph">AI(正確には<strong>LLM</strong>=大規模言語モデル、文章を予測して作るAIの中身)は、渡された材料をもとに次の一手を組み立てます<br>だから材料が薄かったり、ノイズだらけだったりすると、聞き方をどれだけ工夫しても答えが決まりきらないんです</p>



<p class="wp-block-paragraph">ここで前提になるのがコンテキストウィンドウという言葉です<br>下のメモにまとめておきます</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong>コンテキストウィンドウ</strong>とは、AIが一度に読み込める情報量の上限(トークンという単位で数える窓)です<br>この窓は入力だけでなく、AIが書き出す答えのぶんも一緒に使います<br>窓じたいは無限ではないので、<strong><span class="swl-marker mark_yellow">限られた席に何を座らせるか</span></strong>を選ぶ発想が要ります<br>コンテキストエンジニアリングは、その席の配分を設計する仕事だと考えると分かりやすいです</p>
</div></div>



<p class="wp-block-paragraph">Claudeの開発元である Anthropic は、コンテキストエンジニアリングを<strong>プロンプトエンジニアリングの自然な発展形</strong>と位置づけています<br>プロンプトを捨てる話ではなく、プロンプトも材料のひとつとして、コンテキスト全体を面倒みる、という広げ方なんです</p>



<p class="wp-block-paragraph">もう少し身近にたとえると、新しく入ったメンバーに仕事を任せる場面に近いです<br>どれだけ優秀な人でも、必要な資料や過去の経緯を渡さなければ良い動きはできません<br>コンテキストエンジニアリングは、AIに対してこの「引き継ぎ資料の準備」を丁寧にやる作業だと考えると、とっつきやすいはずです</p>



<p class="wp-block-paragraph">ここまでの話を1枚の図にすると、こんなイメージになります<br>窓というひとつの器を、性格の違う6種類の情報が分け合っている、という構図で見てもらえると分かりやすいはずです</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1200" height="820" src="https://javeo.jp/wp-content/uploads/2026/07/context-window-layers.png" alt="コンテキストウィンドウにシステムプロンプト・ツール定義と実行結果・RAG・メモリ・会話履歴・エージェント状態が積み重なっているイメージ図" class="wp-image-5044" srcset="https://javeo.jp/wp-content/uploads/2026/07/context-window-layers.png 1200w, https://javeo.jp/wp-content/uploads/2026/07/context-window-layers-300x205.png 300w, https://javeo.jp/wp-content/uploads/2026/07/context-window-layers-1024x700.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/context-window-layers-150x103.png 150w, https://javeo.jp/wp-content/uploads/2026/07/context-window-layers-768x525.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<h2 class="wp-block-heading">なぜいま生まれた言葉なのか</h2>



<p class="wp-block-paragraph">コンテキストエンジニアリングは、2025年に一気に広まった比較的あたらしい言葉です<br>ざっくりした流れをおさえておくと、単なるバズワードではなく背景のある概念だと分かります</p>



<ul class="wp-block-list -list-under-dashed">
<li><strong>提唱</strong>:Shopify CEO の Tobi Lütke 氏が2025年6月ごろ、「LLM がタスクを解けるだけの文脈をぜんぶ渡す技術」として言い出したのが起点とされます(正確な日付は諸説あり、ここでは断定しません)</li>



<li><strong>拡散</strong>:AI研究者の Andrej Karpathy 氏が同じ時期に賛同し、言葉として一気に広まりました(命名者というより後押し役の立場です)</li>



<li><strong>体系化</strong>:Anthropic が2025年9月に「Effective context engineering for AI agents」で整理し、実務の枠組みとして定着させました</li>
</ul>



<p class="wp-block-paragraph">背景にあるのは、AIの使い方が<strong>単発の質問</strong>から<strong><span class="swl-marker mark_yellow">自分で何ステップも作業するエージェント</span></strong>へ移ってきたことです<br>1往復で終わって、必要な前提もその場で書き添えられる用事なら、うまい聞き方でだいたい足ります</p>



<p class="wp-block-paragraph">ところが、AIが道具を使って何度も往復しながら進むようになると、途中でどんな情報を持たせ続けるかが結果を左右します<br>この「持たせ続ける材料の設計」に名前がついたのが、コンテキストエンジニアリングなんです</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>AIが「単発の相棒」から「作業する部下」に変わったから、渡す資料の設計が要る、という流れです</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">プロンプトエンジニアリングとの違い</h2>



<p class="wp-block-paragraph">ここが多くの人のつまずきどころなので、<strong>プロンプトエンジニアリングとの違い</strong>を表で整理します<br>ポイントは、片方がもう片方を置き換えるのではなく、<strong><span class="swl-marker mark_yellow">プロンプトはコンテキストの一部</span></strong>という包含の関係だという点です</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:720px;"><thead><tr><th>観点</th><th>プロンプトエンジニアリング</th><th>コンテキストエンジニアリング</th></tr></thead><tbody><tr><td>主な対象</td><td>1回の指示文の言い回し</td><td>窓に積む情報の全体</td></tr><tr><td>中心の問い</td><td>どう聞くか</td><td>何を渡すか</td></tr><tr><td>扱う単位</td><td>文・段落</td><td>指示・知識・履歴・状態のまとまり</td></tr><tr><td>効きやすい場面</td><td>単発の質問や生成(前提が短く済む場合)</td><td>長く動くエージェント作業</td></tr><tr><td>両者の関係</td><td>コンテキストの一部(部分集合)</td><td>プロンプトを内側に含む上位の設計</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">「プロンプトエンジニアリングはもう古い」という煽りを見かけますが、そこは冷静に受け止めたいところです<br>実務では指示文の作り込みはいまも必要で、コンテキストという大きな器の中でプロンプトが担う役割が明確になった、と捉えるのが無理のない理解なんです</p>



<p class="wp-block-paragraph">言い換えると、聞き方(プロンプト)を磨くのは点の改善、渡す材料ぜんぶ(コンテキスト)を設計するのは面の改善です<br>点をいくら磨いても面が崩れていると結果は安定しないので、両方を行き来する感覚が実用的です</p>



<p class="wp-block-paragraph">たとえば「この関数のバグを直して」と頼む場面を考えます<br>プロンプトの工夫は、頼み方を「エラー内容も添えて原因から説明して」と具体的にすること<br>コンテキストの設計は、そもそも<strong>該当のコードやエラーログ・関連する仕様まで一式を渡しておく</strong>ことです<br>後者が抜けていると、聞き方をどれだけ整えても的外れな答えになりがちなんです</p>


<div class="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">コンテキストに積む6つの構成要素</h2>



<p class="wp-block-paragraph">では、コンテキストには具体的に何が入るのか?<br>代表的なものを6つの構成要素に分けて、1つずつ噛み砕きます</p>



<ul style="background-color:#f3fafe80" class="wp-block-list is-style-num_circle -list-under-dashed has-background">
<li><strong>システムプロンプト</strong>:AIの役割やルールを決める土台の指示、「あなたは○○の担当です」のような前提</li>



<li><strong>ツール定義と実行結果</strong>:AIが使える道具(検索・ファイル読み書きなど)の説明と、実際に動かした結果</li>



<li><strong>RAG(外部知識の検索)</strong>:手元の資料やデータベースから関連情報を引っぱってきて渡す仕組み</li>



<li><strong>メモリ</strong>:過去のやり取りやユーザーの好みを覚えておいて、あとで再利用する情報</li>



<li><strong>会話履歴</strong>:ここまでの往復のログ、いま何を話しているかの流れ</li>



<li><strong>エージェント状態</strong>:いま何の作業の途中か、次に何をする予定かという進行の記録</li>
</ul>



<p class="wp-block-paragraph">この6つが、同じひとつのコンテキストウィンドウ(限られた窓)を分け合います<br>だからこそ、何を厚く積んで何を削るかの<strong>配分の判断</strong>が、コンテキストエンジニアリングの中身になるわけです</p>



<p class="wp-block-paragraph">6つのうち、初心者がイメージしにくいのはツール定義と実行結果・エージェント状態あたりでしょうか?<br>前者は「AIが検索や電卓を使えるように渡す取扱説明書とその使用結果」、後者は「作業のしおり(いまどこまで進んだか)」だと思うと近いです</p>



<p class="wp-block-paragraph">言葉の説明だけだとイメージしにくいので、実際にどんな中身が窓に載るのかをミニ例で並べてみます<br>同じ「情報」でも、要素ごとに質がぜんぜん違うのが伝わるはずです</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li>RAG:社内の経費規程PDFから「交通費の上限は1日いくらか」の該当ページだけを抜き出して渡す</li>



<li>メモリ:前回のやり取りで決めた「返信は敬語で・結論から」という好みを覚えておき、別の日の相談でも引き継ぐ</li>



<li>会話履歴:「さっきの案のBでいこう」と言えば通じるように、ここまでの往復のログをそのまま持たせる</li>
</ul>
</div></div>



<p class="wp-block-paragraph">こう並べると、6要素は「知識(RAG)」「記憶(メモリ)」「いまの流れ(会話履歴)」のように役割が分かれていると分かります<br>ぜんぶ同じ袋に放り込むのではなく、種類ごとに何をどれだけ載せるかを考えるのが、コンテキスト設計の勘どころなんです</p>



<h3 class="wp-block-heading">RAG(外部知識の検索)とは</h3>



<p class="wp-block-paragraph">初めて聞く方向けに、<strong>RAG</strong>だけ少し補足します<br>RAG(Retrieval-Augmented Generation)とは、<strong><span class="swl-marker mark_yellow">AIが答える前に関連資料を検索し、それを取り込んでから答えを作る仕組み</span></strong>です</p>



<p class="wp-block-paragraph">AIの中身が最初から知っていることには限りがあり、社内マニュアルや最新の情報までは覚えていません<br>そこで、外から必要な資料を引っぱって窓に載せてあげると、AIはその場で参照しながら答えられます</p>



<p class="wp-block-paragraph">身近な例だと、手元のPDFを読ませて質問に答えてもらう使い方がRAGの発想に近いです<br>言葉としてのRAGや周辺用語は<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集</a>にもまとめているので、あわせてどうぞ</p>



<h3 class="wp-block-heading">メモリと会話履歴の違い</h3>



<p class="wp-block-paragraph"><strong>メモリ</strong>と<strong>会話履歴</strong>は似ていますが、役割が少し違います<br>会話履歴は「いまのやり取りの流れ」、メモリは「別の機会にも持ち越したい情報」というイメージです</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li>会話履歴:このセッション内の往復、話が長くなると窓を圧迫するので要約して削ることもある</li>



<li>メモリ:好みや決まりごとなど、次回以降も参照したい情報、必要なときだけ呼び出す</li>
</ul>
</div></div>



<p class="wp-block-paragraph">会話が長引くと履歴が増えて窓を食いつぶすので、<strong>要約して圧縮する</strong>のもコンテキスト設計の一部です<br>全部を抱え込むより、要るものだけ残す引き算のほうが、じっさいには効いてきます</p>



<h3 class="wp-block-heading">コンテキストは多いほどいいわけではない</h3>



<p class="wp-block-paragraph">ここまで読むと「とにかく情報を積めば安心」と思えますが、そこは落とし穴です<br>窓には上限があるうえ、関係ない情報が混ざると、AIがどこを見ればいいか迷って精度が落ちます</p>



<p class="wp-block-paragraph">Anthropic も、コンテキストで大事なのは量ではなく<strong><span class="swl-marker mark_yellow">その一手にとって過不足のない情報</span></strong>だと強調しています<br>だから実務では、足す設計と同じくらい、要らないものを削る・要約する設計が効いてきます</p>



<p class="wp-block-paragraph">具体的には、窓に情報を詰め込みすぎると次のような実害が出ます<br>どれも「たくさん渡したのに、かえって精度が落ちた」という形で表れるのがやっかいなところです</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>古い情報の混入:更新前の仕様と最新版を両方渡すと、AIがどちらを正として答えればいいか迷う</li>



<li>トークンの浪費:使わない資料まで窓の席を占めるぶん、肝心のやり取りに割ける余白が減っていく</li>



<li>精度の低下:関係の薄い情報が増えるほど、AIが要点を見失って答えがぼやけやすくなる</li>
</ul>



<p class="wp-block-paragraph">だから上限ギリギリまで詰めるより、その一手に要らない資料は思い切って外すほうが、結果的に答えが安定します<br>足し算より引き算のほうが効く場面は、じっさいに手を動かすとよく出くわします</p>



<h2 class="wp-block-heading">「agent failures = context failures」という見方</h2>



<p class="wp-block-paragraph">コンテキストエンジニアリングを語るとき、よく引かれる整理があります<br>それが<strong><span class="swl-marker mark_yellow" style="color:#e8313b">agent failures = context failures</span></strong>という見方です</p>



<p class="wp-block-paragraph">これは、<strong>エージェント(自分で作業するAI)の失敗の多くは、モデルの頭が悪いからではなくコンテキストの失敗が原因</strong>だ、という捉え方です<br>渡すべき情報が抜けていた、古い情報が混ざっていた、ノイズが多すぎた、といった材料側のほころびが結果を崩す、というわけなんです</p>



<p class="wp-block-paragraph">この見方の便利なところは、AIがコケたときに<strong>直す先が具体的になる</strong>点です<br>「なんか賢くしてほしい」ではなく、「どの材料が足りなかったか」を点検すればいい、と切り分けられます</p>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">AIの答えがズレたら、まず<strong>渡した材料</strong>を疑う<br>指示・前提・参照資料・履歴のどれかに穴がないかを見直すと、聞き方をこねくり回すより早く直ることが多いです</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>私も「AIが悪い」と思った失敗の大半は、渡す情報の抜けが原因でした</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">Claude Code の CLAUDE.md はコンテキストエンジニアリングの実例</h2>



<p class="wp-block-paragraph">抽象的な話が続いたので、私が日常的に触れている実例を挙げます<br>それが、AI開発ツールのClaude Codeで使う<strong>CLAUDE.md</strong>というファイルです</p>



<p class="wp-block-paragraph">CLAUDE.md は、プロジェクトの決まりごとをまとめておく設定ファイルで、AIが作業を始めるときに読み込みます<br>私はここに、使う言葉づかいのルールや、触ってほしくないファイル、フォルダの構成などを書いておくんです<br>ただし CLAUDE.md はAIへのお願いを書く場所で、アクセスを止める仕組みではありません<br>本当に触らせたくないファイルは、権限の設定側(settings.json の permissions.deny)で止めておくのが安全です</p>



<p class="wp-block-paragraph">これはまさに<strong><span class="swl-marker mark_yellow">コンテキストエンジニアリングそのもの</span></strong>で、毎回おなじ前提を打ち直す代わりに、AIが読み込むコンテキストを先に整えておく、という発想です<br>先ほどの6要素で言えば、システムプロンプトやメモリに近い役割を、1枚のファイルで担わせている感じです</p>



<p class="wp-block-paragraph">私の場合、CLAUDE.md を整えるほどに、指示が短くても意図どおり動いてくれるようになりました<br>逆に、ここが薄いと同じ説明を何度も繰り返すことになり、それこそ先ほどの「context failures」を自分で作ってしまいます</p>



<p class="wp-block-paragraph">具体的には、CLAUDE.md を用意する前は「ですます調で、句点は控えめに」と毎回説明していたことが、いまは一言も添えずに文体がそろいます<br>渡す前提を一度ファイルに固定するだけで、往復のたびに積もっていた手間がまとめて消えた感覚です</p>



<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48.png"><img decoding="async" width="1024" height="537" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48-1024x537.png" alt="Claude Code の CLAUDE.md にプロジェクトの前提やルールを書いている画面" class="wp-image-5042" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48-1024x537.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48-300x157.png 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-22_22h42_48.png 1198w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p class="wp-block-paragraph">CLAUDE.md をはじめとした設定ファイルの種類は<a href="https://javeo.jp/claude-code-config-files-guide/" target="_blank" rel="noopener noreferrer">Claude Code 設定ファイル早見表</a>に、ツール全体の仕組みは<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Code 拡張機構入門</a>にまとめています<br>コンテキストの設計を手を動かして体感したい方は、そのあたりから触ってみるのがおすすめです</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">設定ファイルは何でも書けばいいわけではありません<br>不要な情報を詰め込むと窓を圧迫して逆効果になるので、<strong>要る前提だけを簡潔に</strong>置くのが良い塩梅です</p>
</div></div>



<h2 class="wp-block-heading">まとめ 次はハーネスエンジニアリングへ</h2>



<p class="wp-block-paragraph">コンテキストエンジニアリングとは、AIに渡すコンテキストウィンドウ全体に何を積むかを設計する技術でした<br>プロンプトを置き換えるものではなく、<strong>プロンプトを内側に含む上位の設計</strong>だと押さえておくと迷いません</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list is-style-check_list -list-under-dashed has-background">
<li>コンテキスト=AIが一度に読み込む材料のかたまり、窓には上限がある</li>



<li>積む要素は システムプロンプト・ツール・RAG・メモリ・会話履歴・状態 の6つ</li>



<li>AIの失敗は<strong>context failures</strong>として捉えると直す先が具体的になる</li>



<li>CLAUDE.md は身近なコンテキストエンジニアリングの実例</li>
</ul>



<p class="wp-block-paragraph">ここまでで「何を渡すか」の設計は見えてきました<br>すると次に気になるのが、そのコンテキストを実際に出し入れしたり、道具を動かしたりする<strong>AIの周りの仕組みぜんぶ</strong>です</p>



<p class="wp-block-paragraph">そこを扱うのが、次回の<strong>ハーネスエンジニアリング</strong>です<br>コンテキストを含めてAIを取り囲むソフトウェア基盤の話に進みます</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/harness-engineering-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">ハーネスエンジニアリングとは AIの外殻を設計する話</a>
						<span class="p-blogCard__excerpt">ハーネスエンジニアリングとは モデル本体を取り囲む外殻(ツール統合・メモリ・状態・コンテキスト管理・ループ・検証・権限)を設計する新しい考え方です Agent=Model+Harnessという定式や scaffold との呼び分け Claude Code が実例である理由を初心者向けにまとめました</span>					</div>
				</div>
			</div>
		</div>


<h3 class="wp-block-heading">連載「AIの○○エンジニアリング」の記事一覧</h3>



<ul class="wp-block-list -list-under-dashed">
<li><a href="https://javeo.jp/ai-engineering-4types/" target="_blank" rel="noopener noreferrer">総まとめ(ハブ):AIの○○エンジニアリング5種</a></li>



<li><a href="https://javeo.jp/prompt-engineering-basics/" target="_blank" rel="noopener noreferrer">#1 プロンプトエンジニアリング(前回)</a></li>



<li><strong>#2 コンテキストエンジニアリング(この記事)</strong></li>



<li><a href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">#3 ハーネスエンジニアリング(次回)</a></li>



<li><a href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">#4 ループエンジニアリング</a></li>



<li><a href="https://javeo.jp/graph-engineering/" target="_blank" rel="noopener noreferrer">#5 グラフエンジニアリング</a></li>
</ul>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/context-engineering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ハーネスエンジニアリングとは AIの外殻を設計する話</title>
		<link>https://javeo.jp/harness-engineering/</link>
					<comments>https://javeo.jp/harness-engineering/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 22:30:00 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[MCP]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5029</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/harness-engineering-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>ハーネスエンジニアリングとは モデル本体を取り囲む外殻(ツール統合・メモリ・状態・コンテキスト管理・ループ・検証・権限)を設計する新しい考え方です Agent=Model+Harnessという定式や scaffold との呼び分け Claude Code が実例である理由を初心者向けにまとめました]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/harness-engineering-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">AIエージェントまわりの話題で、2026年に入ってから急に見かけるようになった言葉があります<br>それが<strong>ハーネスエンジニアリング</strong>です</p>



<p class="wp-block-paragraph">ざっくり言うと、<strong><span class="swl-marker mark_yellow">AIモデル本体ではなく、その周りを取り囲む&#8221;足場&#8221;を設計する</span></strong>という考え方です<br>ハーネスエンジニアリングとは何なのか、なぜ今この言葉が広まっているのかを、初心者向けにかみ砕いて整理してみます</p>



<p class="wp-block-paragraph">この記事は「AIの○○エンジニアリング」連載の3本目です<br>前回は<strong>コンテキスト</strong>をどう積むかという話でしたが、今回はそのコンテキストを積んだり道具を渡したりする外側の仕組みそのものに目を向けます</p>



<p class="wp-block-paragraph">前回のおさらいをしたい方は、こちらもどうぞ</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/context-engineering-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">コンテキストエンジニアリングとは AIに渡す文脈の設計</a>
						<span class="p-blogCard__excerpt">コンテキストエンジニアリングとは AIのコンテキストウィンドウに何を積むかを設計する考え方です プロンプトエンジニアリングとの違いや システムプロンプト RAG メモリ CLAUDE.md など構成要素を初心者向けに噛み砕いて解説します</span>					</div>
				</div>
			</div>
		</div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">ハーネスエンジニアリングとは?ざっくり言うと</h2>



<p class="wp-block-paragraph">結論から言うと、<strong>ハーネスエンジニアリングとは、AIモデル本体をのぞいた「モデルを取り囲むソフトウェア基盤全部」を設計する営み</strong>のことです<br>ツールをつなぐ・途中経過を覚える・入力欄に何を載せるか・失敗したら立て直す、といった裏方の仕組みをまとめて指します</p>



<p class="wp-block-paragraph">ハーネス(harness)という英単語は、もともと馬具や、登山・パラシュートで体を支える装具を意味します<br>暴れる馬や高所の体を、道具でしっかり支えて安全に働かせる、そんなニュアンスの言葉です</p>



<p class="wp-block-paragraph">AIの世界では、この言葉が「賢いけど、そのままだと何もできないモデル」を実際に仕事させるための<strong>装具一式</strong>という意味で使われます<br>モデルは頭脳、ハーネスは体や道具や段取り、というイメージが近いです</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">界隈でよく引き合いに出される定式が <strong><span class="swl-marker mark_yellow" style="color:#e8313b">Agent = Model + Harness</span></strong> です<br>「AIエージェント」というものは、モデル(頭脳)と、それを取り囲むハーネス(装具)の足し算でできている、という見立てです</p>
</div></div>



<p class="wp-block-paragraph">ここで大事なのは、<strong>モデルとハーネスは別モノ</strong>という点です<br>同じモデルでも、取り囲むハーネスの出来しだいで、できる仕事の質はかなり変わってきます</p>



<p class="wp-block-paragraph">この「同じ頭脳なのに、周りの装具で結果が変わる」という感覚が、ハーネスエンジニアリングの一番の勘どころです<br>あとの章で、その中身を具体的に見ていきます</p>



<h2 class="wp-block-heading">なぜ2026年に「ハーネス」が主流の言葉になったのか</h2>



<p class="wp-block-paragraph">この言葉がここまで広まった背景には、AIの作り方をめぐる言葉の進化ラダー(はしご)があります<br>ざっくり言えば、注目される設計対象が少しずつ外側へ広がってきた、という流れです</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>プロンプトエンジニアリング</strong>:指示文(プロンプト)そのものを工夫する段階</li>



<li><strong>コンテキストエンジニアリング</strong>:入力欄ぜんぶに何を積むかを設計する段階(前回のテーマ)</li>



<li><strong>ハーネスエンジニアリング</strong>:そのコンテキストを扱う外側の仕組みごと設計する段階(今回)</li>
</ul>



<p class="wp-block-paragraph">指示文 → 文脈 → 外殻、と設計する範囲がだんだん広がってきたわけです<br>2026年に入って、この一番外側の「外殻(ハーネス)」に注目が集まった、というのがおおまかな流れになります</p>



<p class="wp-block-paragraph">背景には、2026年ごろから長く動き続けるエージェントが実用になってきた、という事情もあります<br>数十分から数時間かけて自律的に作業させると、途中でつまずいたり脱線したりが増えるので、それを支える外側の仕組みの出来が、そのまま成果を左右するようになってきたわけです</p>



<h3 class="wp-block-heading">「ハーネス」という語自体は公式も使っている</h3>



<p class="wp-block-paragraph"><strong>ハーネス</strong>という語自体は、一部の界隈で使われているような言葉ではありません</p>



<p class="wp-block-paragraph">Claude を開発する Anthropic は、2025年11月に公開した記事で、自社の<strong>Claude Agent SDK</strong>(エージェントを作るための開発キット)を <strong><span class="swl-marker mark_yellow">&#8220;a general-purpose agent harness&#8221;(汎用のエージェントハーネス)</span></strong>とはっきり呼んでいます<br>つまり「モデルを取り囲む装具」という意味でのハーネスは、公式の文書にも登場する実在の用語です</p>



<p class="wp-block-paragraph">一次ソースを確認したい方はこちらです<br><a href="https://www.anthropic.com/engineering/effective-harnesses-for-long-running-agents" target="_blank" rel="noopener noreferrer">Effective harnesses for long-running agents(Anthropic・英語)</a></p>



<h3 class="wp-block-heading">「独立した分野」と呼ぶのは新しめのフレーミング</h3>



<p class="wp-block-paragraph">一方で、<strong>「ハーネスエンジニアリング」を一つの独立した専門分野として名指す言い方</strong>は、2026年になって広まった新しめの枠づけです<br>ベンダーのブログや技術記事から広がったフレーミングで、教科書に載っている確立した分類とはまだ言えません</p>



<p class="wp-block-paragraph">「2024年はプロンプト・2025年はコンテキスト・2026年はハーネス」といったキャッチフレーズも見かけます<br>これは分かりやすい世代論として語られているだけで、公式に定められた区分ではない、という点は押さえておきたいです</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">ハーネス(外殻)は大きく6つの部品でできている</h2>



<p class="wp-block-paragraph">ハーネスと言われても、中身が見えないとピンとこないと思います<br>ここでは、モデルを取り囲む外殻を6つの部品に分けて見てみます</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1200" height="1080" src="https://javeo.jp/wp-content/uploads/2026/07/harness-parts-around-model.png" alt="中央のモデルを ツール統合・メモリと状態・コンテキスト管理・オーケストレーションループ・検証と回復・権限ガードレール の6部品が取り囲む関係図" class="wp-image-5047" srcset="https://javeo.jp/wp-content/uploads/2026/07/harness-parts-around-model.png 1200w, https://javeo.jp/wp-content/uploads/2026/07/harness-parts-around-model-300x270.png 300w, https://javeo.jp/wp-content/uploads/2026/07/harness-parts-around-model-1024x922.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/harness-parts-around-model-150x135.png 150w, https://javeo.jp/wp-content/uploads/2026/07/harness-parts-around-model-768x691.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:680px;"><thead><tr><th>部品</th><th>ざっくりの役割</th></tr></thead><tbody><tr><td>ツール統合</td><td>ファイルの読み書き・コマンド実行・Web検索など、モデルが外の世界に手を伸ばす手段</td></tr><tr><td>メモリと状態</td><td>会話やタスクの途中経過を覚えておく仕組み</td></tr><tr><td>コンテキスト管理</td><td>限られた入力欄に、何を載せて何を捨てるかの調整(前回のテーマ)</td></tr><tr><td>オーケストレーションループ</td><td>考える→動く→結果を見る→また動く、を繰り返す司令塔(次回のテーマ)</td></tr><tr><td>検証と回復</td><td>失敗やエラーを見つけて立て直す仕組み</td></tr><tr><td>権限ガードレール</td><td>やっていい操作・ダメな操作の線引き</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">この6つのうち、コンテキスト管理を掘り下げたのが前回の<strong>コンテキストエンジニアリング</strong>でした<br>そして次回は、オーケストレーションループを掘り下げる<strong>エージェントループ</strong>の回になります</p>



<p class="wp-block-paragraph">連載でバラバラに見えていたテーマが、実はハーネスという一つの外殻の部品どうしだった、という見取り図です<br>今回はその外殻の全体像を押さえておく、という位置づけになります</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">6つの部品は、きっちり6分割と決まっているわけではありません<br>論者によって数え方は少し変わりますが、<strong><span class="swl-marker mark_yellow">「ツール・記憶・文脈・ループ・回復・権限」</span></strong>あたりが挙がる、という共通の骨格でとらえておけば十分です<br>あと1点、ループを部品に数えるかも書き手で分かれます<br>「ループはハーネスの一部」という整理が主流ですが、資料によっては「ループはハーネスに調整されるもので、構成要素そのものではない」とする立場もあります<br>この記事では部品の1つとして扱いますが、境目はまだ固まっていない、という前提で読んでください</p>
</div></div>



<h2 class="wp-block-heading">モデルが賢いのではなく、外殻が賢さを引き出す</h2>



<p class="wp-block-paragraph">ここがこの記事で一番伝えたいところです<br><strong><span class="swl-marker mark_yellow" style="color:#e8313b">モデルの地力だけで決まるのではなく、周りの足場が賢さを引き出している</span></strong>という見方です<br>効いているのはモデルと足場の両方で、そのうち足場の側の働きが見落とされがちだと思っています</p>



<p class="wp-block-paragraph">たとえば同じ人でも、道具も資料も何もない部屋に放り込まれたら、実力を出しきれません<br>逆に、必要な資料・使い慣れた道具・失敗しても戻れる段取りがそろっていれば、同じ人でもぐっと良い仕事ができます</p>



<p class="wp-block-paragraph">AIで言えば、資料を丸ごと読めるか・途中結果を覚えておけるか・失敗したときにやり直せるか、そのあたりが「道具のそろった部屋」かどうかにあたります<br>同じモデルでも、この段取りが足りないと、同じ問いに何度も答えを外す、ということが起きます</p>



<p class="wp-block-paragraph">AIエージェントも同じで、モデルの地力は同じでも、ハーネスの出来で成果が大きく動きます<br>ここを混同すると「新しいモデルが賢くなった」と思っていた変化が、実は「周りの足場が良くなっただけ」だった、というズレが起きます</p>



<h3 class="wp-block-heading">同じモデルでも足場でスコアが動く</h3>



<p class="wp-block-paragraph">この「足場で差がつく」現象は、コード生成の力を測るベンチマーク(性能テスト)でもよく話題になります<br>プログラムの課題をどれだけ解けるかを測る<strong>SWE-bench</strong>系のテストがその代表です</p>



<p class="wp-block-paragraph">ここでは、モデル素の力を比べるために、あえて<strong>最小限のハーネス</strong>を使う工夫がされています<br>そのうえで、各社が自前で作り込んだ足場をかぶせると、<strong><span class="swl-marker mark_yellow">同じモデルでもスコアが10〜30ポイントほど上がるという報告</span></strong>もあります(公開リーダーボードの一例)</p>



<p class="wp-block-paragraph">数値は測り方や時期で変わるので鵜呑みは禁物ですが、足場を変えるだけで結果が大きく動くという傾向は、あちこちで共通して見られます<br>「モデルだけ見ていても半分しか分からない」というのが、ハーネスに注目する理由です</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">まぎらわしい言葉として、SWE-bench には<strong>evaluation harness(評価ハーネス)</strong>という別物があります<br>これは提出されたコードを自動で当ててテストを走らせる<strong>採点の仕組み</strong>のことで、語源は同じでも、この記事で言う「モデルを取り囲む外殻」とは<strong><span class="swl-marker mark_yellow">別の意味</span></strong>です(混同しないよう注意)</p>
</div></div>


<div class="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">scaffold(足場)とハーネスはどう違うのか</h2>



<p class="wp-block-paragraph">ハーネスを調べていくと、たいてい<strong>scaffold(スキャフォールド)</strong>という言葉に出くわします<br>日本語にすると「足場」で、建設現場に組む、あの足場と同じ単語です</p>



<p class="wp-block-paragraph">結論を先に言うと、<strong><span class="swl-marker mark_yellow">scaffold と harness は、ほぼ同じものを指す言葉</span></strong>です<br>どちらも「モデルを取り囲むソフトウェアの基盤」を意味していて、はっきり線を引ける別物ではありません</p>



<p class="wp-block-paragraph">違うのは、主にニュアンスと、よく使われてきた場面です<br>ざっくり並べると、こんな呼び分けになります</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:720px;"><thead><tr><th>見る角度</th><th>scaffold(足場)</th><th>ハーネス(装具)</th></tr></thead><tbody><tr><td>言葉の出どころ</td><td>研究・評価まわりの<strong>旧来語</strong></td><td>製品・実行環境まわりの<strong>新しめの語</strong></td></tr><tr><td>イメージ</td><td>建設現場に組む足場</td><td>登山やパラシュートの命綱・馬具</td></tr><tr><td>よく使われた例</td><td>AutoGPT の &#8220;scaffolded GPT-4&#8243;、Agentless</td><td>Claude Agent SDK の &#8220;agent harness&#8221;、Claude Code</td></tr><tr><td>指しているもの</td><td colspan="2"><strong>ほぼ同じ</strong>(モデルを取り囲むソフト基盤)</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">おおまかには、scaffold は研究や評価の文脈で長く使われてきた言葉で、<strong>harness は製品・実行環境の文脈で2026年に主流化した言葉</strong>という住み分けです<br>新しく記事を読むときは、どちらが出てきても「あぁ、外殻の話ね」と同じ引き出しに入れて大丈夫です</p>



<h2 class="wp-block-heading">Claude Code はハーネスエンジニアリングの実例</h2>



<p class="wp-block-paragraph">抽象的な話が続いたので、身近な実例に落とします<br>私が普段使っている<strong>Claude Code</strong>(Claude にファイル操作やコマンド実行までまかせられるツール)は、まさにハーネスの分かりやすい例です</p>



<p class="wp-block-paragraph">あらためて振り返ってみると、私がClaude Codeを使いこんで「便利になった」と感じた場面の多くは、<strong>モデルが急に賢くなったから</strong>ではありませんでした<br>ファイルを読ませる・コマンドを走らせる・失敗したら差し戻す、といった<strong><span class="swl-marker mark_yellow">周りの段取り(=ハーネス)が整ったから</span></strong>という感覚のほうが近いです</p>



<p class="wp-block-paragraph">ちなみに Anthropic 自身も、Claude Code と同じ土台を<strong>Claude Agent SDK</strong>として公開していて、これを「エージェントハーネス」と位置づけています<br>つまり Claude Code は、ハーネスを実際の製品にした一例だと言えます</p>



<h3 class="wp-block-heading">拡張機構はぜんぶハーネスの部品だった</h3>



<p class="wp-block-paragraph">Claude Code には、いわゆる<strong>拡張機構</strong>と呼ばれる仕組みがいくつかあり、この記事では代表的な4つを取り上げます<br>先ほどの「6つの部品」に重ねて見ると、それぞれの位置づけが分かりやすくなります</p>



<figure class="wp-block-image size-large is-style-shadow"><img decoding="async" width="1200" height="700" src="https://javeo.jp/wp-content/uploads/2026/07/harness-claude-code-mapping.png" alt="Claude Codeの拡張機構 Skills・Agents・MCP・Hooks が ハーネスの部品 段取りの部品化・オーケストレーション・ツール統合・検証と割り込み に対応する図" class="wp-image-5048" srcset="https://javeo.jp/wp-content/uploads/2026/07/harness-claude-code-mapping.png 1200w, https://javeo.jp/wp-content/uploads/2026/07/harness-claude-code-mapping-300x175.png 300w, https://javeo.jp/wp-content/uploads/2026/07/harness-claude-code-mapping-1024x597.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/harness-claude-code-mapping-150x88.png 150w, https://javeo.jp/wp-content/uploads/2026/07/harness-claude-code-mapping-768x448.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>MCP</strong>:外部の道具やデータにつなぐ規格 → ハーネスのツール統合にあたる</li>



<li><strong>サブエージェント(Agents)</strong>:役割ごとに小さな担当を立てて任せる → オーケストレーションにあたる</li>



<li><strong>Hooks</strong>:処理の途中に自動で割り込ませる仕掛け → 検証と回復・権限にあたる</li>



<li><strong>Skills</strong>:再利用できる手順書をまとめておく仕組み → 段取りを部品化する働き</li>
</ul>



<p class="wp-block-paragraph">つまり、Claude Code の拡張機構をいじるという作業は、実は自分の手でハーネスを組み替えているのと同じことなんです<br>拡張機構そのものの入門は、こちらで別途まとめています</p>



<p class="wp-block-paragraph"><a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Code拡張機構入門(Skills / Agents / MCP / Hooks)</a><br><a href="https://javeo.jp/claude-code-config-files-guide/" target="_blank" rel="noopener noreferrer">Claude Code設定ファイル早見表</a></p>



<p class="wp-block-paragraph">同じ枠組みは Claude 以外にもあります<br>OpenAI の<strong>Codex CLI</strong>や Google の Gemini CLI も、モデルの周りに独自のハーネスを組んだ製品で、各社が自前の外殻で腕を競っている、という構図です</p>



<p class="wp-block-paragraph">なので、これからエージェント系のツールを選ぶときは、モデル名だけでなく、どんなハーネスを積んでいるかにも目を向けると、実際の使い勝手が見えてきます<br>同じモデルを積んでいても、使える道具の多さや失敗したときの粘り強さで、体感はけっこう変わってきます</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">ハーネスエンジニアリングのよくある質問</h2>



<div class="swell-block-faq" data-q="col-text" data-a="col-text">
<div class="swell-block-faq__item"><h3 class="faq_q">ハーネスと scaffold は違うものですか?</h3><div class="faq_a">
<p class="wp-block-paragraph">ほぼ同じものを指します<br>scaffold は研究・評価まわりで長く使われてきた語、ハーネスは製品・実行環境まわりで新しめに広まった語、というニュアンスの差くらいに思って大丈夫です</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">ハーネスエンジニアリングは新しい技術ですか?</h3><div class="faq_a">
<p class="wp-block-paragraph">技術そのものは以前からありました<br>ツール統合やループといった仕組み自体は前からあり、それらをまとめて「ハーネスの設計」と呼んで一つの分野として名指す言い方が、2026年に広まった、という理解が近いです</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">SWE-bench の evaluation harness と同じ意味ですか?</h3><div class="faq_a">
<p class="wp-block-paragraph">語源は同じですが別物です<br>evaluation harness は提出コードを自動で採点する仕組みを指します<br>この記事の「モデルを取り囲む外殻」とは別の意味なので、文脈で見分けてください</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">ハーネスがあれば、もうプロンプトは要らないですか?</h3><div class="faq_a">
<p class="wp-block-paragraph">そんなことはありません<br>プロンプト・コンテキスト・ハーネスは置き換えの関係ではなく、外側へ広がっていく包含の関係です<br>良い足場の上でも、指示文の作り込みは今も効いてきます</p>
</div></div>
</div>



<h2 class="wp-block-heading">まとめ 次回はハーネスの中の&#8221;ループ&#8221;を深掘り</h2>



<p class="wp-block-paragraph">最後に、この記事の要点を振り返っておきます</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list is-style-check_list -list-under-dashed has-background">
<li><strong>ハーネスエンジニアリングとは</strong>、モデルを取り囲む外殻(足場)を設計する営み</li>



<li>定式は <strong>Agent = Model + Harness</strong>、同じモデルでも足場で成果が変わる</li>



<li>外殻はツール統合・メモリと状態・コンテキスト管理・ループ・検証と回復・権限の<strong>6部品</strong></li>



<li><strong>scaffold とハーネスはほぼ同義</strong>、語感と使われる場面の違いくらい</li>



<li><strong>Claude Code</strong> はハーネスの実例、拡張機構はその部品</li>
</ul>



<p class="wp-block-paragraph">今回は外殻の全体像を押さえました<br>次回は、その中でも司令塔にあたるオーケストレーションループ、いわゆる<strong>エージェントループ</strong>を一段深く掘り下げます</p>



<p class="wp-block-paragraph">「考える→動く→結果を見る→また動く」をどう回すか、その設計に注目したエージェントループの話です<br>続きは次回の<strong>ループエンジニアリング</strong>でどうぞ</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/loop-engineering-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">エージェントループとは 推論と行動を繰り返す仕組み</a>
						<span class="p-blogCard__excerpt">AIエージェントが自分で考えて動き続ける正体がエージェントループです この記事では推論 行動 観測を停止条件まで繰り返す基本のしくみを ReActの由来やClaude Codeの実例とあわせて解説し 後半では2026年に登場したループエンジニアリングという新しい考え方も等身大で紹介します</span>					</div>
				</div>
			</div>
		</div>


<h3 class="wp-block-heading">連載「AIの○○エンジニアリング」の記事一覧</h3>



<ul class="wp-block-list -list-under-dashed">
<li><a href="https://javeo.jp/ai-engineering-4types/" target="_blank" rel="noopener noreferrer">連載ハブ:AIの5つの○○エンジニアリング総まとめ</a></li>



<li><a href="https://javeo.jp/prompt-engineering-basics/" target="_blank" rel="noopener noreferrer">1本目:プロンプトエンジニアリングとは</a></li>



<li><a href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">2本目:コンテキストエンジニアリングとは</a></li>



<li><strong>3本目:ハーネスエンジニアリングとは(この記事)</strong></li>



<li><a href="https://javeo.jp/loop-engineering/" target="_blank" rel="noopener noreferrer">4本目:エージェントループの話</a></li>



<li><a href="https://javeo.jp/graph-engineering/" target="_blank" rel="noopener noreferrer">5本目:グラフエンジニアリングの話</a></li>
</ul>



<p class="wp-block-paragraph">用語をまとめて確認したい方は、<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集</a>もあわせてどうぞ</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/harness-engineering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>エージェントループとは 推論と行動を繰り返す仕組み</title>
		<link>https://javeo.jp/loop-engineering/</link>
					<comments>https://javeo.jp/loop-engineering/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Wed, 22 Jul 2026 22:30:00 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[生成AI]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=5030</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/loop-engineering-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>AIエージェントが自分で考えて動き続ける正体がエージェントループです この記事では推論 行動 観測を停止条件まで繰り返す基本のしくみを ReActの由来やClaude Codeの実例とあわせて解説し 後半では2026年に登場したループエンジニアリングという新しい考え方も等身大で紹介します]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/loop-engineering-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">AIエージェントが勝手にファイルを読んで、コマンドを試して、結果を見てまた次の手を打つ<br>あの「自分で考えて動き続ける」感じの正体が<strong>エージェントループ</strong>です<br>エージェントループとは何か、という問いにひとことで答えるなら<strong><span class="swl-marker mark_yellow">推論と行動を停止条件まで繰り返すしくみ</span></strong>のことです</p>



<p class="wp-block-paragraph">この記事は「AIの◯◯エンジニアリング」連載の4本目、テーマはエージェントループです<br>前回のハーネスエンジニアリングが「AIを取り囲む器」の話だったのに対して、今回はその器の中でぐるぐる回っている<strong>反復そのもの</strong>を見ていきます</p>



<p class="wp-block-paragraph">読んでもらうと、だいたい次のことが分かるようになります</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>エージェントループの中身</strong>:推論→行動→観測→再行動という4つの流れと、止まるための条件</li>



<li><strong>ハーネスとの違い</strong>:器(ハーネス)とその中の反復(ループ)をどう切り分けるか</li>



<li><strong>ループエンジニアリング</strong>:2026年に登場したばかりの新しい考え方(ここは新しさと未確定さを添えて紹介)</li>
</ul>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><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>


<h2 class="wp-block-heading">エージェントループとは?まず結論から</h2>



<p class="wp-block-paragraph">結論から言うと、エージェントループとは<strong>AIが「考える→動く→結果を見る→また動く」を目標達成まで繰り返す反復</strong>のことです<br>研究者のあいだでは「ツールを持たせたAIを while ループの中で回す」という言い方で説明されることもあります</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong>エージェントループとは</strong>、AIエージェントが<strong><span class="swl-marker mark_yellow">推論(考える)・行動(ツールを使う)・観測(結果を見る)</span></strong>を、あらかじめ決めた停止条件を満たすまで何度も回し続けるしくみのことです<br>1回のやり取りで終わる普通のチャットと違い、自分の行動の結果を見てから次の一手を決めるのが持ち味です</p>
</div></div>



<p class="wp-block-paragraph">普通のチャットは、こちらが1回質問して、AIが1回答えて、それで一区切りです<br>この「1問1答」のかたちだと、AIは自分の答えが正しかったかどうかを確かめられません</p>



<p class="wp-block-paragraph">エージェントループでは、そこに<strong>結果を観測して次に活かす</strong>という輪が足されます<br>たとえば「コードを直して」と頼むと、AIはファイルを読んで書き換え、テストを走らせます<br>エラーが出たらその中身を見て直す、というふうに<strong><span class="swl-marker mark_yellow">自分の行動を材料にして進み続ける</span></strong>わけです</p>



<p class="wp-block-paragraph">この反復のかたまりは、界隈では「エージェンティックループ」と呼ばれることもあります<br>言い回しは揺れますが、指しているものはほぼ同じで、<strong>ツールを使いながら自走する反復</strong>だと思ってもらえば十分です</p>



<p class="wp-block-paragraph">身近な例で考えると、知らない街でお店を探すときの動きに近いです<br>地図を見て見当をつけ(推論)、その方向へ歩き(行動)、看板やお店の様子を確かめて(観測)、違っていたら引き返してまた探す(再行動)<br>この「やってみて、確かめて、直す」の繰り返しは人間なら当たり前ですが、その輪をAIに構造として持たせたのがエージェントループだと考えると、ぐっと身近に感じられると思います</p>



<h2 class="wp-block-heading">ハーネスとループの違い 器と反復で切り分ける</h2>



<p class="wp-block-paragraph">連載を読んでいる方だと、前回のハーネスと今回のループが似て聞こえるかもしれません<br>ここは最初に切り分けておきたいところなので、対比で整理します</p>



<p class="wp-block-paragraph">この連載では、AIの作り込みが<strong>プロンプトエンジニアリング → コンテキスト → ハーネス → ループ</strong>と段を上がってきた、という流れで見ています<br>プロンプトが「1回の指示文を磨く」話、コンテキストが「渡す材料をそろえる」話、ハーネスが「器を整える」話だとすると、ループはその器の中で「どう回すか」を扱う一番内側の話にあたります<br>だから前回までの積み重ねの上に、今回の反復が乗っている関係だと考えてもらえると、位置づけがつかみやすいはずです</p>



<p class="wp-block-paragraph">ざっくり言うと、<strong>ハーネスは外側の器</strong>で、<strong>ループはその器の中で回っている反復</strong>です<br>ハーネスエンジニアリングでは「Agent = Model + Harness(エージェント=モデル+ハーネス)」という式が使われていました<br>モデル本体を除いた、ツール連携・メモリ・権限のガードレールといった土台をまとめたのがハーネスで、その土台の上で「考えて動く」を繰り返す動きがエージェントループにあたります</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:560px;"><thead><tr><th>観点</th><th>ハーネス(器)</th><th>エージェントループ(反復)</th></tr></thead><tbody><tr><td>役割</td><td>AIを取り囲む土台一式</td><td>その中で回る動きそのもの</td></tr><tr><td>例えると</td><td>キッチンや道具</td><td>調理の手順を繰り返すこと</td></tr><tr><td>主な中身</td><td>ツール統合・メモリ・権限・状態管理</td><td>推論→行動→観測→再行動</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">ハーネスエンジニアリングの詳しい話は前回でまとめています</p>



<p class="wp-block-paragraph">前回の<strong>ハーネスエンジニアリング</strong>もあわせてどうぞ</p>


<div class="swell-block-postLink">			<div class="p-blogCard -internal" data-type="type1" data-onclick="clickLink">
				<div class="p-blogCard__inner">
					<span class="p-blogCard__caption">あわせて読みたい</span>
					<div class="p-blogCard__thumb c-postThumb"><figure class="c-postThumb__figure"><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/07/harness-engineering-300x158.jpg" alt="" class="c-postThumb__img u-obf-cover" width="320" height="180"></figure></div>					<div class="p-blogCard__body">
						<a class="p-blogCard__title" href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">ハーネスエンジニアリングとは AIの外殻を設計する話</a>
						<span class="p-blogCard__excerpt">ハーネスエンジニアリングとは モデル本体を取り囲む外殻(ツール統合・メモリ・状態・コンテキスト管理・ループ・検証・権限)を設計する新しい考え方です Agent=Model+Harnessという定式や scaffold との呼び分け Claude Code が実例である理由を初心者向けにまとめました</span>					</div>
				</div>
			</div>
		</div>


<div class="wp-block-group is-style-big_icon_hatena"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">ここは書き手によって見方が分かれるところなので、先に断っておきます<br>「ループはハーネスの一部」という整理が主流ですが、資料によっては「ループはハーネスに<strong>調整されるもの</strong>で、構成要素そのものではない」とする立場もあります<br>この記事では<strong><span class="swl-marker mark_yellow">器(ハーネス)と、その中の反復(ループ)</span></strong>という切り分けで進めますが、境目はまだきっちり固まっていないと覚えておいてください</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">ループの中身 推論→行動→観測→再行動</h2>



<p class="wp-block-paragraph">エージェントループの中身は、大きく4つの動きに分けられます<br>ぐるっと1周してみると、なぜAIが自走できるのかが見えてきます</p>



<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">推論(考える)</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">いまの状況とゴールを見て、次に何をすべきかをAIが考えます<br>「まずこのファイルを読もう」といった、次の一手の判断がここです</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">
<p class="wp-block-paragraph">考えた一手を、実際のツールで実行します<br>ファイルを開く・検索する・コマンドを走らせるといった、外の世界への働きかけです</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">
<p class="wp-block-paragraph">行動の結果を受け取ります<br>検索でヒットした中身・コマンドの出力・テストの合否など、ここで初めて答え合わせができます</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">
<p class="wp-block-paragraph">観測した結果をふまえて、また推論に戻ります<br>うまくいっていれば次の作業へ、失敗していれば直し方を考えて、輪をもう1周まわします</p>
</div></div>
</div>



<p class="wp-block-paragraph">ポイントは、この4つが1回で終わらず<strong><span class="swl-marker mark_yellow">ゴールに届くまで何度も回る</span></strong>ところです<br>人間なら「トライして、様子を見て、直して、またトライ」を無意識にやっています<br>その無意識の流れを、AI側では<strong>構造として組み込んである</strong>わけです</p>



<p class="wp-block-paragraph">この輪でとくに効いてくるのが<strong>行動と観測のセット</strong>です<br>AIがどれだけ賢く推論しても、外の世界に触れて結果を持ち帰れなければ、思い込みのまま突き進んでしまいます<br>ツールという手足で実際に動かし、その結果を観測して受け取るからこそ、間違いに気づいて直せるわけです</p>



<p class="wp-block-paragraph">ここで欠かせないのが<strong>停止条件</strong>です<br>「ゴールに到達した」「回数の上限に来た」「これ以上進めないと判断した」といった条件を決めておかないと、ループはいつまでも回り続けてしまいます</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">停止条件を軽く見ると、同じ失敗をぐるぐる繰り返して<strong><span class="swl-marker mark_yellow" style="color:#e8313b">時間もAIの利用コストも無駄に消える</span></strong>ことがあります<br>ループを回すAIには、うまくいったら止まる・行き詰まったら止まる、という出口を用意しておくのが安全です</p>
</div></div>


<div class="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">ReAct からエージェントループへ 概念の出どころ</h2>



<p class="wp-block-paragraph">「考えて動く」を繰り返す発想は、急に出てきたものではありません<br>もとをたどると、2022年に発表された<strong>ReAct</strong>という手法にたどり着きます</p>



<p class="wp-block-paragraph">ReActは Reasoning(推論)と Acting(行動)を組み合わせた造語で、Yao らの研究で示されました<br>それまでは「AIに考えさせる」か「AIに行動させる」かのどちらか寄りだったところに、<strong><span class="swl-marker mark_yellow">考えることと動くことを交互に織り交ぜる</span></strong>やり方を持ち込んだのがポイントです</p>



<p class="wp-block-paragraph">たとえば「AだからBのはず」と推論だけで突き進むと、途中の思い込みに気づけないまま答えを出してしまいます<br>ReActの考え方では、推論のあいだに<strong>実際の行動と観測をはさむ</strong>ので、事実で答え合わせをしながら進めます<br>この「考えながら確かめる」の積み重ねが、そのままループの1周1周になっていると見ると、両者がつながって見えてきます</p>



<p class="wp-block-paragraph">この「推論と行動を行き来する」考え方を具体的なループのかたちにしたものが、いま言うところのエージェントループにあたります<br>だからエージェントループという言葉じたいは、思いつきの造語ではなく<strong>すでに定着した中核の概念</strong>だと受け取ってもらって大丈夫です</p>



<p class="wp-block-paragraph">用語の位置づけをもう少し整理したい方は、AI用語をまとめたハブ記事も用意しています</p>



<p class="wp-block-paragraph">あわせて読む:<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集(生成AI・エージェント関連をまとめて解説)</a></p>



<h2 class="wp-block-heading">Claude Code が実際に回しているループ</h2>



<p class="wp-block-paragraph">ここからは私の体験ベースで話します<br>身近にエージェントループを感じられるのが、AIにコード作業を任せられる<strong>Claude Code</strong>だからです<br>Claude Code はデスクトップ向けのAIツールで、黒い画面にコマンドを打たなくても、こちらのお願いをうけてAIが自分でファイルを触ってくれます</p>



<p class="wp-block-paragraph">私が「このスクリプトの不具合を直して」とお願いしたとき、Claude Code はだいたい次のように動きました</p>



<ul class="wp-block-list is-style-num_circle -list-under-dashed">
<li>関係しそうなファイルを探して読む(推論と行動)</li>



<li>あたりを付けて書き換える(行動)</li>



<li>テストや実行を走らせて結果を見る(観測)</li>



<li>エラーが残っていれば原因を考えて、また直す(再行動)</li>
</ul>



<p class="wp-block-paragraph">これはまさに、さっき見た<strong>推論→行動→観測→再行動</strong>の輪がそのまま動いている状態です<br>1回で直らなくても、結果を見て自分で軌道修正してくれるので、こちらは細かい手順を指示しなくても仕上がりに近づいていきます</p>



<p class="wp-block-paragraph">裏で走っているコマンドは、Claudeが自分の判断で実行しているプログラム命令です<br>私たちがターミナル(黒い画面)を触る必要はなく、<strong><span class="swl-marker mark_yellow">お願いと確認だけでループに乗れる</span></strong>のが、初心者にとってのありがたさだと感じています</p>



<p class="wp-block-paragraph">面白いのは、ループの途中でこちらに<strong>確認を求めてくる</strong>場面があるところです<br>ファイルを書き換える前や、影響の大きいコマンドを走らせる前に、いったん手を止めて「これで進めていいか」を尋ねてくれます<br>ループは自走しますが、要所で人が承認を挟めるようになっていて、任せきりにする不安をやわらげてくれるのが助かるところです<br>ただし、どこで手を止めるかは権限まわりの設定しだいです<br>確認を省く設定にしていれば、止まらずに進んでいきます</p>



<p class="wp-block-paragraph">Claude Code そのものの拡張のしくみは、別記事でまとめています</p>



<p class="wp-block-paragraph">あわせて読む:<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Code 拡張機構入門(4つの仕組みを総まとめ)</a></p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">ループエンジニアリングとは?2026年に生まれた新しい考え方</h2>



<p class="wp-block-paragraph">ここまでのエージェントループは、すでに定着した概念でした<br>いっぽう、この節で扱う<strong>ループエンジニアリング</strong>は、生まれてまだ数か月しか経っていない<strong><span class="swl-marker mark_yellow">できたての新しい言葉</span></strong>です<br>そこは差し引いて読んでもらえるよう、はっきり書いておきます</p>



<p class="wp-block-paragraph">ループエンジニアリングという呼び方は、2026年6月ごろに Google の Addy Osmani 氏が書いた記事をきっかけに広まりました<br>ただし本人が名付け親を名乗っているわけではなく、同じ時期に複数の書き手が同じ話を始めていました<br>swyx が「Loopcraft(ループを積み重ねる技)」という表現を出し、LangChain も関連記事を公開するなど、<strong>いくつもの発信が重なった時期</strong>です</p>



<p class="wp-block-paragraph">命名の手柄が誰にあるのかは資料によって割れていて、そこも含めて<strong><span class="swl-marker mark_yellow">立ち上がったばかりで固まっていない分野</span></strong>だと受け取るのが正確です<br>長く残る言葉になるのか、別の呼び方に吸収されるのかは、まだ見えていません</p>



<p class="wp-block-paragraph">では、なぜ今この言葉が出てきたのか?<br>エージェントが一度の指示で長く走り、何十周もループを回すようになってきたからです<br>1周ずつが短ければループの良し悪しは目立ちませんが、長く回るほど<strong>どう回すかの設計が結果を左右する</strong>ようになり、そこにあらためて名前が付いた、という流れだと私は理解しています</p>



<p class="wp-block-paragraph">肝心の中身はこうです<br>これまでは「AIに良いプロンプトを書く」ことに力を注いでいましたが、ループエンジニアリングでは発想を一段ずらして、<strong>AIをプロンプトする&#8221;ループ(しくみ)&#8221;のほうを設計する</strong>ことに軸を置きます<br>言い換えると、手を動かすのはAIに任せて、そのAIをどう回すかを人が組み立てる、という考え方です<br>ただしループを組むようになっても、1周ずつでAIに渡す指示文の作り込みが要らなくなるわけではありません<br>プロンプト・コンテキスト・ハーネス・ループは<strong>置き換えではなく積み上げの関係</strong>です</p>



<p class="wp-block-paragraph">料理でたとえるなら、これまでは「おいしく作って」と料理人(AI)に上手に頼むのがプロンプトの工夫でした<br>ループエンジニアリングは、料理人そのものより、注文が入る流れ・味見のタイミング・出し終わりの合図といった<strong>厨房の回し方のほうを設計する</strong>側に立つイメージです<br>作るのは料理人に任せて、どう回すかを組む、という役割分担だと考えると、新しさの手ざわりがつかめると思います</p>



<p class="wp-block-paragraph">では、ループの何を設計するのか?<br>よく挙がるのが次の4つの設計対象です</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:560px;"><thead><tr><th>設計対象</th><th>ざっくり言うと</th></tr></thead><tbody><tr><td>トリガー</td><td>どんなきっかけでループを回し始めるか</td></tr><tr><td>トポロジー</td><td>ループをどう並べる・つなぐか(直列・並列・入れ子など)</td></tr><tr><td>検証器</td><td>各周の結果が良かったかを、何でチェックするか</td></tr><tr><td>停止ルール</td><td>どうなったらループを止めるか</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">この4つを見て気づくかもしれません<br>停止ルールや検証は、さっきの<strong>停止条件</strong>や<strong>観測</strong>と地続きの話です<br>つまりループエンジニアリングは、まったくの別物というより<strong><span class="swl-marker mark_yellow">エージェントループを&#8221;設計の対象&#8221;として捉え直したもの</span></strong>と見ると腑に落ちやすいです</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">この分野はまだ揺れている最中なので、断定は控えめにしておきます<br>ループとハーネスの線引きも書き手ごとに違い、ループエンジニアリングをハーネスエンジニアリングの一部と見る人もいれば、独立した営みとして扱う人もいます<br>いま無理にどちらかへ決めつけず、<strong>そういう新しい潮流が動き始めている</strong>くらいの温度感で押さえておくのがちょうど良いと思います</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">まとめ エージェントループの要点と連載ナビ</h2>



<p class="wp-block-paragraph">エージェントループとは、AIが<strong>推論→行動→観測→再行動</strong>を停止条件まで繰り返す反復のしくみでした<br>要点をおさらいしておきます</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list is-style-check_list -list-under-dashed has-background">
<li>エージェントループ=推論と行動と観測を、停止条件まで繰り返す自走のしくみ</li>



<li>ハーネス(器)とループ(その中の反復)は分けて捉える、ただし境目は論者で揺れる</li>



<li>発想の源流は2022年の ReAct、エージェントループ自体は定着した中核概念</li>



<li>Claude Code は、結果を見て直す輪を回して自走する身近な例</li>



<li>ループエンジニアリングは2026年6月に生まれた新しい言葉、長期定着はまだ未確定</li>
</ul>



<div class="swell-block-faq" data-q="col-text" data-a="col-text">
<div class="swell-block-faq__item"><h3 class="faq_q">エージェントループとエージェンティックループは違うもの?</h3><div class="faq_a">
<p class="wp-block-paragraph">ほぼ同じものを指す言い回しの違いだと考えて大丈夫です<br>どちらも、ツールを使いながら推論と行動を繰り返す自走の反復を指しています</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">ループエンジニアリングはもう覚えておくべき?</h3><div class="faq_a">
<p class="wp-block-paragraph">言葉として押さえておく価値はありますが、生まれて数か月の新しい概念なので、定義が今後変わる前提で見ておくのがおすすめです<br>まずは土台のエージェントループを理解しておけば、名前が変わっても中身は追えます</p>
</div></div>
</div>



<p class="wp-block-paragraph">この記事は連載「AIの◯◯エンジニアリング」の1本です<br>ほかの回もあわせてどうぞ(公開まで少しお待ちください)</p>



<ul class="wp-block-list -list-under-dashed">
<li><a href="https://javeo.jp/ai-engineering-4types/" target="_blank" rel="noopener noreferrer">連載ハブ:AIの◯◯エンジニアリング 5つの型まとめ</a></li>



<li><a href="https://javeo.jp/prompt-engineering-basics/" target="_blank" rel="noopener noreferrer">連載#1:プロンプトエンジニアリングとは</a></li>



<li><a href="https://javeo.jp/context-engineering/" target="_blank" rel="noopener noreferrer">連載#2:コンテキストエンジニアリングとは</a></li>



<li><a href="https://javeo.jp/harness-engineering/" target="_blank" rel="noopener noreferrer">連載#3:ハーネスエンジニアリングとは</a></li>



<li><a href="https://javeo.jp/graph-engineering/" target="_blank" rel="noopener noreferrer">連載#5:グラフエンジニアリングとは</a></li>
</ul>



<p class="wp-block-paragraph">4本を1枚の地図としてつないだ総まとめは、連載ハブにまとめています<br>prompt・context・harness・loop を束ねる呼び方として、界隈では「<strong>エージェンティックエンジニアリング</strong>」という言い方も出始めています</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/loop-engineering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>マークダウンの書き方入門 AIに伝わるmd記法まとめ</title>
		<link>https://javeo.jp/markdown-syntax/</link>
					<comments>https://javeo.jp/markdown-syntax/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Tue, 14 Jul 2026 13:40:30 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=4982</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/markdown-syntax-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>マークダウン(Markdown)の書き方を初心者向けにまとめました チャットでよく使う基本記法から CLAUDE.md など AIが読むファイルで使う記法まで網羅し 素のMarkdownとGFM拡張の違いやよくある崩れの直し方まで解説しています]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/markdown-syntax-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">AIに何かをお願いするとき、昔ほどプロンプトを凝る必要はなくなってきました<br>それでも、Claude Code の <strong>CLAUDE.md</strong> みたいな「AIが読み込むファイル」は、<strong><span class="swl-marker mark_yellow">今もマークダウン(Markdown)で書くのが定番</span></strong>なんです</p>



<p class="wp-block-paragraph">マークダウンは、記号をちょっと添えるだけで見出しや箇条書きを表せる書き方です<br>これを覚えておくと、大きく2つの場面で役に立ちます</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li><strong>AIに構造を正しく伝える</strong>:見出しや箇条書きで整理して渡すと、話の区切りが伝わりやすい</li>



<li><strong>AIが作ったmdファイルを読める・直せる</strong>:CLAUDE.md や README.md を開いても慌てずに済む</li>
</ul>



<p class="wp-block-paragraph">この記事では、チャットでよく打つ基本記法から、チャットでは出番が少ないけどmdファイルで頻出の記法まで、初心者向けにまとめて解説します<br>Claudeそのものの使い方は<a href="https://javeo.jp/claude-howto-beginner/" target="_blank" rel="noopener noreferrer">Claudeの使い方(初心者向け)</a>でも扱っているので、あわせてどうぞ</p>



<figure class="wp-block-image size-large"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1.jpg"><img decoding="async" width="1024" height="550" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1-1024x550.jpg" alt="" class="wp-image-4989" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1-1024x550.jpg 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1-300x161.jpg 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1-150x81.jpg 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1-768x413.jpg 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1-1536x826.jpg 1536w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h49_32-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>記号は10個ほど覚えれば、たいていの場面をカバーできます</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">そもそもマークダウンとは?</h2>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph"><strong>マークダウン(Markdown)とは</strong>、記号を少し添えるだけで見出しや箇条書き・装飾を表せる<strong><span class="swl-marker mark_yellow">軽量マークアップ言語</span></strong>です<br>覚えることが少なく、書いた記号がそのまま残っていても意味を読み取れるのが持ち味です</p>
</div></div>



<p class="wp-block-paragraph">いちばんの狙いは<strong>読みやすさ</strong>で、記号付きのテキストのままでも人がすっと読めるように作られています<br>だからこそ、人が編集して、AIも読む、という使い方に向いていて、CLAUDE.md のような設定ファイルにも採用されています</p>



<p class="wp-block-paragraph">まずは、記号とそれが表す構造の対応をざっと見ておきましょう<br>細かい書き方は次の章でまとめて扱います</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:480px;"><thead><tr><th>記号</th><th>表す構造</th></tr></thead><tbody><tr><td>#</td><td>見出し</td></tr><tr><td>&#8211;</td><td>箇条書き</td></tr><tr><td>**(2つ)</td><td>太字</td></tr><tr><td>` (バッククォート)</td><td>コード</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">作ったのは John Gruber という人で、2004年に考案しました<br>Aaron Swartz も相談役として関わりましたが、共同作者というより協力者という立ち位置です<br>その後、実装ごとの挙動のズレをそろえる CommonMark という標準仕様も整備されています</p>



<p class="wp-block-paragraph">拡張子の <strong>.md</strong> がマークダウンで書かれたファイルの目印で、CLAUDE.md 以外に README.md や AGENTS.md などでも使われます<br>Claude Code の設定ファイルの中身は、<a href="https://javeo.jp/claude-code-config-files-guide/" target="_blank" rel="noopener noreferrer">Claude Code 設定ファイル早見表</a>にまとめています</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">マークダウンの記法一覧</h2>



<p class="wp-block-paragraph">ここからは、マークダウンの記法を<strong><span class="swl-marker mark_yellow">よく使う順に3段階</span></strong>でまとめます<br>「まず覚える」「mdファイルで頻出」「AIのmdで見かける」の順なので、上から読んでいけば無理なく身につきます</p>



<h3 class="wp-block-heading">必須 &#8211; まず覚える</h3>



<p class="wp-block-paragraph">チャットでもmdファイルでも出番が多い、<strong>土台の6つ</strong>です<br>まずはこの書き方から押さえましょう</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="Markdown"><code># 見出し1
## 見出し2

- 箇条書き
- もうひとつ

1. 番号つき
2. その次

**太字** と *斜体*

`インラインコード`

[リンクの文字](https://example.com)</code></pre></div>



<ul class="wp-block-list -list-under-dashed">
<li><strong>見出し</strong>:行頭に # と半角スペース、# の数でレベルが決まる、話題の区切りを示す(<strong><span class="swl-marker mark_yellow" style="color:#e8313b"># の直後の半角スペースは省かない</span></strong>)</li>



<li><strong>箇条書き</strong>:行頭に &#8211; と半角スペース、並列の項目を並べる</li>



<li><strong>番号リスト</strong>:1. の形、手順に使う、番号は打ち間違えても表示は自動で連番になる</li>



<li><strong>太字・斜体</strong>:記号2つで太字、1つで斜体、強調したい語に(単語の途中はアスタリスクが安全)</li>



<li><strong>インラインコード</strong>:バッククォート1つで囲む、コマンドやファイル名を文中で見せる</li>



<li><strong>リンク</strong>:角カッコに表示テキスト、続けて丸カッコにURL</li>
</ul>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>この6つが打てれば、日常のやり取りはほぼ回せます</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">よく使う &#8211; mdファイルで頻出</h3>



<p class="wp-block-paragraph">CLAUDE.md や README.md でよく見る、<strong>少し長めの記法</strong>です<br>チャットでは出番が少なくても、ファイルを読むなら押さえておきたいところ</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="Markdown"><code>```python
print(&quot;hello&quot;)
```

&gt; 引用文はこう書きます

---

| 列A | 列B |
| --- | --- |
| あ  | い  |

- 親の項目
  - 子の項目(半角スペースで下げる)</code></pre></div>



<ul class="wp-block-list -list-under-dashed">
<li><strong>フェンスドコードブロック</strong>:バッククォート3つで前後をはさむ、先頭に python などの言語名を書くとハイライトの合図になる、コードのかたまりを見せる、AIが吐くmdで頻出</li>



<li><strong>引用</strong>:行頭に大なり記号、注記や引用文に使う</li>



<li><strong>表</strong>:縦棒で区切り、見出しの下に区切り行を1本入れる(GFM拡張、対応環境でだけ効く、詳しくは次の章)</li>



<li><strong>水平線</strong>:ハイフンを3つ以上並べた単独行、話題の切れ目に</li>



<li><strong>箇条書きのネスト</strong>:子の項目を半角スペース2〜4個下げて揃える、入れ子の階層を表す(下げ幅は環境で違うので揃えるのが大事)</li>
</ul>



<h3 class="wp-block-heading">知っておいた方がいい &#8211; AIのmdで見かける</h3>



<p class="wp-block-paragraph">自分で書く機会は少なくても、<strong>AIが生成したmd</strong>には顔を出す記法です<br>読めれば、崩さず直せます</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="Markdown"><code>- [ ] 未完了のタスク
- [x] 完了したタスク

~~打ち消し線~~

![代替テキスト](image.png)

[表示テキスト][ref]
[ref]: https://example.com</code></pre></div>



<p class="wp-block-paragraph">マークダウンで足りないところは、HTMLをそのまま書けます<br>AIの生成物では、折りたたみの &lt;details&gt; や改行の &lt;br&gt; あたりでよく見かけます</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="Markdown"><code>段落の途中で改行&lt;br&gt;したいとき

&lt;details&gt;
&lt;summary&gt;クリックで開く&lt;/summary&gt;
折りたたみの中身
&lt;/details&gt;</code></pre></div>



<ul class="wp-block-list -list-under-dashed">
<li><strong>チェックリスト</strong>:角カッコの中を空白で未完了、エックスで完了、ToDoに使う(GFM拡張、対応環境でだけ効く)</li>



<li><strong>打ち消し線</strong>:チルダ2つで前後を囲む、消し込みの表現に(GFM拡張、対応環境でだけ効く)</li>



<li><strong>画像</strong>:リンクの先頭にビックリマークを付ける、代替テキストとURLを続ける</li>



<li><strong>参照リンク</strong>:本文は角カッコにラベル、別の行で「ラベルとコロンとURL」を定義する、リンクが多い文書向け</li>



<li><strong>エスケープ</strong>:記号の直前にバックスラッシュ、意図しない装飾を止める(くわしくは「よくある崩れ」の章で)</li>



<li><strong>HTML直書き</strong>:改行の &lt;br&gt; や折りたたみの &lt;details&gt; など、HTMLをそのまま書ける</li>



<li><strong>setext見出し</strong>:テキストの下に イコール3つ でH1、ハイフン3つ でH2、古いmdで見かけることがある</li>
</ul>



<p class="wp-block-paragraph">最後に、ここまでの記法を早見表にまとめます<br>「どこで使うか」は チャット / mdファイル / AIが生成 の3つに分け、<strong>○=よく使う・△=たまに・×=ほぼ出ない</strong> の目安で示しました<br>迷ったらここに戻ってきてください</p>


<div class="c-scrollHint"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="both" class="wp-block-table"><table style="--table-width:1040px;"><thead><tr><th>記法</th><th>書き方</th><th>レベル</th><th>チャット</th><th>mdファイル</th><th>AIが生成</th></tr></thead><tbody><tr><td>見出し</td><td># と半角スペース</td><td>必須</td><td>○</td><td>○</td><td>○</td></tr><tr><td>箇条書き</td><td>&#8211; と半角スペース</td><td>必須</td><td>○</td><td>○</td><td>○</td></tr><tr><td>番号リスト</td><td>1. の形</td><td>必須</td><td>○</td><td>○</td><td>○</td></tr><tr><td>太字・斜体</td><td>**太字** / *斜体*</td><td>必須</td><td>○</td><td>○</td><td>○</td></tr><tr><td>インラインコード</td><td>バッククォート1つで囲む</td><td>必須</td><td>○</td><td>○</td><td>○</td></tr><tr><td>リンク</td><td>角カッコに文字、丸カッコにURL</td><td>必須</td><td>○</td><td>○</td><td>○</td></tr><tr><td>コードフェンス</td><td>バッククォート3つ+言語名</td><td>よく使う</td><td>△</td><td>○</td><td>○</td></tr><tr><td>引用</td><td>行頭に大なり記号</td><td>よく使う</td><td>△</td><td>○</td><td>○</td></tr><tr><td>表</td><td>縦棒と区切り行(GFM)</td><td>よく使う</td><td>△</td><td>○</td><td>○</td></tr><tr><td>水平線</td><td>ハイフン3つ以上の単独行</td><td>よく使う</td><td>×</td><td>○</td><td>○</td></tr><tr><td>ネスト</td><td>子を半角スペース2〜4個下げる</td><td>よく使う</td><td>△</td><td>○</td><td>○</td></tr><tr><td>チェックリスト</td><td>角カッコに空白かエックス(GFM)</td><td>知っておく</td><td>×</td><td>○</td><td>○</td></tr><tr><td>打ち消し線</td><td>チルダ2つで囲む(GFM)</td><td>知っておく</td><td>×</td><td>△</td><td>△</td></tr><tr><td>画像</td><td>ビックリマーク+代替テキスト+URL</td><td>知っておく</td><td>×</td><td>○</td><td>△</td></tr><tr><td>参照リンク</td><td>角カッコにラベル+別行で定義</td><td>知っておく</td><td>×</td><td>△</td><td>×</td></tr><tr><td>HTML直書き</td><td>&lt;br&gt; や &lt;details&gt; など</td><td>知っておく</td><td>×</td><td>○</td><td>○</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">ここまでで、表・チェックリスト・打ち消し線には「GFM拡張」と付けました<br>これが効くかどうかは貼り先しだいで、その仕組みは次の章で整理します</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">素のマークダウンとGFM拡張・環境依存の違い</h2>



<p class="wp-block-paragraph">「同じ書き方なのに、効いたり効かなかったりする」<br>これがマークダウン最初のつまずきで、答えは<strong><span class="swl-marker mark_yellow">記法が3つの層に分かれている</span></strong>ことにあります</p>



<p class="wp-block-paragraph">3層というのは、素のMarkdown(CommonMarkコア)/ GFM拡張 / 表示環境依存 の3つです<br>ざっくり表にするとこうなります</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:760px;"><thead><tr><th>層</th><th>含まれる記法</th><th>効く場所</th></tr></thead><tbody><tr><td>素のMarkdown(CommonMarkコア)</td><td>見出し・箇条書き・太字/斜体・リンク・画像・引用・水平線・コード</td><td>ほとんどの環境</td></tr><tr><td>GFM拡張</td><td>表・タスクリスト・打ち消し線・URLの自動リンク</td><td>GitHub など GFM に対応した環境だけ</td></tr><tr><td>表示環境依存</td><td>コードの色付け(シンタックスハイライト)</td><td>表示する側の実装しだい</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">CommonMark は、実装ごとにバラバラだったマークダウンの挙動を、あいまいさなく決めた標準仕様です<br>ここに入っている記法は、だいたいどの環境でも同じように効きます</p>



<p class="wp-block-paragraph">いっぽう <strong>GFM(GitHub Flavored Markdown)</strong>は、GitHubがCommonMarkに独自の拡張を足したものです<br>表・タスクリスト・打ち消し線・URL自動リンクは、この<strong>拡張</strong>にあたります<br>つまり<strong><span class="swl-marker mark_yellow" style="color:#e8313b">対応している環境でしか効かない</span></strong>ことがあるんです</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">WordPressの素のエディタや一部のチャット欄では、表やタスクリストが効かず、縦棒や角カッコがそのまま出ることがあります<br>「効かないな」と思ったら、まず貼り先がGFMに対応しているかを疑ってみてください</p>
</div></div>



<p class="wp-block-paragraph">身近な例だと、GitHubで書いたタスクリスト付きのメモを、GFMに対応していないメモアプリに貼るとします<br>すると、チェックボックスが出ずに角カッコがそのまま残ることがあります<br>記法が悪いわけではなく、貼り先がその拡張に対応していないだけ、というケースです</p>



<p class="wp-block-paragraph">もうひとつ紛らわしいのが、コードの<strong>色付け</strong>です<br>言語名を書く「記法」自体はCommonMarkコアなので素のマークダウンの範囲ですが、実際に色を付けるかどうかは表示する側しだいです<br>だから「言語名を書いたのに色が付かない」ことも起こります</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>効いたり効かなかったりの正体は、この3層の切り分けです</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="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">AIに構造を正しく伝えるマークダウンのコツ</h2>



<p class="wp-block-paragraph">ここからが、AIとマークダウンを組み合わせる本題です<br>結論から言うと、<strong><span class="swl-marker mark_yellow">見出しと箇条書きで整理して渡すだけ</span></strong>で、AIの読み違いはかなり減ります</p>



<p class="wp-block-paragraph">これは私の体感だけの話ではなくて、Anthropicの公式ドキュメントでもそう案内されています<br>CLAUDE.md を書くときは「<strong><span class="swl-marker mark_yellow">構造化のために見出しと箇条書きで指示をまとめる</span></strong>」ことが推奨されていて、公式は「Claudeは人と同じように構造をスキャンする」と説明しています</p>



<p class="wp-block-paragraph">なぜ構造が効くかというと、見出しや箇条書きは「ここで話題が変わる」「ここは並列の項目」という区切りを、記号で分かるようにしてくれるからです<br>人が流し読みするときの手がかりと同じものを、AIにも渡しているイメージで捉えると分かりやすいです</p>



<p class="wp-block-paragraph">だらだら続く長い文章より、区切られた見出しのほうが追いやすい、というわけです<br>やることはシンプルで、次の3つを意識するだけで整います</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li><strong>見出し</strong>で話題の階層を示す(大きな話題は上位、細かい話題は下位の見出しに)</li>



<li><strong>箇条書き</strong>で並列の項目を並べる(手順や条件を1行ずつ)</li>



<li><strong>コードのかたまり</strong>はコードフェンスで区切る(命令と説明が混ざらない)</li>
</ul>
</div></div>



<p class="wp-block-paragraph">たとえば「まずAをして、次にBをして、最後にCを確認して」とベタ書きするより、手順を箇条書きで1つずつ並べたほうが、AIは順番を取り違えにくくなります<br>渡す前に自分でざっと読み返して、区切りが見えるかを確かめるのがコツです</p>



<p class="wp-block-paragraph">逆に、全部を1つの長い段落に詰め込むと、どこが指示でどこが補足か分かりにくくなります<br>難しく考えず、話題ごとに見出しを立てて、並ぶものは箇条書きにする<br>それだけでAIに渡す情報がぐっと整理されます</p>



<p class="wp-block-paragraph">コードフェンスの区切りも、AIに渡すときに効いてきます<br>コマンドや設定を三連バッククォートで囲んでおくと、そこが「そのまま扱うコード」だとAIに伝わり、説明文と混ざって解釈される事故が減ります<br>短い1行でも、コードはコードとして囲っておくと安全です</p>



<p class="wp-block-paragraph">Claude Code の拡張機構そのものに興味が出たら、<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Code 拡張機構入門</a>もあわせてどうぞ</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">AIが作ったmdファイルを読む・直すコツ</h2>



<p class="wp-block-paragraph">AIに任せていると、CLAUDE.md のようなmdファイルをAI自身が書いてくれる場面が増えてきます<br>中身を読めるようになると、気になったところを自分で微調整できます</p>



<p class="wp-block-paragraph">たとえば、こんな中身のCLAUDE.md があったとします</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-markdown" data-lang="Markdown"><code># プロジェクトの前提

このプロジェクトは Python 製の集計ツールです

## コーディング規約

- インデントはスペース4つ
- 文字コードは UTF-8

## やってほしいこと

1. まずテストを書く
2. それから実装する</code></pre></div>



<p class="wp-block-paragraph">読み方はシンプルです<br><strong>#</strong> ではじまる行が見出し(話題の区切り)、<strong>&#8211;</strong> や数字ではじまる行が箇条書き<br>あとはふつうの文章、と分けて読めば構造がつかめます</p>



<p class="wp-block-paragraph">直すときに崩れやすいのは、見出しの記号やインデントのあたりです<br>1行いじったら、エディタのプレビューで表示が崩れていないかを確認すると安心です</p>



<p class="wp-block-paragraph">特に、見出しの <strong>#</strong> と本文のあいだの空行や、箇条書きのインデントは崩しやすいところです<br>コピペで持ってくると全角スペースが紛れ込むこともあるので、貼ったあとに一度プレビューを見ておくと、そのまま進めて大丈夫か判断できます</p>



<p class="wp-block-paragraph">読むときのコツとして、インデント(行頭の字下げ)にも注目すると構造がつかみやすくなります<br>字下げされた箇条書きは、上の項目のさらに細かい中身、という入れ子の関係を表しています<br>ここが半端にずれていると階層を取り違えやすいので、直すときは字下げの幅をそろえておくと崩れにくくなります</p>



<figure class="wp-block-image size-large"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51.png"><img decoding="async" width="1024" height="550" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51-1024x550.png" alt="" class="wp-image-4990" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51-1024x550.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51-300x161.png 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51-150x81.png 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51-768x413.png 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51-1536x826.png 1536w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-14_21h53_51.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p class="wp-block-paragraph">「触るのはちょっと怖い」というときは、<strong><span class="swl-marker mark_yellow">直し方をClaude自身に頼んでしまう</span></strong>のが早いです<br>ただし丸投げにはせず、<strong>書き込む前に直した内容を提示してもらう</strong>ようにすると、意図しない変更を防げます</p>



<div class="swell-block-capbox cap_box"><div class="cap_box_ttl"><span>そのまま使える頼み方の例</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">この CLAUDE.md の「コーディング規約」に1項目足したいです<br>まず直した全文をここに出してから、私がOKしたら書き込んでください</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>自信がないときは、直し方をClaudeに聞いてしまうのが早いです</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<h2 class="wp-block-heading">マークダウンでよくある崩れとつまずき対処</h2>



<p class="wp-block-paragraph">最後に、初心者がつまずきやすい「崩れ」を、症状・原因・直し方でまとめておきます<br>ほとんどは<strong><span class="swl-marker mark_yellow">記号のまわりを半角スペースで揃える</span></strong>と解決します</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table"><table style="--table-width:900px;"><thead><tr><th>症状</th><th>よくある原因</th><th>直し方</th></tr></thead><tbody><tr><td>改行が反映されない</td><td>行末の半角スペース2個が消えた/単一改行として扱われた</td><td>空行で段落を分ける・行末に半角スペース2個・&lt;br&gt;</td></tr><tr><td>リストのインデントがずれる</td><td>タブと半角スペースの混在・インデント量がバラバラ</td><td>半角スペース2〜4個で揃える(揃えることが大事)</td></tr><tr><td>記号がそのまま出る/消える</td><td>記号が装飾として発動してしまう</td><td>直前にバックスラッシュ \ でエスケープ</td></tr><tr><td>見出しにならない</td><td># の直後にスペースが無い</td><td># の後に半角スペースを入れる</td></tr><tr><td>記法が効かないことがある</td><td>全角スペースが混ざっている</td><td>半角スペースに打ち直す</td></tr><tr><td>コードに色が付かない</td><td>言語名の指定漏れ</td><td>フェンスの後に言語名(色は環境しだい)</td></tr><tr><td>表が崩れる</td><td>縦棒と区切り行のずれ・列数の不一致</td><td>列数を揃える・区切り行を入れる</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">いくつか補足します<br><strong>行末の半角スペース2個</strong>は目に見えないうえ、エディタが保存時に勝手に消すことがあります<br>強制的に改行したいなら、行末にバックスラッシュ <strong>\</strong> を置く方法もあります<br>改行が消えて困るときは、空行で段落を分けるか <strong>&lt;br&gt;</strong> を使うのが無難です</p>



<p class="wp-block-paragraph">全角スペースは日本語入力あるあるの落とし穴です<br>マークダウンの記法は半角スペースを前提にしているので、<strong>#</strong> の後などに全角スペースが入ると認識されないことがあります<br>「なぜか効かない」ときは、いちど半角に打ち直してみてください</p>



<p class="wp-block-paragraph">エスケープも覚えておくと便利です<br>たとえば商品名に付けたアスタリスクが2つ並ぶと太字の記号と解釈されたり、変数名の <strong>my_var_name</strong> に含まれるアンダースコアが斜体の合図とみなされて、途中が斜体に化けたりします<br>そのまま文字として出したいときは、記号の直前にバックスラッシュを1つ足すと、装飾が発動しなくなります</p>



<p class="wp-block-paragraph">表がうまく出ないときは、直す前に貼り先がGFMに対応しているかをまず確かめてください<br>対応していれば、各行で縦棒の数をそろえて、見出しの下に区切り行を1本入れれば整います<br>列の中で縦棒そのものを文字として使いたいときは、その縦棒の前にもバックスラッシュを足すと、区切りと勘違いされずに済みます</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


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



<p class="wp-block-paragraph">マークダウンは、記号を少し添えるだけで構造を表せる書き方です<br>AIに指示を渡すときも、AIが書いたmdファイルを読むときも、同じ記法が土台になります</p>



<ul style="background-color:#FFFFDC80" class="wp-block-list -list-under-dashed has-background">
<li>まずは見出し・箇条書き・太字・リンクの基本記法から</li>



<li>表やタスクリストは <strong>GFM拡張</strong>=対応環境だけで効く</li>



<li>AIに渡すときは見出しと箇条書きで構造を整理する</li>



<li>崩れたら半角スペースで揃える・プレビューで確認・迷ったらClaudeに直してもらう</li>
</ul>



<p class="wp-block-paragraph">設定まわりをもう少し知りたくなったら、<a href="https://javeo.jp/claude-desktop-settings-guide/" target="_blank" rel="noopener noreferrer">Claudeデスクトップアプリの設定ガイド</a>もあわせてどうぞ</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>


<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/markdown-syntax/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Claude設定メニュー全解説｜デスクトップ全15項目</title>
		<link>https://javeo.jp/claude-desktop-settings-guide/</link>
					<comments>https://javeo.jp/claude-desktop-settings-guide/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Sat, 11 Jul 2026 08:49:17 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[MCP]]></category>
		<category><![CDATA[初心者]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=4950</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/claude-desktop-settings-guide-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>Claudeデスクトップアプリの設定メニューは大区分3・中区分15項目 この記事では全項目を公式情報ベースで解説します プライバシーのデータ学習トグルやClaude Codeの権限モード、スキル・コネクタ・プラグインの違いまで、初心者がまず押さえたい設定と触ると危ない設定を切り分けて紹介します]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/07/claude-desktop-settings-guide-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph"><strong>Claudeの設定メニュー</strong>、開いてみたら項目が多くて、どこを触ればいいのか迷った経験はありませんか？<br>Claudeデスクトップアプリの設定は、大区分が3つ・その中に中区分が15項目という構成になっています</p>



<p class="wp-block-paragraph">この記事では、その15項目をまるごと順番に解説していきます<br>公式ドキュメントで裏を取りながら、初心者がまず押さえたい設定と、うっかり触ると危ない設定を切り分けて紹介するので、設定画面の全体像がつかめるはずです</p>



<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1.png"><img decoding="async" width="1024" height="538" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1-1024x538.png" alt="Claudeデスクトップアプリの設定メニュー全体" class="wp-image-4960" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1-1024x538.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1-300x158.png 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h31_08-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p class="is-style-note_txt wp-block-paragraph">設定メニューを開いたところ。左に大区分3つ・全15項目が並びます</p>



<p class="wp-block-paragraph">本題に入る前に、設定メニューの開き方だけ確認しておきます<br>迷いやすいのは最初の入り口だけで、開いてしまえばあとは区分を切り替えるだけです</p>



<div class="swell-block-step is-style-small" data-num-style="circle">
<div class="swell-block-step__item"><div class="swell-block-step__number"><span class="__shape u-col-main" role="presentation"></span><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-m">左下のプロフィールアイコンを押す</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">画面左下にある名前（プロフィール）のアイコンをクリックします</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number"><span class="__shape u-col-main" role="presentation"></span><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-m">メニューから「設定」を選ぶ</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">出てきたメニューの中から「設定」を選ぶと、設定画面が開きます</p>
</div></div>



<div class="swell-block-step__item"><div class="swell-block-step__number"><span class="__shape u-col-main" role="presentation"></span><span class="__label">STEP</span></div><div class="swell-block-step__title u-fz-m">左側で3区分を切り替える</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">左側で「設定」「デスクトップアプリ」「カスタマイズ」を切り替えれば、15項目のどこへでも移れます</p>
</div></div>
</div>



<h2 class="wp-block-heading">まず前提 この画面は「アプリ全体」の設定です</h2>



<p class="wp-block-paragraph">先に大事な前提を1つ<br>この設定メニューでは、コード開発（Code）やおまかせ作業（Cowork）といった<strong>一部の機能だけでなく、Claudeデスクトップアプリ全体の設定</strong>ができます</p>



<p class="wp-block-paragraph">いまのアプリは画面上部が<strong><span class="swl-marker mark_yellow">Home と Code の2つのタブ</span></strong>に分かれていて、Homeの中でチャットとCoworkを切り替えます<br>その全部にまたがる設定が、この1つのメニューにまとまっている、というわけです</p>



<p class="wp-block-paragraph">アプリの構成はわりと頻繁に変わるので、タブの並びは自分の画面で確認してください</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<h2 class="wp-block-heading">設定メニューの全体像 大区分3・中区分15の早見表</h2>



<p class="wp-block-paragraph">細かい話に入る前に、15項目をひとことずつでまとめた早見表を置いておきます<br>「今どこの話をしているか」を見失ったら、ここに戻ってきてください</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:1200px;"><thead><tr><th>大区分</th><th>項目</th><th>ひとことで言うと</th></tr></thead><tbody><tr><td>設定</td><td>一般</td><td>名前・呼び名・外観・カスタム指示</td></tr><tr><td>設定</td><td>アカウント</td><td>ログアウト・削除・デバイス管理</td></tr><tr><td>設定</td><td>プライバシー</td><td>会話をデータ学習に使うかの切替</td></tr><tr><td>設定</td><td>請求</td><td>サブスク・支払い方法の管理</td></tr><tr><td>設定</td><td>使用量</td><td>使った量・上限の確認</td></tr><tr><td>設定</td><td>機能</td><td>メモリー・アーティファクト等の機能トグル</td></tr><tr><td>設定</td><td>Claude Code</td><td>コーディング面の設定（バイパス開放など）</td></tr><tr><td>設定</td><td>Cowork</td><td>おまかせ作業（Homeタブ側）まわり</td></tr><tr><td>設定</td><td>Claude in Chrome</td><td>ブラウザ拡張の連携（サイト許可）</td></tr><tr><td>デスクトップアプリ</td><td>一般</td><td>起動設定・コンピュータ使用など</td></tr><tr><td>デスクトップアプリ</td><td>拡張機能</td><td>MCP拡張（ワンクリック導入）の管理</td></tr><tr><td>デスクトップアプリ</td><td>開発者</td><td>ローカルMCPサーバーの管理</td></tr><tr><td>カスタマイズ</td><td>スキル</td><td>Claudeのできることを追加</td></tr><tr><td>カスタマイズ</td><td>コネクタ</td><td>外部サービスと連携</td></tr><tr><td>カスタマイズ</td><td>プラグイン</td><td>スキル等をまとめて導入</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">この15個を、上から区分ごとにまとめて見ていきます<br>ぜんぶ触る必要はないので、気になった項目だけ拾い読みしてもらってもかまいません</p>



<h2 class="wp-block-heading">【設定】プロフィール・外観・アカウント周り</h2>



<p class="wp-block-paragraph">まずは「設定」区分の入り口、<strong>一般</strong>から<br>ここは氏名やアバター、そして「Claudeには何とお呼びしてほしいですか？」という呼び名の設定が並びます</p>



<p class="wp-block-paragraph">意外と便利なのが<strong><span class="swl-marker mark_yellow">Claudeへの指示（カスタムインストラクション）</span></strong>です<br>ここに書いた内容は、チャットでもCoworkでも常に考慮されます<br>「説明は簡潔に」「コードにはコメントを付けて」のような自分の好みを一度書いておくと、毎回頼まなくてよくなって楽になります</p>



<p class="wp-block-paragraph">そのすぐ下には<strong>外観（テーマ）</strong>やチャットフォント、モーションの設定もあります<br>外観はシステム・ライト・ダークから選べるので、目が疲れにくい方を選んでおくといいです<br>さらに下には、音声（言語・速度）や、レスポンス完了などの通知のオン・オフも並びます</p>



<h3 class="wp-block-heading">アカウント・請求・使用量</h3>



<p class="wp-block-paragraph">残り3つはお金とアカウントまわりです</p>



<ul class="wp-block-list -list-under-dashed">
<li><strong>アカウント</strong> … 今のプランの確認や、アカウントの削除ができます（削除はプランによって先に解約が必要）</li>



<li><strong>請求</strong> … サブスクの契約状況や支払い方法、プラン変更・解約を扱います</li>



<li><strong>使用量</strong> … 今の期間でどれくらい使ったか、上限までの余裕を確認できます</li>
</ul>



<p class="wp-block-paragraph">使用量については、Claude Codeの画面でもモデル選択の横にある使用量のリングから、コンテキストの消費とプランの使用状況をのぞけます<br>プランの使用量は<strong>複数の画面で共有される</strong>点だけ覚えておくと、数字の見方で混乱しません</p>



<h2 class="wp-block-heading">【設定】プライバシー ここは最初に確認したい</h2>



<p class="wp-block-paragraph">15項目のなかで、私が「まず一度は開いてほしい」と思うのが<strong>プライバシー</strong>です<br>ここには「AIモデルの改善にご協力ください」という、自分の会話をAIの学習（モデル改善）に使うかどうかの切り替えがあります</p>



<p class="wp-block-paragraph">Free・Pro・Maxのプランでは、この<strong><span class="swl-marker mark_yellow" style="color:#e8313b">データ学習のトグルを自分でオフにできます</span></strong><br>オフにすると新しい会話は学習に使われず、データの保持も標準の30日になります<br>逆にオンのまま（学習に協力する）だと、最大5年間保持される設計です</p>



<div class="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">例外として、安全性のチェックに引っかかった会話は、トグルをオフにしていてもレビューや保持の対象になることがあります<br>また、<strong>TeamやEnterpriseなどの商用プランは、そもそも既定で学習に使わない</strong>扱いです</p>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1.png"><img decoding="async" width="1024" height="538" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1-1024x538.png" alt="Claudeのプライバシー設定 データ学習トグル" class="wp-image-4961" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1-1024x538.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1-300x158.png 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h00_51-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p class="is-style-note_txt wp-block-paragraph">プライバシーの「AIモデルの改善にご協力ください」が、会話を学習に使うかのスイッチです</p>



<h2 class="wp-block-heading">【設定】機能 使える道具のオン・オフ</h2>



<p class="wp-block-paragraph"><strong>機能</strong>のタブは、Claudeが使える道具（能力）のトグルが並ぶ場所です<br>実機ではいくつかのグループに分かれていて、代表的なのはこのあたりです</p>



<ul class="wp-block-list -list-under-dashed">
<li><strong>メモリー</strong> … 過去のチャットを検索・参照させるか、履歴からメモリーを作るか</li>



<li><strong>アーティファクト</strong> … コードや文書・図を、チャットの隣のパネルに描き出す</li>



<li><strong>インライン可視化</strong> … 会話の中に直接グラフや図を出す</li>



<li><strong>クラウドコード実行とファイル作成</strong> … サーバー上でコードを動かして資料やPDFを作る（スキルの利用に必要）</li>



<li><strong>ツールアクセスモード</strong> … 新しい会話でコネクターの道具をどう読み込むか</li>
</ul>



<p class="wp-block-paragraph">ひとつ注意点<br><strong>ウェブ検索やリサーチ、拡張思考のオン・オフは、この「機能」タブではなくチャット入力欄のスイッチ側で切り替えます</strong><br>並ぶ項目はプランやバージョンで変わるので、実際は自分の画面で確かめてください</p>


<div class="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">【設定】Claude Code 権限モードがいちばんの肝</h2>



<p class="wp-block-paragraph">Claude Codeまわりで最初に理解したいのが<strong><span class="swl-marker mark_yellow">権限モード</span></strong>です<br>コーディング作業でClaudeにどこまで自動でやらせるか、を決める仕組みです</p>



<p class="wp-block-paragraph">ここで大事な注意が1つ<br>権限モードの切り替えそのものは、設定メニューではなく<strong>作業画面（送信ボタンの横のセレクタ）</strong>で行います<br>設定メニューのClaude Code項目でできるのは、主に後述の「許可をバイパス」を使えるようにする開放です</p>



<p class="wp-block-paragraph">まずは権限モードに何があるのか、表で並べてみます</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:800px;"><thead><tr><th>モード</th><th>ざっくりの挙動</th><th>使いどころ</th></tr></thead><tbody><tr><td>手動</td><td>1操作ごとに確認を取る</td><td>まず挙動を見たい初心者</td></tr><tr><td>編集を承認</td><td>ファイル編集を事前に許可</td><td>少し慣れてきたら</td></tr><tr><td>プラン</td><td>調べて計画だけ出す（編集しない）</td><td>進め方を先に見たいとき</td></tr><tr><td>自動</td><td>安全チェック付きで自動実行</td><td>確認を減らしたいとき</td></tr><tr><td>許可をバイパス</td><td>確認なしで実行する</td><td>隔離環境・上級者向け</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">初心者のうちは、作業画面のセレクタを<strong>手動</strong>のままにして様子を見るのが安全です<br>Claudeが何をやろうとしているか、1つずつ確認できるので、動きが読めてきます</p>



<p class="wp-block-paragraph">混同しやすいのが<strong>自動</strong>と<strong>許可をバイパス</strong>の2つ<br>名前は似ていますが、中身はまったく別物です</p>



<p class="wp-block-paragraph"><strong>自動</strong>は、裏で安全チェックを回しながら進める、いわば「安全寄りの自動」です<br>確認の回数を減らしつつ、危なそうな操作は止めてくれるので、慣れてきた人が作業画面で選ぶ常用モードにしやすいです</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">一方の<strong>許可をバイパス</strong>は、確認をほぼ飛ばして実行する強力なモードです<br>便利な半面、危ない操作もそのまま通ってしまうので、サンドボックスや使い捨ての環境に限定するのが推奨です<br>この「許可をバイパス」を使えるように開放するのが、設定メニューのClaude Code項目の主な役割です<br>既定では選べないようになっていて、ここであえて開放しないと使えません</p>
</div></div>



<p class="wp-block-paragraph">権限モードのほかに、<strong><span class="swl-marker mark_yellow">使うモデルの選択</span></strong>も作業画面（送信ボタンの横）から切り替えられます<br>モデルも権限モードも作業の途中で変えられるので、「軽い調べ物は素早いモード、複雑な実装は賢いモード」のように場面で使い分けると効率が上がります</p>



<p class="wp-block-paragraph">この項目には「許可をバイパス」の開放のほかにも、ブラウザツールのオン・オフ、コーディング画面の見た目（テーマ・フォント）、プルリクエストの自動化、作業用のワークツリーの保存場所など、多くのスイッチがまとまっています<br>権限まわりの考え方をもっと固めたい人は、<a href="https://javeo.jp/claude-code-security-beginner/" target="_blank" rel="noopener noreferrer">Claude Codeのセキュリティ設定</a>や、<a href="https://javeo.jp/claude-code-config-files-guide/" target="_blank" rel="noopener noreferrer">設定ファイルの早見表</a>の記事も合わせてどうぞ</p>



<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1.png"><img decoding="async" width="1024" height="538" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1-1024x538.png" alt="Claude Code 権限モードと許可をバイパスの開放" class="wp-image-4963" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1-1024x538.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1-300x158.png 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_16h46_20-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p class="is-style-note_txt wp-block-paragraph">権限モードの切り替えは作業画面側、設定にあるのは「許可をバイパス」を使えるようにする開放です</p>



<h2 class="wp-block-heading">【設定】Cowork と Claude in Chrome</h2>



<p class="wp-block-paragraph">比較的新しい2つの機能の設定です<br>まず<strong>Cowork</strong>は、タスクを丸ごと渡すと、ファイル・カレンダー・メール・つないだツールを横断して、<strong>完了まで進めてくれるおまかせ作業</strong>の面です<br>Claude Codeの一般業務版、と考えると分かりやすいです</p>



<p class="wp-block-paragraph">Coworkはもともとデスクトップ発の機能ですが、2026年にはWebやスマホにも広がってきました<br>いまのデスクトップアプリでは、Homeタブの中でチャットと切り替えて使う形になっています（外出先から進捗を見て、続きをあとで受け取る使い方も可能）</p>



<p class="wp-block-paragraph">もう一つの<strong>Claude in Chrome</strong>は、Chrome拡張との連携です<br>設定メニューのこの項目で扱えるのは<strong>サイト単位の許可</strong>です<br>すべてのサイトで動かすか（拡張機能を許可）と、使わせたくないブロックサイトの登録ができます</p>



<p class="wp-block-paragraph">一方で「操作のたびに確認するか」といった<strong>操作の強さ</strong>は、設定メニューではなく拡張機能側で選びます</p>



<ul class="wp-block-list -list-under-dashed">
<li><strong>都度確認</strong> … 操作のたびに止まって承認を求める（安全寄り）</li>



<li><strong>確認なしで実行</strong> … 自分で進め、危なそうなときだけ確認する</li>
</ul>



<p class="wp-block-paragraph">購入やアカウント作成のような操作は、そもそも実行できない安全弁も入っています<br>この機能は進化が速いので、実際の画面は自分の環境で最新を確かめるのが確実です</p>



<h2 class="wp-block-heading">【デスクトップアプリ】一般・拡張機能・開発者</h2>



<p class="wp-block-paragraph">2つ目の大区分、<strong>デスクトップアプリ</strong>はアプリ本体の設定です<br>ここは3項目にまとまっています</p>



<p class="wp-block-paragraph"><strong>一般</strong>には、スタートアップ時にClaudeを起動するか、システムトレイに常駐させるか、といったアプリ本体の設定が並びます<br>目玉は<strong>コンピュータ使用</strong>のトグルで、許可したアプリ上でClaudeが画面を見て、キーボードやマウスを操作できるようになります（既定はオフ、Macだと画面収録などの許可も追加で必要）<br>ほかに、拒否するアプリの登録や、作業後にウィンドウを元に戻すかどうかの設定もここです</p>



<p class="wp-block-paragraph"><strong>拡張機能</strong>は、<strong><span class="swl-marker mark_yellow">MCP拡張をワンクリックで入れられる仕組み</span></strong>です<br>以前は設定ファイル（JSON）を手で書く必要がありましたが、専用の拡張ファイルを選ぶだけで導入・管理できるようになっています</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>MCPって何？という人は、拡張機構の入門記事から読むとつかみやすいです</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="wp-block-paragraph">最後の<strong>開発者</strong>は、作業中の<strong>ローカルMCPサーバー</strong>を追加・管理する項目です<br>設定ファイルを直接編集する導線や、開発者向けドキュメントへのリンクが置かれた、ちょっと踏み込んだメニューになります</p>



<p class="wp-block-paragraph">拡張機構やMCPの全体像は、<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Code拡張機構の入門記事</a>でまとめて解説しているので、そちらも参考にしてください</p>



<h2 class="wp-block-heading">【カスタマイズ】スキル・コネクタ・プラグインの違い</h2>



<p class="wp-block-paragraph">3つ目の大区分、<strong>カスタマイズ</strong>はClaudeを自分好みに拡張するメニューです<br>スキル・コネクタ・プラグインの3つが並びますが、名前が似ていて混乱しやすいので、違いを表で整理します</p>


<div class="c-scrollHint sp_"><span>スクロールできます <i class="icon-more_arrow"></i></span></div>
<figure data-table-scrollable="sp" class="wp-block-table is-style-stripes"><table style="--table-width:800px;"><thead><tr><th>項目</th><th>役割</th><th>イメージ</th></tr></thead><tbody><tr><td>スキル</td><td>Claudeのできることを増やす</td><td>個別の道具を1つ足す</td></tr><tr><td>コネクタ</td><td>外部サービスとつなぐ</td><td>Slack・Google Drive等と連携</td></tr><tr><td>プラグイン</td><td>スキルやコネクタをまとめた束</td><td>セットで一気に導入</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">ざっくり言うと、スキルが個別の能力・コネクタが外部連携・プラグインがそれらの詰め合わせ、という関係です<br>どれもカスタマイズメニューの「＋」ボタンから一覧を開いて、インストールや接続を進める流れになっています</p>



<p class="wp-block-paragraph">スキルは関連する場面で自動で読み込まれるほか、入力欄で「/」を打って手動で呼び出すこともできます<br>コネクタはつなぎたいサービスで認証すれば、Claudeがそのサービスのデータを読んだり操作したりできるようになります</p>



<figure class="wp-block-image size-large is-style-shadow"><a href="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1.png"><img decoding="async" width="1024" height="538" src="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1-1024x538.png" alt="Claudeのカスタマイズ スキル一覧" class="wp-image-4964" srcset="https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1-1024x538.png 1024w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1-300x158.png 300w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1-150x79.png 150w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1-768x403.png 768w, https://javeo.jp/wp-content/uploads/2026/07/2026-07-11_14h50_06-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p class="is-style-note_txt wp-block-paragraph">カスタマイズのスキル一覧。同じ並びにコネクタ・プラグインもあります</p>



<h2 class="wp-block-heading">よくある質問 設定メニューまわり</h2>



<div class="swell-block-faq" data-q="col-text" data-a="col-text">
<div class="swell-block-faq__item"><h3 class="faq_q">設定メニューはどこから開けますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">画面左下にあるプロフィール（名前）のアイコンをクリックして、メニューから「設定」を選ぶと開けます<br>あとは左側で「設定」「デスクトップアプリ」「カスタマイズ」の3区分を切り替えるだけです</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">「自動」と「許可をバイパス」は何が違いますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">自動は、裏で安全チェックを回しながら進める安全寄りのモードです<br>許可をバイパスは、その確認自体をほぼ飛ばして実行する強力なモードで、隔離した環境での利用が前提になります<br>名前は似ていますが役割はほぼ逆なので、混同しないようにしてください</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">データ学習をオフにすると使い勝手は落ちますか？</h3><div class="faq_a">
<p class="wp-block-paragraph">これは自分の会話を将来のモデル改善に使うかどうかの設定なので、オフにしても普段の会話の品質や使える機能が制限されるわけではありません<br>気になる人はオフにしておいて問題ないです</p>
</div></div>



<div class="swell-block-faq__item"><h3 class="faq_q">スキルとプラグイン、どちらを使えばいいですか？</h3><div class="faq_a">
<p class="wp-block-paragraph">単機能を1つだけ足したいならスキル、関連する機能をまとめて一気に入れたいならプラグイン、と考えると選びやすいです<br>外部サービスとつなぎたいだけなら、コネクタが担当です</p>
</div></div>
</div>



<h2 class="wp-block-heading">まとめ まず触る設定・触らない方がいい設定</h2>



<p class="wp-block-paragraph">Claudeデスクトップアプリの設定メニュー15項目を、区分ごとに一周しました<br>最後に、初心者がまず触るとよい設定と、当面は触らない方がいい設定をまとめておきます</p>



<div class="wp-block-group is-style-big_icon_good"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li>一般の呼び名・外観・カスタム指示（自分好みに整える第一歩）</li>



<li>プライバシーのデータ学習トグル（まず一度は確認）</li>



<li>機能で使いたい道具をオンにする</li>
</ul>
</div></div>



<div class="wp-block-group is-style-big_icon_bad"><div class="wp-block-group__inner-container">
<ul class="wp-block-list -list-under-dashed">
<li>Claude Codeの許可をバイパス（隔離環境以外では有効化しない）</li>



<li>開発者モード（必要になるまではオフのままで十分）</li>
</ul>
</div></div>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<p class="wp-block-paragraph">設定画面は<strong>更新が速い</strong>ので、細かい項目名や並びは、この記事を片手に自分の画面で答え合わせしてもらうのがいちばん確実です<br>Claude自体の使い方から知りたい人は、<a href="https://javeo.jp/claude-howto-beginner/" target="_blank" rel="noopener noreferrer">Claudeの使い方（初心者向け）</a>や、<a href="https://javeo.jp/claude-glossary-beginner/" target="_blank" rel="noopener noreferrer">Claude用語集</a>から入ると、設定の意味もより腑に落ちるはずです</p>


<div class="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/claude-desktop-settings-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Claude Codeで自作MCP DB連携を作ってみた</title>
		<link>https://javeo.jp/claude-code-mcp-jisaku/</link>
					<comments>https://javeo.jp/claude-code-mcp-jisaku/#respond</comments>
		
		<dc:creator><![CDATA[ジャベ雄]]></dc:creator>
		<pubDate>Tue, 23 Jun 2026 15:27:30 +0000</pubDate>
				<category><![CDATA[AI・Claude]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Claude Code]]></category>
		<category><![CDATA[MCP]]></category>
		<category><![CDATA[セキュリティ]]></category>
		<guid isPermaLink="false">https://javeo.jp/?p=4802</guid>

					<description><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/06/claude-code-mcp-jisaku-1024x538.jpg" class="webfeedsFeaturedVisual" /></p>古いまま固まっていた接続モジュールを、Claude Codeに伴走してもらって「自分専用のMCPサーバー」に作り替えた体験記です、設計から公開までコードを書ける人でなくても作れた流れをまとめました]]></description>
										<content:encoded><![CDATA[<p><img src="https://javeo.jp/wp-content/uploads/2026/06/claude-code-mcp-jisaku-1024x538.jpg" class="webfeedsFeaturedVisual" /></p><div class="codoc-evacuations" style="display:none;" data-shortcode=""></div>
<p class="wp-block-paragraph">もともと私の手元には、<strong>自分のサーバー上のデータベースにPythonで接続するモジュール</strong>がありました、ただこれが古いライブラリ前提で作られていて、最新の環境に上げようとすると動かない、という状態でずっと固まっていたんです</p>



<p class="wp-block-paragraph">どうせ作り直すなら、ただの接続モジュールに戻すのはもったいない、せっかくなら <strong><span class="swl-marker mark_yellow">Claudeから直接データベースを覗ける道具</span></strong>にしてしまえば便利なのでは? と思いついたのがきっかけでした</p>



<p class="wp-block-paragraph">その「道具」がMCPサーバーと呼ばれるものになります、この記事では <strong>Claude Codeに伴走してもらいながら、自分専用のMCPサーバーを設計から公開まで作った体験</strong>を、コードの深い話は抜きにして広めに書いていきます</p>



<p class="wp-block-paragraph">先に結論を言うと、<strong><span class="swl-marker mark_yellow">プログラムをゴリゴリ書ける人でなくても、自分専用の道具は作れます</span></strong>、Claudeに設計から相談して、実装もレビューも任せて、最後に自分が確認するだけで形になりました</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<p class="wp-block-paragraph">Claude Codeの拡張機構の全体像は<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">Claude Codeの拡張機構入門の記事</a>、AI周辺の用語は<a href="https://javeo.jp/ai-glossary/" target="_blank" rel="noopener noreferrer">AI用語集</a>でまとめているので、言葉でつまずいたらそちらも合わせてどうぞ</p>



<h2 class="wp-block-heading">そもそもMCPって何 Claudeに道具を持たせる仕組み</h2>



<p class="wp-block-paragraph">まず言葉の整理から、<strong>MCP(エムシーピー)はClaudeに「外部の道具」を持たせるための拡張の仕組み</strong>の1つです</p>



<p class="wp-block-paragraph">Claudeはそのままだと、賢く文章を考えたり相談に乗ったりはできても、「私のサーバーにあるデータベースを読んできて」みたいな手元の操作はできません、本体に手足が付いていないイメージです</p>



<p class="wp-block-paragraph">そこで <strong>道具(=MCPサーバー)を外付け</strong>してあげると、Claudeが単体ではできない操作を、その道具を介してできるようになります、今回私が作ったのは「自分のサーバーのデータベースを読む道具」です</p>



<p class="wp-block-paragraph">これをClaudeに登録しておくと、あとは日本語で <strong>「このテーブルから昨日のデータを出して」</strong>と頼むだけで、Claudeが裏でデータベースへの問い合わせ(SQLという命令文)を組み立てて、結果を返してくれます</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</span></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p>SQLを自分で書かなくていいの、ここが地味にうれしいんですよ</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="wp-block-group is-style-big_icon_memo"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">MCPはClaude Codeの拡張機構(Skills・Agents・MCP・Hooks)の中の1つです、4つの違いや全体像は別記事にまとめているので、ざっくり地図がほしい方は<a href="https://javeo.jp/claude-code-extensions-basics/" target="_blank" rel="noopener noreferrer">拡張機構入門</a>から読むと迷いません</p>
</div></div>



<h2 class="wp-block-heading">なぜ既製品でなく自作だったのか</h2>



<p class="wp-block-paragraph">ここで疑問が出ると思います、データベース用のMCPなんて世の中にすでにあるのに、なぜわざわざ自分で作ったのか? という話です</p>



<p class="wp-block-paragraph">結論から言うと、<strong><span class="swl-marker mark_yellow">既製品が私のサーバー環境にそのままでは繋がらなかった</span></strong>からです、この接続の壁が今回いちばんの分かれ道でした</p>



<p class="wp-block-paragraph">実は最初、私は「わざわざ作らなくても、既にあるものを入れれば一発でしょ」と軽く考えていました、ところがいざ繋ごうとすると、データベースの接続情報を正しく入れているのに、どうやっても弾かれてしまう、ここで「あれ、これ普通のやり方では届かないやつだ」と気づいたわけです</p>



<h3 class="wp-block-heading">Xserverは「二段構え」でつなぐ必要がある</h3>



<p class="wp-block-paragraph">私が使っているレンタルサーバー(Xserver)は、データベースに直接つなぐのではなく、<strong>いったん別のサーバーに安全な経路でログインしてから、その先のデータベースへ繋ぐ</strong>という二段構えが前提になっています</p>



<p class="wp-block-paragraph">この「安全な経路を一本通してから、その中を通ってつなぐ」やり方を <strong>SSHトンネル</strong>と呼びます、外から直接データベースを叩けないようにする、セキュリティ上ありがたい仕組みなんですが、繋ぐ側からするとひと手間多いわけです</p>



<div class="swell-block-capbox cap_box"><div class="cap_box_ttl"><span>SSHトンネルをざっくり言うと</span></div><div class="cap_box_content">
<p class="wp-block-paragraph">玄関(別のサーバー)で本人確認をしてから、建物の中の鍵付き通路を通って奥の部屋(データベース)に入るイメージです、玄関を通らずに奥へは入れない作りなので、外部からの直アクセスを防げます</p>
</div></div>



<p class="wp-block-paragraph">一般的なデータベース用のMCPは、この <strong><span class="swl-marker mark_yellow">SSHトンネルの機能を持っていません</span></strong>、だからXserverのような二段構えのサーバーには、既製品をそのまま当ててもつながらないんです</p>



<p class="wp-block-paragraph">既製品は「参考にはするけど、そのままでは私の用途を満たさない」、これが自作に踏み切った理由になります、<strong>自分の環境にぴったり合う道具がないなら、作ってしまえばいい</strong>という発想です</p>



<h2 class="wp-block-heading">Claude Codeに全工程を伴走させた流れ</h2>



<p class="wp-block-paragraph">ここからが記事の本題です、私は今回 <strong>「バイブコーディング」的に、ほぼ全工程をClaude Codeに伴走させて</strong>作りました、ノリと相談で進めていく感じの作り方ですね</p>



<p class="wp-block-paragraph">AIでアプリを作る体験そのものについては<a href="https://javeo.jp/vibecoding-challenge/" target="_blank" rel="noopener noreferrer">AIでアプリ開発に挑戦した体験記</a>でも書いているので、雰囲気が気になる方はそちらも、ここでは「道具(MCP)を作るときの流れ」に絞ります</p>



<p class="wp-block-paragraph">大きく分けると、<strong>壁打ち → 設計 → タスクごとに実装 → 最終レビュー → 公開</strong>という5ステップで進みました</p>



<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">壁打ちで「何を作るか」を言葉にする</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">いきなり書かせるのではなく、まずClaudeとブレスト(壁打ち)して方針を詰めました、出てきた答えは「ただの接続モジュールでなくMCPサーバーにする」「読み取り専用を基本にする」「古いライブラリをやめて、今も保守されているものを使う」の3つです</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">設計書と実装計画をClaudeに書かせる</div><div class="swell-block-step__body">
<p class="wp-block-paragraph">方針が固まったら、Claudeが設計の仕様と実装の段取り(やることリスト)を文書に起こしてくれました、私がやったのは中身を読んで「これでいきましょう」とOKを出すことだけです</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">
<p class="wp-block-paragraph">機能を1つずつに分けて、実装する役のAIとチェックする役のAIを別々に立てて進めました、しかも先にテスト(動作確認の仕掛け)を書いてから本体を作る進め方で、1機能ごとにお互いレビューさせています</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">
<p class="wp-block-paragraph">全機能ができたあと、仕上げにもう一度だけ全体を厳しめにレビューさせました、ここで思わぬ抜け穴が見つかるんですが、その話は次の章でじっくり書きます</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">
<p class="wp-block-paragraph">完成したものは自分専用のリポジトリ(コードの保管場所、私は非公開で用意しました)にまとめて、Claudeに道具として登録、これで実際に使える状態になりました</p>
</div></div>
</div>



<h3 class="wp-block-heading">「先にテストを書く」ってどういうこと</h3>



<p class="wp-block-paragraph">STEP3で「先にテストを書いてから本体を作る」と書きました、これは <strong>TDD(テスト駆動開発)</strong>という作り方で、ざっくり言うと「合格ラインを先に決めてから中身を作る」やり方です</p>



<p class="wp-block-paragraph">料理で言えば、完成形の味見の基準を先に決めておいて、その基準を満たすように作る感じですね、こうすると <strong><span class="swl-marker mark_yellow">作ったものが意図どおり動いているかを毎回その場で確認できる</span></strong>ので、後からのやり直しが減ります</p>



<p class="wp-block-paragraph">大事なのは、この段取り自体もClaudeが提案して進めてくれた点です、私が「TDDでやって」と細かく仕切ったわけではなく、相談する中で自然とこの形に落ち着きました</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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="p-blogParts post_content" data-partsID="5291">
<div class="jv-adshelf" data-shelf="ai">
<style>
.jv-adshelf{border:1px solid #d7ddea;border-radius:8px;background:#f8faff;padding:16px 18px;margin:2em 0}
.jv-adshelf__head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.jv-adshelf__title{font-weight:700;font-size:1.02em;line-height:1.4}
.jv-adshelf__pr{flex:none;font-size:.7em;font-weight:700;color:#fff;background:#8a94a6;border-radius:3px;padding:2px 6px;letter-spacing:.04em}
.jv-adshelf__card{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:14px 0}
.jv-adshelf__card+.jv-adshelf__card{border-top:1px dashed #d7ddea}
.jv-adshelf__banner{flex:0 0 200px;max-width:100%;display:flex;align-items:center;justify-content:center}
.jv-adshelf__banner img{max-width:100%;height:auto;display:block}
.jv-adshelf__body{flex:1 1 260px;min-width:0}
.jv-adshelf__name{font-weight:700;margin:0 0 6px;font-size:.95em;line-height:1.5}
.jv-adshelf__desc{margin:0 0 12px;font-size:.9em;line-height:1.8;color:#3d4451}
.jv-adshelf__btn{display:inline-block;background:#3B5BDB;color:#fff;font-weight:700;font-size:.9em;text-decoration:none;border-radius:5px;padding:9px 18px}
.jv-adshelf__btn:hover{opacity:.88}
@media(max-width:600px){.jv-adshelf__banner{flex:0 0 100%;max-width:240px;margin:0 auto}}
</style>
<div class="jv-adshelf__head"><span class="jv-adshelf__title">AIで仕事を減らしたい方へ</span><span class="jv-adshelf__pr">PR</span></div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" rel="nofollow" referrerpolicy="no-referrer-when-downgrade" attributionsrc><img decoding="async" src="//image.moshimo.com/af-img/7302/000000093995.png" width="500" height="500" style="border:none;"></a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" width="1" height="1" style="border:none;" loading="lazy"></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">AI鬼管理｜Claude Code活用の業務自動化トレーニング</p>
<p class="jv-adshelf__desc">Claude Code を業務の自動化に使うためのトレーニングです<br>いきなり申し込む形ではなく、まずは無料の業務効率化診断(オンライン面談)から始められます</p>
<a class="jv-adshelf__btn" href="//af.moshimo.com/af/c/click?a_id=5654017&#038;p_id=7494&#038;pc_id=21647&#038;pl_id=93995" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">無料の業務効率化診断を見てみる</a>
</div>
</div>
<div class="jv-adshelf__card">
<div class="jv-adshelf__banner"><a href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" rel="nofollow"><img decoding="async" border="0" width="300" height="250" alt="" src="https://www23.a8.net/svt/bgt?aid=260529679315&#038;wid=003&#038;eno=01&#038;mid=s00000024524001009000&#038;mc=1"></a><img decoding="async" border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=4B41ZJ+57JLVM+5988+609HT" alt=""></div>
<div class="jv-adshelf__body">
<p class="jv-adshelf__name">Notta｜AI自動文字起こし</p>
<p class="jv-adshelf__desc">会議や動画の音声を自動で文字にするサービスです<br>議事録や書き起こしの手作業を減らしたいときに</p>
<a class="jv-adshelf__btn" href="https://px.a8.net/svt/ejp?a8mat=4B41ZJ+57JLVM+5988+609HT" target="_blank" rel="nofollow noopener" referrerpolicy="no-referrer-when-downgrade">Nottaを見てみる</a>
</div>
</div>
</div>
</div>


<h2 class="wp-block-heading">最終レビューで「自分のバグ」が見つかった話</h2>



<p class="wp-block-paragraph">この章の話が今回いちばん学びになりました、各タスクのレビューはちゃんと通していたのに、<strong>最後の全体レビューで実際のバグが1つ見つかりました</strong></p>



<p class="wp-block-paragraph">中身を平たく言うと、<strong><span class="swl-marker mark_yellow" style="color:#e8313b">読み取り専用のはずなのに、ある特殊な書き方をすると書き込み命令が通ってしまう抜け穴</span></strong>でした、「読むだけ」を守らせていたつもりが、すり抜ける経路が残っていたんです</p>



<p class="wp-block-paragraph">怖いのは、これが <strong>各機能ごとの個別レビューを全部すり抜けていた</strong>点です、1つひとつの機能を見ているときには気づけず、全体を改めて厳しい目で見直したときに初めて浮かび上がってきました</p>



<div class="wp-block-group is-style-big_icon_point"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">AIに作らせるときも「作る人」と「チェックする人」を分けると質が上がります、1人(1つのAI)で書いてそのまま完結させず、別の視点でレビューを挟む、ここが今回いちばんの収穫でした</p>
</div></div>



<p class="wp-block-paragraph">見つかったあとの流れはシンプルで、<strong>指摘 → 修正 → 再レビュー</strong>でその抜け穴を塞ぎました、ここでもやっているのは「Claudeに直してもらって、もう一度別の目で確認する」という同じ進め方です</p>



<p class="wp-block-paragraph">AIは賢いんですが、万能で無謬というわけではありません、だからこそ <strong><span class="swl-marker mark_yellow">作る工程とチェックする工程を分けて、最後に全体を見直す</span></strong>、この一手間が安心につながると実感しました</p>



<h2 class="wp-block-heading">AIにデータベースを触らせるときの安全設計</h2>



<p class="wp-block-paragraph">今のバグの話とつながりますが、<strong>AIにデータベースを触らせるなら、安全側に倒した設計が要ります</strong>、ここは自作する人だけでなく、既製のMCPを使う人にも役立つ考え方なので少し丁寧に書きます</p>



<h3 class="wp-block-heading">基本は「読み取り専用」にしておく</h3>



<p class="wp-block-paragraph">私が決めたのは <strong>既定で「読むだけ」にする</strong>という方針でした、AIにデータベースを任せるとき、いちばん怖いのはうっかりデータを書き換えられたり消されたりすることです</p>



<p class="wp-block-paragraph">だから道具の側で「ふだんは読むだけ、書き込みは明示的にスイッチを入れたときだけ許可する」という作りにしました、自分でも「今は書き込みOKにしているぞ」と意識しないと書けない、という <strong>ブレーキ</strong>です</p>



<h3 class="wp-block-heading">本当の安全弁はデータベース側にある</h3>



<p class="wp-block-paragraph">ただ、ここで大事な考え方があります、<strong>道具(アプリ)側のチェックは第一の防御線にすぎません</strong></p>



<p class="wp-block-paragraph">さっきのバグのように、アプリ側の「読むだけ」設定はすり抜ける経路が残っていることがあります、だから <strong><span class="swl-marker mark_yellow" style="color:#e8313b">本当の安全弁は、データベース側に「読み取りしかできない利用者」を用意すること</span></strong>です</p>



<p class="wp-block-paragraph">つまり、そもそも書き込み権限を持たないアカウントで繋いでおけば、仮にアプリ側のチェックを抜けても、データベースが「あなたには書き込み権限がありません」と弾いてくれます、<strong>二重のブレーキ</strong>です</p>



<p class="wp-block-paragraph">考え方としてはこうです、データベースには、つなぐための利用者(アカウント)を何種類か作れます、ふだんアプリやサーバーの管理に使うのは強い権限を持った利用者ですが、<strong><span class="swl-marker mark_yellow">AIに渡すのは「読むことしかできない利用者」を別に1つ用意して、そちらだけを使わせる</span></strong>のが安心です</p>



<p class="wp-block-paragraph">こうしておくと、構造はとてもシンプルになります、アプリ側の「読むだけ」設定が <strong>第一の防御線</strong>、その奥でデータベース側の読み取り専用の利用者が <strong>最後の安全弁</strong>として控える、という形です、手前のチェックがうっかり抜けても、いちばん奥で物理的に書き込めない、この奥行きが効いてきます</p>



<p class="wp-block-paragraph">手順の細かい話は環境ごとに変わるので踏み込みませんが、方針として覚えておきたいのは <strong>「アプリで頑張る」より「権限を持たせない」ほうが強い</strong>という一点です、できないように作ってあれば、そもそも事故が起きようがありません、ここは私自身が今回のバグで痛感したところでもあります</p>



<div class="wp-block-group is-style-big_icon_caution"><div class="wp-block-group__inner-container">
<p class="wp-block-paragraph">「アプリ側でチェックしているから大丈夫」と思い込まないことです、権限はできるだけ大本(データベースやサーバー)の側で絞っておくのが安全の基本になります、これはAIに限らずどんな自動化でも効く考え方です</p>
</div></div>



<h3 class="wp-block-heading">使った道具は「最新の保守されたもの」だけ</h3>



<p class="wp-block-paragraph">技術の中身には深入りしませんが、1点だけ、今回 <strong>古い(メンテが止まった)接続方式をやめて、今も保守されている方式に乗り換えられた</strong>のは大きな前進でした</p>



<p class="wp-block-paragraph">使ったのは3つで、安全な経路(SSH)を扱う <strong>asyncssh</strong>、データベースとやり取りする <strong>aiomysql</strong>、Claudeと話す土台になる <strong>FastMCP</strong>、それぞれ「SSHを扱う道具」「データベースを扱う道具」「MCPを作る土台」くらいの理解で十分です</p>



<p class="wp-block-paragraph">名前を覚える必要はありません、ポイントは <strong><span class="swl-marker mark_yellow">今も更新が続いているライブラリだけで動くようにできた</span></strong>こと、古いものに縛られて身動きが取れなかった状態から解放されたのが、地味にいちばん嬉しかったところです</p>



<h2 class="wp-block-heading">実際に使ってみたらこうなった</h2>



<p class="wp-block-paragraph">道具が完成して、Claudeに登録したあと、さっそく試してみました、頼み方はいたってシンプルで、<strong>日本語で「このテーブルから昨日ぶんのデータを抽出して」とお願いするだけ</strong>です</p>



<p class="wp-block-paragraph">するとClaudeが裏で問い合わせ(SQL)を自分で組み立てて、結果を返してくれました、私はSQLを1行も書いていません、それでも自分がためているデータがちゃんと取れて、試したときは千件を超える実データが返ってきました</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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>


<p class="wp-block-paragraph">これで <strong><span class="swl-marker mark_yellow">自分専用の「自分のサーバーのデータベースをClaudeから覗く道具」</span></strong>が手に入りました、欲しかったのはまさにこれです、既製品では届かなかった一歩を、自作で埋められたという達成感もありました</p>



<p class="wp-block-paragraph">使ってみて地味に効いたのが、データの中身を確認するためにいちいち管理画面を開かなくてよくなったことです、これまでだと「あのデータどうなってたっけ」と思うたびにブラウザでログインして画面をたどっていました、それが今は、Claudeに一言聞けば返ってくる、この距離の近さが思った以上に快適でした</p>



<p class="wp-block-paragraph">しかも返ってきた結果について「この中で件数が多い順に並べて」とか「先週ぶんと比べてどう?」みたいに、そのまま会話で深掘りできます、データを取り出す道具と、それを読み解く相手が同じ場所にいる、この一体感がふつうのデータベース管理ツールとはひと味違う使い心地でした</p>



<p class="wp-block-paragraph">もう少し具体の流れを書いておくと、たとえば <strong>あるテーブルに対して「ここから昨日ぶんを出して」と日本語で頼む</strong>と、Claudeがその指示を読み取って、裏で問い合わせ(SQL)を自分で組み立てます、私が見ているのは「昨日ぶんを出して」という自分の文と、しばらくして返ってくる結果だけです、途中の命令文を意識しなくていいのが、思った以上に身軽でした</p>



<p class="wp-block-paragraph">ひとつ注意があって、<strong>取り出す件数が多いと、既定の上限で途中まで返って打ち切られる</strong>ことがあります、千件を超える量を一気に頼むと、最初のいくらかが返ってきて「ここまでで止めています」という挙動になる感じですね、全部ほしいときは「もっと多く返して」と上限を上げてもらうか、条件を絞って小さく取り直します、いきなり全件をどっと返さない作りは、安全側に倒すうえでもむしろ都合がよかったです</p>



<h3 class="wp-block-heading">登録自体は数行で済む</h3>



<p class="wp-block-paragraph">「道具を登録」と書くと身構えるかもしれませんが、Claude Codeに道具(MCPサーバー)を教えるのは設定ファイルへの数行の追記です、ファイル名は <strong>.mcp.json</strong> で、ここに「どの道具を、どう起動するか」を書きます</p>



<p class="wp-block-paragraph">イメージとしてはこんな形で、サーバーの名前と起動コマンドを書くだけです(中身は環境ごとに変わります)</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-json" data-lang="JSON"><code>{
  "mcpServers": {
    "my-db-tool": {
      "command": "（自作した道具を起動するコマンド）"
    }
  }
}</code></pre></div>



<p class="wp-block-paragraph">この設定ファイルが何者なのか、ほかにどんな設定ファイルがあるのかは<a href="https://javeo.jp/claude-code-config-files-guide/" target="_blank" rel="noopener noreferrer">Claude Codeの設定ファイル早見表</a>にまとめています、<strong>.mcp.json</strong> の置き場所や役割が気になったらそちらをどうぞ</p>



<p class="wp-block-paragraph">そして設定ファイルを触るのが怖い人へ、ここも <strong>Claude自身に「.mcp.jsonにこの道具を登録して」と頼んで書かせる</strong>のが楽です、書いてもらった内容を自分で確認してから反映すれば、手で打ち間違える心配も減ります</p>



<h2 class="wp-block-heading">コードを書けなくても自分専用の道具は作れる</h2>



<p class="wp-block-paragraph">最後にまとめます、今回いちばん伝えたいのは <strong><span class="swl-marker mark_yellow">Claude Codeを使えば、設計から実装、レビュー、公開まで伴走してもらいながら、自分専用の道具(MCP)を作れる</span></strong>ということです</p>



<p class="wp-block-paragraph">振り返ると、私が手を動かしたのは「何を作るか相談する」「設計書を読んでOKを出す」「最後の確認をする」あたりで、実装そのものはほとんどClaudeに任せていました、それでもちゃんと動くものが手に入ります</p>



<ul class="wp-block-list is-style-check_list -list-under-dashed">
<li>いきなり書かせず、まず壁打ちで「何を作るか」を言葉にする</li>



<li>設計と実装はClaudeに任せ、人間は読んで判断する側に回る</li>



<li>「作る役」と「チェックする役」を分け、最後に全体を見直す</li>



<li>AIにデータを触らせるなら「読み取り専用」を基本に、権限は大本で絞る</li>



<li>設定ファイルが怖ければ、Claudeに書かせて内容を確認してから反映する</li>
</ul>



<p class="wp-block-paragraph">そして今回の出発点を思い出してほしいんですが、私が作ったのは「既製品が自分の環境に合わなかった」からでした、<strong>世の中にある道具が自分の環境にハマらないときこそ、自作の出番</strong>です</p>



<p class="wp-block-paragraph">プログラムをゼロから書ける必要はありません、やりたいことを言葉にして、相談しながら一緒に作っていく、その伴走役としてClaude Codeは頼りになります、興味が出たら、まずは小さな「自分専用の道具」から試してみてはどうでしょうか?</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="lazyload c-balloon__iconImg" width="80px" height="80px"><noscript><img decoding="async" src="https://javeo.jp/wp-content/uploads/2026/05/cropped-サイトアイコン2.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></noscript><span class="c-balloon__iconName">ジャベ雄</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="p-blogParts post_content" data-partsID="4603">
<div class="jv-books" data-shelf="ai"><div class="jv-books-head"><span class="jv-books-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Claude・生成AIを学べる本</span><span class="jv-books-pr">PR</span></div><div class="jv-books-grid"><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240" alt="実践Claude Code入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">実践Claude Code入門</p><p class="jv-book-author">西見公宏・吉田真吾・大嶋勇樹</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297153548">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297153548">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240" alt="Claude CodeによるAI駆動開発入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">Claude CodeによるAI駆動開発入門</p><p class="jv-book-author">平川知秀</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4297152754">Amazonで見る</a><a class="jv-btn jv-btn-rk" href="https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="rakuten" data-book="4297152754">楽天で見る</a></div></div></div><div class="jv-book-card"><a class="jv-book-cover" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer"><img decoding="async" src="https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240" alt="開発効率をアップする! Claude Code 実用入門" width="120" height="170" loading="lazy"></a><div class="jv-book-info"><p class="jv-book-title">開発効率をアップする! Claude Code 実用入門</p><p class="jv-book-author">大澤文孝</p><div class="jv-book-btns"><a class="jv-btn jv-btn-az" href="https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22" target="_blank" rel="nofollow sponsored noopener noreferrer" data-shelf="ai" data-mall="amazon" data-book="4839990204">Amazonで見る</a></div></div></div></div><p class="jv-books-note">私のおすすめからランダムで3冊を表示しています</p></div>
<style>
.jv-books{border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:1.5em 0;background:#fff}
.jv-books-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.jv-books-title{font-weight:700;font-size:1.05em}
.jv-books-pr{font-size:.7em;color:#888;border:1px solid #ccc;border-radius:3px;padding:1px 6px;flex-shrink:0}
.jv-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:330px}
.jv-book-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #f0f0f0;border-radius:6px;padding:12px 8px;background:#fafafa}
.jv-book-cover img{width:auto;max-width:120px;height:170px;object-fit:contain}
.jv-book-info{width:100%;flex:1;display:flex;flex-direction:column}
.jv-book-title{font-size:.82em;font-weight:600;line-height:1.4;margin:8px 0 2px;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jv-book-author{font-size:.72em;color:#777;margin:0 0 8px}
.jv-book-btns{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:auto}
.jv-btn{display:block;text-align:center;font-size:.78em;font-weight:600;color:#fff!important;text-decoration:none!important;border-radius:4px;padding:7px 4px;line-height:1.2}
.jv-btn-az{background:#e88b00}
.jv-btn-rk{background:#bf0000}
.jv-btn:hover{opacity:.85}
.jv-books-note{font-size:.7em;color:#999;text-align:right;margin:8px 0 0}
@media(max-width:599px){
.jv-books-grid{grid-template-columns:1fr;min-height:0}
.jv-book-card{flex-direction:row;text-align:left;gap:12px}
.jv-book-cover img{height:110px;max-width:80px}
.jv-book-info{min-width:0}
.jv-book-title{min-height:0}
.jv-book-btns{flex-direction:row}
.jv-btn{flex:1}
}
</style>
<script>
(function(){
var SHELF='ai';
var all=document.querySelectorAll('.jv-books[data-shelf="'+SHELF+'"]');
var root=null;
for(var k=0;k<all.length;k++){if(!all[k].dataset.jvinit){root=all[k];break;}}
if(!root)return;
root.dataset.jvinit='1';
var POOL=[{"t": "実践Claude Code入門", "a": "西見公宏・吉田真吾・大嶋勇樹", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3540/9784297153540_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297153548?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18439208%2F", "id": "4297153548"}, {"t": "Claude CodeによるAI駆動開発入門", "a": "平川知秀", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2758/9784297152758_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297152754?tag=javeo2022-22", "rk": "https://hb.afl.rakuten.co.jp/hgc/24ecde15.e492bb61.24ecde16.6c9a125b/?pc=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F&#038;m=https%3A%2F%2Fbooks.rakuten.co.jp%2Frb%2F18401065%2F", "id": "4297152754"}, {"t": "開発効率をアップする! Claude Code 実用入門", "a": "大澤文孝", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/0206/9784839990206.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4839990204?tag=javeo2022-22", "rk": "", "id": "4839990204"}, {"t": "Microsoft 365 Copilot踏み込み活用術", "a": "太田浩史", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/3401/9784295023401_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/429502340X?tag=javeo2022-22", "rk": "", "id": "429502340X"}, {"t": "Google NotebookLM 即効活用大全", "a": "増田智明", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5995/9784297155995_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4297155990?tag=javeo2022-22", "rk": "", "id": "4297155990"}, {"t": "できるClaude &#038; Claude Cowork", "a": "清水理史・できるシリーズ編集部", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4842/9784295024842_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4295024848?tag=javeo2022-22", "rk": "", "id": "4295024848"}, {"t": "Claude仕事術", "a": "佐藤傑", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5304/9784815645304.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4815645302?tag=javeo2022-22", "rk": "", "id": "4815645302"}, {"t": "あらゆる仕事が爆速化する Claude Code徹底活用術", "a": "ひつじ", "img": "https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/2901/9784534062901_1_2.jpg?_ex=240x240", "az": "https://www.amazon.co.jp/dp/4534062907?tag=javeo2022-22", "rk": "", "id": "4534062907"}];
var REL='nofollow sponsored noopener noreferrer';
function el(tag,cls){var e=document.createElement(tag);if(cls)e.className=cls;return e;}
function btn(href,cls,label,mall,id){
var a=el('a','jv-btn '+cls);a.href=href;a.target='_blank';a.rel=REL;a.textContent=label;
a.setAttribute('data-shelf',SHELF);a.setAttribute('data-mall',mall);a.setAttribute('data-book',id);
return a;}
function card(b){
var d=el('div','jv-book-card');
var cover=el('a','jv-book-cover');cover.href=b.az;cover.target='_blank';cover.rel=REL;
var img=el('img');img.src=b.img;img.alt=b.t;img.width=120;img.height=170;img.loading='lazy';
cover.appendChild(img);
var info=el('div','jv-book-info');
var ttl=el('p','jv-book-title');ttl.textContent=b.t;
var au=el('p','jv-book-author');au.textContent=b.a;
var btns=el('div','jv-book-btns');
btns.appendChild(btn(b.az,'jv-btn-az','Amazonで見る','amazon',b.id));
if(b.rk){btns.appendChild(btn(b.rk,'jv-btn-rk','楽天で見る','rakuten',b.id));}
info.appendChild(ttl);info.appendChild(au);info.appendChild(btns);
d.appendChild(cover);d.appendChild(info);
return d;}
var pool=POOL.slice();
for(var i=pool.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=pool[i];pool[i]=pool[j];pool[j]=t;}
var grid=root.querySelector('.jv-books-grid');
grid.style.opacity='0';
while(grid.firstChild)grid.removeChild(grid.firstChild);
pool.slice(0,3).forEach(function(b){grid.appendChild(card(b));});
grid.style.transition='opacity .5s ease';
void grid.offsetWidth;
grid.style.opacity='1';
})();
</script>
</div>]]></content:encoded>
					
					<wfw:commentRss>https://javeo.jp/claude-code-mcp-jisaku/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
