コーデックスの実践的な経験を少し共有する:ひょうたんに合わせてひょうたんを描く 要件はこんな感じで、Claude Agent SDKで書かれたAgent UIを元にメッセージ送信機能をリファクタリングして、画像の送信をサポートできるようにしたい(現在はテキスト送信のみに対応しています、図1) 私は言いません:入力ボックスを刷新し、画像のアップロード🙅をサポートするのを手伝ってください 文脈情報が非常に少ないため、あなたの言うことを実行することはできません。 この機能を実現するには、手動で行う場合: 1. 画像のアップロードをサポートするように UI を変更する 2. フロントエンドからバックエンドに画像を転送できるように API インターフェイスを変更する 3. サーバー側の処理を変更し、バックエンドプログラムに画像をClaude Agent SDKに渡すようにする もちろん、理論的には、これらのタスクを順番に 3 つの小さなタスクに分割するのが最善ですが、実際には、適切にプロンプトを表示し、十分なコンテキストを提供していれば、GPT-5-Codex High はすでにこのような複雑なタスクを一度に完了できます。 プロンプトがどのように表示されたかを見てください(図2): > 1. 現在のメッセージ送信コンポーネントを {Ref Code File 1} に置き換えます。 > 2. 非同期送信( プロンプト>:文字列、 >添付ファイル?: AttachmentData[]、 >includeSelection?: ブール値、 >)と{参照コードファイル3} > export const composeUserContent = ( >テキスト: 文字列、 >添付ファイル?: AttachmentData[]、 >選択?: SelectionSnapshot | ヌル >) 添付ファイルの取り扱いの実施 > 3. [送信] をクリックして添付ファイルを base64 文字列に変換し、WebSocket に送信します > 4. 以下のコードを参照して、ccsdk/ai-client.ts のメッセージ処理部分を書き換えて、添付ファイルの送信をサポートします...