<p data-line="0" class="code-line">講習会用にまとめたもの。可能なら公式ドキュメントを参照するのを推奨するが、この資料ではサッと使いはじめるために要点を絞って解説する。</p>
<p data-line="2" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__cc32caea5c2e7" src="https://embed.zenn.studio/card#zenn-embedded__cc32caea5c2e7" data-content="https%3A%2F%2Fdocs.anthropic.com%2Fja%2Fdocs%2Fwelcome" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.anthropic.com/ja/docs/welcome" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.anthropic.com/ja/docs/welcome</a></p>
<p data-line="4" class="code-line">claude-code は claude-code 自身で開発されており、恐ろしい速度で更新されてる点に注意。この資料は一瞬で古くなる。</p>
<p data-line="6" class="code-line">アカウントの契約等は省略</p>
<h2 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E5%AE%9F%E8%A1%8C" data-line="8" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E5%AE%9F%E8%A1%8C" aria-hidden="true"></a> インストールと実行</h2>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="10">$ <span class="token function">npm</span> i <span class="token parameter variable">-g</span> @anthropic-ai/claude-code
$ claude
<span class="token comment"># Token 等初期のセットアップ</span>
</code></pre></div><h2 id="%E3%82%BB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E7%AE%A1%E7%90%86" data-line="16" class="code-line">
<a class="header-anchor-link" href="#%E3%82%BB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E7%AE%A1%E7%90%86" aria-hidden="true"></a> セッションの管理</h2>
<p data-line="18" class="code-line">一番簡単な使い方</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="20">$ claude
<span class="token operator">&gt;</span> hello
こんにちは！どのようなお手伝いをしましょうか？
<span class="token comment"># Ctrl-C で抜ける</span>
</code></pre></div><p data-line="27" class="code-line">次回起動時はこの会話を忘れているが、 <code>-c</code> で直近のセッションに戻れる。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="29">$ claude <span class="token parameter variable">-c</span>
</code></pre></div><p data-line="33" class="code-line">直近のセッション以外に戻りたいときは、 <code>-r</code> (--resume) を使う。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="35">$ claude <span class="token parameter variable">-r</span>
    Modified    Created     <span class="token comment"># Messages Summary</span>
❯ <span class="token number">1</span>. 1m ago      1m ago               <span class="token number">2</span> hello
</code></pre></div><h2 id="%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3" data-line="41" class="code-line">
<a class="header-anchor-link" href="#%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3" aria-hidden="true"></a> セキュリティ</h2>
<p data-line="43" class="code-line"><code>.claude/settings.json</code> でデフォルトのパーミッションを指定できる。</p>
<p data-line="45" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f5963fec29833" src="https://embed.zenn.studio/card#zenn-embedded__f5963fec29833" data-content="https%3A%2F%2Fdocs.anthropic.com%2Fen%2Fdocs%2Fclaude-code%2Fsettings" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.anthropic.com/en/docs/claude-code/settings" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.anthropic.com/en/docs/claude-code/settings</a></p>
<div class="code-block-container"><pre class="language-json"><code class="language-json code-line" data-line="47"><span class="token punctuation">{</span>
  <span class="token property">"permissions"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token property">"allow"</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"Bash(npm run lint)"</span><span class="token punctuation">,</span> <span class="token string">"Bash(npm run test:*)"</span><span class="token punctuation">,</span> <span class="token string">"Read(~/.zshrc)"</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
    <span class="token property">"deny"</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"Bash(curl:*)"</span><span class="token punctuation">]</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p data-line="56" class="code-line">セッション内で <code>&lt;Shift+TAB&gt;</code> でモードを切り替える。</p>
<ul data-line="58" class="code-line">
<li data-line="58" class="code-line">
<code>⏵⏵ auto-accept edits on</code>: 明示的に許可されていたり、一度許可されたコマンドは自動で許可するモード</li>
<li data-line="59" class="code-line">
<code>⏸ plan mode on  </code>: ファイルを編集せずに、Readonly で設計を練るモード。</li>
<li data-line="60" class="code-line">
<code>Bypassing Permissions</code>: <code>--allow-dangerosuly-permissions</code> で全部許可するモード。<strong>危険</strong>
</li>
</ul>
<p data-line="62" class="code-line">最初はデフォルトで使用しつつ、慣れてきたら permission を制御して権限を渡して許容できる範囲で自動化していくのを推奨。</p>
<p data-line="64" class="code-line"><code>rm -rf ~/</code> を実行された人もいます。</p>
<h2 id="%E3%82%88%E3%81%8F%E4%BD%BF%E3%81%86%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" data-line="66" class="code-line">
<a class="header-anchor-link" href="#%E3%82%88%E3%81%8F%E4%BD%BF%E3%81%86%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89" aria-hidden="true"></a> よく使うコマンド</h2>
<p data-line="68" class="code-line"><code>/model</code> モデル指定する。デフォルトでは Sonnet と Opus を使い分けるようになっているが、<code>Opus</code> のみの指定もできる。コンテキスト消費速度は約 5 倍なのに注意。</p>
<p data-line="70" class="code-line"><code>/clear</code> で会話履歴をリセットする。変なログを食って、暴走し始めたときに使う。</p>
<p data-line="72" class="code-line"><code>/compact</code> はそのセッションの会話を要約して、コンテキストを圧縮する。<br>
履歴が膨らむと勝手に発動するので、よく使うというか、残念ながら使わされるコマンド</p>
<div class="code-block-container"><pre><code class="code-line" data-line="75">  /compact
      Clear conversation history but keep a summary in context. Optional:
       /compact [instructions for summarization]
</code></pre></div><p data-line="81" class="code-line"><code>@/</code> ファイル名を補完できる。</p>
<p data-line="83" class="code-line"><code>! pwd</code>: <code>!</code> だと AI を介さずに直接コマンドを実行。勝手に CD して暴走してるときがあるので、指示を出す前に確認</p>
<p data-line="85" class="code-line">claude 内で <code># </code> で入力することで、動的に CLAUDE.md に追記することも可能。</p>
<div class="code-block-container"><pre><code class="code-line" data-line="87"># t-wada の TDD に従う
</code></pre></div><p data-line="91" class="code-line">また、 <code>.claude/commands/custom-command.md</code> を置けば、claude 内で使えるカスタムコマンドを作れる。</p>
<p data-line="93" class="code-line">自分が作った gemini cli に検索させる例。</p>
<div class="code-block-container"><pre class="language-markdown"><code class="language-markdown code-line" data-line="95"><span class="token title important"><span class="token punctuation">##</span> Gemini Search</span>

<span class="token code-snippet code keyword">`gemini`</span> is google gemini cli. <span class="token bold"><span class="token punctuation">**</span><span class="token content">When this command is called, ALWAYS use this for web search instead of builtin <span class="token code-snippet code keyword">`Web_Search`</span> tool.</span><span class="token punctuation">**</span></span>

When web search is needed, you MUST use <span class="token code-snippet code keyword">`gemini --prompt`</span> via Task Tool.

Run web search via Task Tool with <span class="token code-snippet code keyword">`gemini --prompt 'WebSearch: $ARGUMENTS'`</span>

Run

<span class="token code"><span class="token punctuation">```</span><span class="token code-language">bash</span>
<span class="token code-block language-bash">gemini <span class="token parameter variable">--prompt</span> <span class="token string">'WebSearch: $ARGUMENTS'</span></span>
<span class="token punctuation">```</span></span>
</code></pre></div><p data-line="111" class="code-line"><code>think</code>, <code>think hard</code>, <code>ultrathink</code>. この文言をプロンプトに含むと、Reasoning モードになり AI が出力を自己反復して深く考えるようになる。トークン消費も実行時間も多く消費するので、<strong>常に使う必要はない</strong>。どうしてもバグを直せないときに。</p>
<h2 id="%E3%83%A1%E3%83%A2%E3%83%AA%E3%81%AE%E7%AE%A1%E7%90%86%3A-claude.md" data-line="113" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A1%E3%83%A2%E3%83%AA%E3%81%AE%E7%AE%A1%E7%90%86%3A-claude.md" aria-hidden="true"></a> メモリの管理: CLAUDE.md</h2>
<ul data-line="115" class="code-line">
<li data-line="115" class="code-line">
<code>~/.claude/CLAUDE.md</code>: 常に読み込まれる
<ul data-line="116" class="code-line">
<li data-line="116" class="code-line">自分はこれだけ: <code>ユーザーには日本語で応答してください。</code>
</li>
</ul>
</li>
<li data-line="117" class="code-line">
<code>./CLAUDE.md</code>: claude を実行したときのディレクトリで読み込まれる。</li>
</ul>
<p data-line="119" class="code-line">設定例</p>
<div class="code-block-container"><pre class="language-markdown"><code class="language-markdown code-line" data-line="121">このプロジェクトでは npm と typescript と vitest を使う
</code></pre></div><p data-line="125" class="code-line"><code>/memory</code> を実行することで、今読み込んでいるメモリーを確認できる</p>
<div class="code-block-container"><pre><code class="code-line" data-line="127">/memory

Memory Files
 L user: ~/.claude/CLAUDE.md
 L project: ~/mizchi/ai-coding-guide/examples/07-real-world/CLAUDE.md

Learn more: https://docs.anthropic.com/en/docs/claude-code/memory

╭─────────────────────────────────────────────────────────────────────────╮
│                                                                         │
│ Select memory to edit:                                                  │
│                                                                         │
│  ❯ 1. Project memory          Checked in at ./CLAUDE.md                 │
│    2. Project memory (local)  Gitignored in ./CLAUDE.local.md           │
│    3. User memory             Saved in ~/.claude/CLAUDE.md              │
│                                                                         │
│ Memory file does not exist yet. [Enter] to create ./CLAUDE.md.          │
│                                                                         │
╰─────────────────────────────────────────────────────────────────────────╯
</code></pre></div><h2 id="mcp-%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="149" class="code-line">
<a class="header-anchor-link" href="#mcp-%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> MCP の設定</h2>
<p data-line="151" class="code-line">AI が使えるツールを追加する。 <code>claude mcp</code> コマンドで管理できる。</p>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="153">$ claude mcp <span class="token function">add</span> playwright-mcp npx -- <span class="token parameter variable">-y</span> @playwright/mcp@latest
</code></pre></div><p data-line="157" class="code-line">あるいは <code>.mcp.json</code> だが、既に <code>~/claude.json</code> にプロジェクトが管理されていると、読み込まれたり読み込まれなかったりする。</p>
<div class="code-block-container"><pre class="language-json"><code class="language-json code-line" data-line="159"><span class="token punctuation">{</span>
  <span class="token property">"mcpServers"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token property">"readability"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
      <span class="token property">"command"</span><span class="token operator">:</span> <span class="token string">"npx"</span><span class="token punctuation">,</span>
      <span class="token property">"args"</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">"-y"</span><span class="token punctuation">,</span> <span class="token string">"@mizchi/readability"</span><span class="token punctuation">,</span> <span class="token string">"--mcp"</span><span class="token punctuation">]</span>
    <span class="token punctuation">}</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p data-line="170" class="code-line"><code>/mcp</code> で起動してるツールを確認できる。</p>
<div class="code-block-container"><pre><code class="code-line" data-line="172">/mcp
╭─────────────────────────────────────────────────────────────────────────╮
│ Manage MCP servers                                                      │
│                                                                         │
│ ❯ 1. playwright-mcp  ✔ connected · Enter to view details                │
╰─────────────────────────────────────────────────────────────────────────╯
   Esc to exit
</code></pre></div><h2 id="%E3%83%AC%E3%83%BC%E3%83%88%E3%83%AA%E3%83%9F%E3%83%83%E3%83%88%E3%81%AE%E4%BD%93%E6%84%9F%E5%80%A4" data-line="182" class="code-line">
<a class="header-anchor-link" href="#%E3%83%AC%E3%83%BC%E3%83%88%E3%83%AA%E3%83%9F%E3%83%83%E3%83%88%E3%81%AE%E4%BD%93%E6%84%9F%E5%80%A4" aria-hidden="true"></a> レートリミットの体感値</h2>
<p data-line="184" class="code-line">使いまくってるとレートリミットが来る。</p>
<p data-line="186" class="code-line">おそらく時間あたりの上限の半分で <code>Approaching OUsage Limit...</code> が表示されるが、まだ余裕がある。<code>You will reset at 11pm/Asia</code> のように表示されると、ほぼ限界。</p>
<p data-line="188" class="code-line">自分は $200 のプランで、 3 並列で使っていると、5 時間のうち 1 時間ぐらいは止まっている。コードリーディングや、休憩時間に当てている。</p>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A" data-line="190" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A" aria-hidden="true"></a> おわり</h2>
<p data-line="192" class="code-line">この資料では、プロンプトの書き方等は説明しない。そこは使いながら覚えてください。</p>


速習 Claude Code

あきらき

philoludum

<blockquote data-line="0" class="code-line">
<p data-line="0" class="code-line"><code>$ npm i -g @anthropic/claude-code</code></p>
</blockquote>
<p data-line="2" class="code-line">公式ドキュメントでは <code>npm install -g @anthropic-ai/claude-code</code> となっているようです<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3872c2797e05c" src="https://embed.zenn.studio/card#zenn-embedded__3872c2797e05c" data-content="https%3A%2F%2Fdocs.anthropic.com%2Fja%2Fdocs%2Fclaude-code%2Foverview%23%25E5%259F%25BA%25E6%259C%25AC%25E7%259A%2584%25E3%2581%25AA%25E4%25BD%25BF%25E7%2594%25A8%25E6%2596%25B9%25E6%25B3%2595" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.anthropic.com/ja/docs/claude-code/overview#%E5%9F%BA%E6%9C%AC%E7%9A%84%E3%81%AA%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.anthropic.com/ja/docs/claude-code/overview#基本的な使用方法</a></p>


<p data-line="0" class="code-line"><code>npm i</code>は<code>npm install</code>のエイリアスなので、同じことですよ</p>


<p data-line="0" class="code-line">説明不足ですみません、@anthropic/claude-code と @anthropic-ai/claude-code の違いについてコメントしたつもりでした</p>


<p data-line="0" class="code-line">なるほど、こちらこそ早とちりすみません！　タイポっぽいですね。</p>


Discussion