AIエージェント活用事例

今日の新着

44すべて 189件

全189件中 1〜20件

開発・コーディング

ブラウザーでアクセシビリティをチェックし実行証拠を残す

著者がコーディングエージェントを使い、ブラウザーとチェックツールを実行してアクセシビリティ確認結果と画面証拠を残した使用記録です。

使い方

  1. チェックするウェブページとShowboat・Rodneyの実行環境を用意し、確認する画面フローを決めます。
  2. コーディングエージェントがブラウザー制御とアクセシビリティチェックコマンドを実行し、結果やスクリーンショットをドキュメントとして残す使用例があります。

結果

著者はエージェントがアクセシビリティチェックコマンドを実行し、画面と結果をドキュメントとして残した例を公開しています。

補足

著者が公開したアクセシビリティチェックの使用記録です。Showboat・Rodneyはエージェントが呼び出す補助ツールであり、本記事ではClaude Codeの活用に焦点を当てています。

出典

Simon Willison의 Showboat·Rodney 사용 기록 原文 ↗

プロンプト例 · Claude Code

目標:ブラウザーでアクセシビリティをチェックし、実行証拠を残してください。

入力・環境:[テストページ]、[チェックフロー]、[Showboat・Rodney環境]、[結果保存場所]

参考原文:https://simonwillison.net/2026/Feb/10/showboat-and-rodney/

公開されている業務フローを参考に、テスト環境で再現できる実装や作業手順を準備してください。原文で公開されていない内部コードや設定は推測せず、代替接続が必要な場合はその旨を伝えてください。

準備する接続と資料:チェックするウェブページとShowboat・Rodneyの実行環境を用意し、確認する画面フローを決めてください。

実装するエージェント動作:コーディングエージェントがブラウザー制御とアクセシビリティチェックコマンドを実行し、結果やスクリーンショットをドキュメントとして残す使用例があります。

動作範囲:著者が公開したアクセシビリティチェックの使用記録です。Showboat・Rodneyはエージェントが呼び出す補助ツールであり、本記事ではClaude Codeの活用に焦点を当てています。

成果物はアクセシビリティチェック結果と実行証拠のドキュメントです。必要な設定手順と実際の実行方法もあわせて整理してください。ツールが返した結果を確認した後、次の作業を選択し、アクセスできない資料や実行できなかった作業は別途記録してください。

検証:ツールの実行記録とスクリーンショットが同じ画面を指しているか、キーボード移動や入力名を実際の画面で確認したかをチェックしてください。検証に使った入力と実際の出力、まだ確認できていない項目を区別して提示してください。