<h2 id="%E3%81%93%E3%82%8C%E3%81%AA%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%93%E3%82%8C%E3%81%AA%E3%81%AB" aria-hidden="true"></a> これなに</h2>
<p data-line="2" class="code-line">これを書いた後にClineが盛り上がってきたので、また書きたくなった。二番煎じをやめろ。</p>
<p data-line="4" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4ebfe48e2bf31" src="https://embed.zenn.studio/card#zenn-embedded__4ebfe48e2bf31" data-content="https%3A%2F%2Fzenn.dev%2Fwatany%2Farticles%2F50665ee40f4948" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/watany/articles/50665ee40f4948" style="display:none" target="_blank">https://zenn.dev/watany/articles/50665ee40f4948</a></p>
<p data-line="6" class="code-line">大枠では変わってないので軽めのTips集です。</p>
<h3 id="%E5%89%8D%E5%9B%9E%E3%81%8B%E3%82%89%E5%A4%89%E3%82%8F%E3%81%A3%E3%81%9F%E7%82%B9" data-line="8" class="code-line">
<a class="header-anchor-link" href="#%E5%89%8D%E5%9B%9E%E3%81%8B%E3%82%89%E5%A4%89%E3%82%8F%E3%81%A3%E3%81%9F%E7%82%B9" aria-hidden="true"></a> 前回から変わった点</h3>
<p data-line="10" class="code-line">一か月前(2025/2/3)に書いた時から状況が変わっている</p>
<ul data-line="12" class="code-line">
<li data-line="12" class="code-line">ハイブリッド推論モデルとして、Claude 3.7 Sonnetが公開(2/24)</li>
</ul>
<p data-line="14" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3439145ffd85f" src="https://embed.zenn.studio/card#zenn-embedded__3439145ffd85f" data-content="https%3A%2F%2Fwww.anthropic.com%2Fnews%2Fclaude-3-7-sonnet" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.anthropic.com/news/claude-3-7-sonnet" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.anthropic.com/news/claude-3-7-sonnet</a></p>
<ul data-line="16" class="code-line">
<li data-line="16" class="code-line">
<p data-line="16" class="code-line">Clineのアップデート</p>
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line">
<code>.clineignore</code>による読み込み対象からの除外</li>
<li data-line="18" class="code-line">
<code>@terminal</code>, <code>@git</code>によるコンテキスト理解の改善</li>
<li data-line="19" class="code-line">MCP Marketplace</li>
</ul>
</li>
<li data-line="21" class="code-line">
<p data-line="21" class="code-line">mizchiさんの魂が震えた</p>
</li>
</ul>
<p data-line="23" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__bc60b38dccfc2" src="https://embed.zenn.studio/card#zenn-embedded__bc60b38dccfc2" data-content="https%3A%2F%2Fzenn.dev%2Fmizchi%2Farticles%2Fall-in-on-cline" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/mizchi/articles/all-in-on-cline" style="display:none" target="_blank">https://zenn.dev/mizchi/articles/all-in-on-cline</a></p>
<h2 id="%E3%83%A2%E3%83%87%E3%83%AB%E9%81%B8%E5%AE%9A(2025%2F03)" data-line="25" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A2%E3%83%87%E3%83%AB%E9%81%B8%E5%AE%9A(2025%2F03)" aria-hidden="true"></a> モデル選定(2025/03)</h2>
<p data-line="27" class="code-line">利用経験のあるモデルを主観的にランク付けしている。</p>
<ul data-line="29" class="code-line">
<li data-line="29" class="code-line">Tier1(基本これでいい)
<ul data-line="30" class="code-line">
<li data-line="30" class="code-line">Claude 3.7 Sonnet</li>
</ul>
</li>
<li data-line="31" class="code-line">Tier2(サブ機)
<ul data-line="32" class="code-line">
<li data-line="32" class="code-line">Claude 3.6 Sonnet</li>
<li data-line="33" class="code-line">Claude 3.5 Sonnet</li>
<li data-line="34" class="code-line">Gemini 2.0 Pro</li>
</ul>
</li>
<li data-line="35" class="code-line">Tier3(節約用。簡単なActをケチる時)
<ul data-line="36" class="code-line">
<li data-line="36" class="code-line">Claude 3.5 Haiku</li>
<li data-line="37" class="code-line">Amazon Nova Pro（Roo Codeのみ）</li>
<li data-line="38" class="code-line">Gemini 2.0 Flash</li>
</ul>
</li>
<li data-line="39" class="code-line">Tier4(ミスが多く、使ってはいけない)
<ul data-line="40" class="code-line">
<li data-line="40" class="code-line">GPT-4o</li>
<li data-line="41" class="code-line">o1-mini</li>
<li data-line="42" class="code-line">Claude 3.0 Haiku</li>
</ul>
</li>
</ul>
<p data-line="44" class="code-line">そもそもTier3以下の予算しか用意できない時は使えない、くらいの認識でいて良い。それくらいTier2とTier3の壁は厚い。</p>
<h3 id="tier1%E3%80%81tier2%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="46" class="code-line">
<a class="header-anchor-link" href="#tier1%E3%80%81tier2%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> Tier1、Tier2について</h3>
<p data-line="48" class="code-line">Claude 3.7 Sonnetは仕様を納得できるまで読み込むのだけど、結果としてダイナミックにファイルを読み散らかしてトークンが嵩んだりする。他にも動きが全体的に過剰に感じる。Tier1,Tier2という上下関係でなく、使い分けが有効な可能性があることを雑感として残しておく。</p>
<h2 id="mode%E6%88%A6%E7%95%A5" data-line="50" class="code-line">
<a class="header-anchor-link" href="#mode%E6%88%A6%E7%95%A5" aria-hidden="true"></a> Mode戦略</h2>
<p data-line="52" class="code-line">最近は3種類の気持ちを使い分けている。</p>
<h3 id="1.-%E5%A3%81%E6%89%93%E3%81%A1" data-line="54" class="code-line">
<a class="header-anchor-link" href="#1.-%E5%A3%81%E6%89%93%E3%81%A1" aria-hidden="true"></a> 1. 壁打ち</h3>
<p data-line="56" class="code-line">課題に対してplanするだけ。コードベースに対して単に知恵が欲しい時にやる。どっから何したらいいかわからん時に聞くChat感覚の使い方。</p>
<p data-line="58" class="code-line">この工程は大事だと思っていて、後述の2.と3.を雑に振る前に不明点をこれで解決するとハッピー。読み込み → ユーザーからのフィードバック → 計画策定がワンストップで便利なので、Cline懐疑派の人もこれだけの為に導入していい。</p>
<h3 id="2.-%E8%87%AA%E5%8B%95%E9%96%8B%E7%99%BA" data-line="60" class="code-line">
<a class="header-anchor-link" href="#2.-%E8%87%AA%E5%8B%95%E9%96%8B%E7%99%BA" aria-hidden="true"></a> 2. 自動開発</h3>
<p data-line="62" class="code-line">課題に対してPlanし、Actする基本のスタイル。直観的に使えるが概要を知りたい人はこちら。</p>
<p data-line="64" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__15fb7d3b453dd" src="https://embed.zenn.studio/card#zenn-embedded__15fb7d3b453dd" data-content="https%3A%2F%2Fdocs.cline.bot%2Fexploring-clines-tools%2Fplan-and-act-modes-a-guide-to-effective-ai-development" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.cline.bot/exploring-clines-tools/plan-and-act-modes-a-guide-to-effective-ai-development" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.cline.bot/exploring-clines-tools/plan-and-act-modes-a-guide-to-effective-ai-development</a></p>
<h3 id="3.-%E5%9F%BA%E6%9C%AC%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB" data-line="66" class="code-line">
<a class="header-anchor-link" href="#3.-%E5%9F%BA%E6%9C%AC%E3%81%AE%E9%96%8B%E7%99%BA%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB" aria-hidden="true"></a> 3. 基本の開発スタイル</h3>
<p data-line="68" class="code-line">課題に対してplanし、設計を吐き出して一度終える。デカそうな課題とか、2. で失敗する匂いがある時はここで止めて落ち着く。</p>
<h2 id="auto-approve" data-line="70" class="code-line">
<a class="header-anchor-link" href="#auto-approve" aria-hidden="true"></a> Auto Approve</h2>
<p data-line="72" class="code-line">良くも悪くもClineの特徴となる機能である。</p>
<h3 id="read" data-line="74" class="code-line">
<a class="header-anchor-link" href="#read" aria-hidden="true"></a> Read</h3>
<p data-line="76" class="code-line">読まれたくないファイルは<code>.clineignore</code>で制御してるので、基本的に常時有効にしている。</p>
<p data-line="78" class="code-line">強いて言うとClaude 3.7になってからファイルを開きまくるので、たまに無効にする。しかし提案されたファイルの読み込みを手動で許可するだけなので、無効化は気持ちを落ち着ける儀式にすぎないね。</p>
<h3 id="write" data-line="80" class="code-line">
<a class="header-anchor-link" href="#write" aria-hidden="true"></a> Write</h3>
<p data-line="82" class="code-line">基本的に常時有効にして、おかしいなと思ったら手動Approveに切り替える。雰囲気がヤバいとマイクロマネジメントになるあれです。沼にハマるのでn回ミスったら最初からやり直す、とマイルールを立てておくと良い。</p>
<h3 id="exec" data-line="84" class="code-line">
<a class="header-anchor-link" href="#exec" aria-hidden="true"></a> Exec</h3>
<p data-line="86" class="code-line">最近はコマンド実行を自動にしなくなった。安全性もそうだが、コマンド承認のタイミングを停止点にして、休憩なり処理の見直しの時間に充てている。</p>
<p data-line="88" class="code-line">打つべきコマンドは自動で提案してくれるので、承認を手動にしても不満はそこまでない。</p>
<h4 id="auto-approve%E3%82%92%E5%AE%89%E5%85%A8%E3%81%AB%E4%BD%BF%E3%81%84%E3%81%9F%E3%81%84" data-line="90" class="code-line">
<a class="header-anchor-link" href="#auto-approve%E3%82%92%E5%AE%89%E5%85%A8%E3%81%AB%E4%BD%BF%E3%81%84%E3%81%9F%E3%81%84" aria-hidden="true"></a> Auto Approveを安全に使いたい</h4>
<p data-line="92" class="code-line">Clineのコマンド実行も自動実行させたい場合、安全性を担保する方法をパッと思いつく限りではこんな所だろうか。</p>
<ul data-line="94" class="code-line">
<li data-line="94" class="code-line">devcontainer</li>
<li data-line="95" class="code-line">Web IDE</li>
<li data-line="96" class="code-line">何らかのSandBox機構</li>
</ul>
<p data-line="98" class="code-line">私は考えるのが面倒なのと、あまりマシンパワーが必要なことをしていないのでWeb IDEで済ませている。良さげなSandBox機構が生まれると良いね。</p>
<h2 id=".clinerules%2Fsystem-prompt" data-line="100" class="code-line">
<a class="header-anchor-link" href="#.clinerules%2Fsystem-prompt" aria-hidden="true"></a> .clinerules/system prompt</h2>
<p data-line="102" class="code-line">AI様だからなんでも出来るだろう、じゃなくて普通のオンボーディングを真面目にやるのが大事。</p>
<h3 id="must" data-line="104" class="code-line">
<a class="header-anchor-link" href="#must" aria-hidden="true"></a> Must</h3>
<p data-line="106" class="code-line">やらないと性能に影響する</p>
<ul data-line="108" class="code-line">
<li data-line="108" class="code-line">MemoryBank</li>
</ul>
<p data-line="110" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__fe010aaf3521a" src="https://embed.zenn.studio/card#zenn-embedded__fe010aaf3521a" data-content="https%3A%2F%2Fdocs.cline.bot%2Fimproving-your-prompting-skills%2Fcustom-instructions-library%2Fcline-memory-bank" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.cline.bot/improving-your-prompting-skills/custom-instructions-library/cline-memory-bank" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.cline.bot/improving-your-prompting-skills/custom-instructions-library/cline-memory-bank</a></p>
<ul data-line="112" class="code-line">
<li data-line="112" class="code-line">失敗時のフロー制御
<ul data-line="113" class="code-line">
<li data-line="113" class="code-line">ex. "同じファイルへの操作を2回失敗するならプランを再検討して"</li>
</ul>
</li>
<li data-line="114" class="code-line">タスク完了を定義する
<ul data-line="115" class="code-line">
<li data-line="115" class="code-line">ex. "〇〇でのテストが全件通るのがタスク完了です"</li>
</ul>
</li>
<li data-line="116" class="code-line">Linter.Formatter,Testツールの使い方
<ul data-line="117" class="code-line">
<li data-line="117" class="code-line">ex. "Lint.Format,Testはnpm scriptに従ってください。具体的な使用例は～"</li>
</ul>
</li>
</ul>
<h3 id="should" data-line="119" class="code-line">
<a class="header-anchor-link" href="#should" aria-hidden="true"></a> Should</h3>
<p data-line="120" class="code-line">やらないと完成はするが、出来栄えに満足できないもの</p>
<ul data-line="122" class="code-line">
<li data-line="122" class="code-line">開発手法・戦略</li>
<li data-line="123" class="code-line">ドメイン知識・独自ルール</li>
<li data-line="124" class="code-line">コメントスタイル</li>
</ul>
<h3 id="no" data-line="126" class="code-line">
<a class="header-anchor-link" href="#no" aria-hidden="true"></a> No</h3>
<ul data-line="128" class="code-line">
<li data-line="128" class="code-line">〇〇は読まない、は<code>.clineignore</code>に書く。</li>
<li data-line="129" class="code-line">
<code>.clinerules</code>は日本語で書かない。
<ul data-line="130" class="code-line">
<li data-line="130" class="code-line">英語の方が理解力が上がるらしい。少なくとも実利としてToken数を節約できる</li>
<li data-line="131" class="code-line">内容を確認したくなったらAIに日本語で読み上げてもらう</li>
</ul>
</li>
</ul>
<h3 id="%E7%90%86%E5%BF%B5%E3%82%88%E3%82%8A%E5%AE%9F%E4%BE%8B%E3%81%8C%E8%A6%8B%E3%81%9F%E3%81%84" data-line="134" class="code-line">
<a class="header-anchor-link" href="#%E7%90%86%E5%BF%B5%E3%82%88%E3%82%8A%E5%AE%9F%E4%BE%8B%E3%81%8C%E8%A6%8B%E3%81%9F%E3%81%84" aria-hidden="true"></a> 理念より実例が見たい</h3>
<p data-line="136" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__a9963884d875a" src="https://embed.zenn.studio/card#zenn-embedded__a9963884d875a" data-content="https%3A%2F%2Fgithub.com%2Fmizchi%2Failab%2Ftree%2Fmain%2F.cline%2Frules" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/mizchi/ailab/tree/main/.cline/rules" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/mizchi/ailab/tree/main/.cline/rules</a></p>
<p data-line="138" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__7bcc4658b6bf2" src="https://embed.zenn.studio/card#zenn-embedded__7bcc4658b6bf2" data-content="https%3A%2F%2Fgithub.com%2FPatrickJS%2Fawesome-cursorrules" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/PatrickJS/awesome-cursorrules" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/PatrickJS/awesome-cursorrules</a></p>
<h2 id="appendix.-%E7%AD%86%E8%80%85%E3%81%AE%E6%84%8F%E8%A6%8B" data-line="142" class="code-line">
<a class="header-anchor-link" href="#appendix.-%E7%AD%86%E8%80%85%E3%81%AE%E6%84%8F%E8%A6%8B" aria-hidden="true"></a> Appendix. 筆者の意見</h2>
<h3 id="cline%E3%81%8C%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%92%E9%96%93%E9%81%95%E3%81%88%E3%82%8B" data-line="144" class="code-line">
<a class="header-anchor-link" href="#cline%E3%81%8C%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%92%E9%96%93%E9%81%95%E3%81%88%E3%82%8B" aria-hidden="true"></a> Clineがフレームワークの使い方を間違える</h3>
<p data-line="146" class="code-line">これを参考に<code>.cline/</code>とかに教材としてのテキストを置く</p>
<p data-line="148" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__12920181902cd" src="https://embed.zenn.studio/card#zenn-embedded__12920181902cd" data-content="https%3A%2F%2Fzenn.dev%2Fwatany%2Farticles%2F0b28a68a2dffc3" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/watany/articles/0b28a68a2dffc3" style="display:none" target="_blank">https://zenn.dev/watany/articles/0b28a68a2dffc3</a></p>
<h3 id="%E3%81%A9%E3%81%AE%E3%83%95%E3%82%A9%E3%83%BC%E3%82%AF%E3%82%92%E4%BD%BF%E3%81%88%E3%81%B0%E3%81%84%E3%81%84%E3%81%AE" data-line="150" class="code-line">
<a class="header-anchor-link" href="#%E3%81%A9%E3%81%AE%E3%83%95%E3%82%A9%E3%83%BC%E3%82%AF%E3%82%92%E4%BD%BF%E3%81%88%E3%81%B0%E3%81%84%E3%81%84%E3%81%AE" aria-hidden="true"></a> どのフォークを使えばいいの</h3>
<p data-line="152" class="code-line">本家とRoo以外は考えない。私は本家で困っていない。</p>
<h3 id="aws%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E5%90%91%E3%81%91" data-line="154" class="code-line">
<a class="header-anchor-link" href="#aws%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E5%90%91%E3%81%91" aria-hidden="true"></a> AWSユーザー向け</h3>
<p data-line="156" class="code-line">Cline側の実装は済んでいるので、Bedrock Prompt CachingがGAするまでは耐えましょう。Nova Proを代替えにすると安いが、世間で利用されている水準からすると繋ぎレベル。</p>
<h3 id="si%2Fses%E6%A5%AD%E7%95%8C%E3%81%8C%E8%88%88%E5%91%B3%E3%82%92%E6%8C%81%E3%81%A4%E3%81%B9%E3%81%8D%E3%81%8B%EF%BC%9F" data-line="158" class="code-line">
<a class="header-anchor-link" href="#si%2Fses%E6%A5%AD%E7%95%8C%E3%81%8C%E8%88%88%E5%91%B3%E3%82%92%E6%8C%81%E3%81%A4%E3%81%B9%E3%81%8D%E3%81%8B%EF%BC%9F" aria-hidden="true"></a> SI/SES業界が興味を持つべきか？</h3>
<p data-line="160" class="code-line">短期的には単金や利益率に影響するので目を背けたくなるのはわかるが、他の省力化ソリューションと同様にかなりの確率でこちらの業界にも来る。明確に人件費・要員調達に実利があるため。Agentを”使える”側になるように早めにキャッチしておく。</p>
<h3 id="cline%E3%81%AB%E8%B3%AD%E3%81%91%E3%82%8B%E3%81%B9%E3%81%8D%E3%81%8B%EF%BC%9F" data-line="162" class="code-line">
<a class="header-anchor-link" href="#cline%E3%81%AB%E8%B3%AD%E3%81%91%E3%82%8B%E3%81%B9%E3%81%8D%E3%81%8B%EF%BC%9F" aria-hidden="true"></a> Clineに賭けるべきか？</h3>
<p data-line="164" class="code-line">賭けなくてもいいが、実感で判断できる程度には触る。AWSやk8s並に開発者の前提が変わるプロダクトの可能性が高いので、概念が複雑化する前にClineの感覚を身体に叩き込まないと振り落とされてしまう。星取表や公開事例を待ってからでは遅いという焦燥感は持った方がいい。</p>


わざわざ言語化されないClineのコツ

Clineがフレームワークの使い方を間違える

SI/SES業界が興味を持つべきか？

tips

Discussion