🔰はじめての方へ

【Claude Code】ターミナルに画像を添付する方法|スクショもファイルもOK

AI
記事内に広告が含まれています。
スポンサーリンク

Claude Code でコーディングをお願いするとき、「この画像を参考にして」と画像を見せたい場面がよくあります。

VSCodeの拡張機能やデスクトップアプリなら、ドラッグ&ドロップで画像を渡せます

でもターミナルだと、画像をどうやって渡せばいいのか分からない

私はこれが理由で、ずっとVSCodeやデスクトップアプリのほうを使っていました。

今回そのやり方を調べて実際に試したところ、ターミナルでもちゃんと画像を添付できました

この記事では、私が実際に試した方法を中心にまとめます。

結論:スクショはコピーして貼り付けるだけでした

私が試して一番手軽だったのが、スクリーンショットをコピーして貼り付ける方法です。

Mac での手順は、こうでした。

①スクショをクリップボードにコピーする

まず、次のショートカットでスクショを撮ります。

Cmd + Shift + Control + 4

この Control を含めるのがポイントでした。

いつもの Cmd + Shift + 4 だと画像がファイルとして保存されますが、Control を足すと、ファイルではなくクリップボードにコピーされます。

私はこれを知らなくて、今回やってみて「こんな撮り方があったのか」と驚きました。

②ターミナルで貼り付ける

撮ったら、Claude Code の入力欄で貼り付けます。

私の環境では、Cmd + V で貼り付けられました

うまくいくと、こんな表示が出ます。

[Image #1]

[Image #1] が「添付できているサイン」です

正直に言うと、私は最初この [Image #1] を見て「何この記号…」と戸惑いました。

でもこれは、画像がちゃんと追加できていることを表す表示でした。

これが出ていれば、画像はClaude Codeに渡せています。あとは、いつものように指示を書いて送ればOKでした。

貼り付けのキーは、環境で変わるようです

ひとつ注意点があります。

私の環境では Cmd + V で貼り付けできましたが、Ctrl + V ではできませんでした

ところが、調べてみると「Macでも Ctrl + V で貼り付ける」と書いている記事が多くありました。

つまり、どちらのキーで貼れるかは、環境(ターミナルアプリの種類や設定)によって変わるようです。

もし片方で貼れなかったら、もう片方を試してみるのがよさそうです。

私の場合は Cmd + V が正解でした

Finderにある画像も、コピペで添付できました

スクショだけでなく、すでに持っている画像ファイルを添付したい場合もあると思います。

Finderに保存してある画像も、試したところ添付できました。

やり方は、Finderで画像をコピーして、ターミナルの入力欄に貼り付けるだけです。

私は最初ドラッグ&ドロップを試したのですが、私の環境ではうまくいかず、コピー&ペーストならできました

これも [Image #1] の表示が出れば、添付成功のサインです。

ファイルパスを直接書く方法

コピペ以外に、画像ファイルの場所(パス)を直接入力する方法もあります。

指示文の中に、画像のパスを書き添えるイメージです。

この画像を参考に、同じデザインのボタンを作ってください。
/Users/ユーザー名/Desktop/design.png

パスというのは、そのファイルがどこにあるかを表す住所のようなものです。

ファイルパスの調べ方

Macの場合、Finderで画像を右クリックしたあとに、 option(⌥)キーを押しながら見ると、「〜としてパスをコピー」という項目が出てきます。

これを使うと、その画像のパスをそのままコピーできます。

パスは絶対パス(/から始まる完全な住所)でも、相対パス(今いる場所を基準にした書き方)でも指定できるようです。

Windowsの場合(調べた範囲で)

私はMacなので未検証ですが、Windowsでのやり方も調べた範囲で書いておきます。

スクショは Win + Shift + S で撮ってクリップボードにコピーし、ターミナルで貼り付ける流れのようです。

貼り付けのキーは、Windowsでも Ctrl + V とは限らず、環境によって違う場合があるようでした。

パスを指定する場合は、Windowsの書き方(C:\Users\ユーザー名\… の形)になるとのことです。

このあたりは私が確認できていないので、うまくいかない場合は、お使いの環境に合わせて調べてみるのがよさそうです。

まとめ

Claude Code のターミナルでも、画像はちゃんと添付できました。

貼り付けのキーは、私の環境では Cmd + V でしたが、ここは環境によって変わるようなので、片方でだめならもう片方を試すのがよさそうです。

そして [Image #1] という表示が出れば、画像はちゃんと渡せています。ここを知らないと戸惑うので、覚えておくと安心だと思います。

私はこれまで「ターミナルだと画像が渡せない」と思ってVSCodeばかり使っていたのですが、やり方さえ分かれば、ターミナルでも問題なく画像を見せられました。

関連記事

ターミナル版とVSCode拡張版の違いや使い分けについては、こちらにまとめています。

【Claude Code】VSCode拡張版とターミナル版の違いと使い分け
Claude CodeのVSCode拡張版とターミナル版の違いを、実際に使っている立場からまとめました。私がターミナルを避けている理由(変更が見えにくい、Enterで送信されてしまう)と、その改行問題が設定で解決できることも紹介しています。

ターミナルでの改行(Enterで送信されてしまう問題)については、こちらです。

【Claude Code】ターミナルで改行する方法|Shift+Enterで送信されてしまうとき
Claude Codeのターミナルで改行したいのにEnterで送信されてしまう問題を、実際に試して解決した方法をまとめました。Ctrl+Jで改行する方法と、/terminal-setupでShift+Enterを使えるようにする手順を紹介しています。