Claude Codeの組み込みブラウザとDOM — ページ読み取り・操作の仕組みを理解する
Hiroba による自動要約
2026年7月に Claude Code Desktop に組み込まれたブラウザは、外部ドキュメントやローカルサーバーを表示・操作できます。このブラウザが何ができるのかを理解するには DOM (Document Object Model) の概念が重要で、HTML テキストをプログラムから操作可能なオブジェクトツリーとして扱うことで、座標指定ではなく要素の構造に基づいた操作が実現されています。
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 5124 件あります。
関連する記事
同じタグの記事
Ollama Cloud を複数のハーネスで使う設定方法
ZennOllama Cloud を Claude Code、opencode、dsh、junie など複数の開発ハーネスで利用するための設定手順をまとめた記事。ローカルサーバー経由とクラウド API 直接アクセスの両方に対応し、モデル指定時の context window 設定やautoモード時の罠と回避策を解説。
Claude Code の長い回答をターミナルで読まない工夫
ZennClaude Code からの長い回答はターミナルには結論と link だけを返し、詳細は HTML ページとして手元に書き出す cc-pages ツールの実装例。ページにする判断は Claude Code 自身に任せ、skill で基準を繰り返し調整することで、ターミナルでの効率性と読みやすさを両立させた。
Claude Code が止まった理由ごとに通知を出し分ける hooks レシピと、効かないときの確認リスト
Zenn複数の Claude Code セッションを並列実行する際、停止を見逃す問題に対して、hooks を使い停止理由（許可待ち・入力待ち・API上限等）ごとに異なる文言と効果音で通知するレシピを紹介。macOS の osascript を活用した実装例と、hooks が動作しないときのトラブルシューティングリストを掲載。
Claude Desktop の印刷屋プラグインでチャットから帳票デザインを作成・改善する手法
QiitaClaude Desktop チャットだけで帳票（見積書）のデザインを複数パターン作成・改善する実例。雰囲気で指示→スクリーンショットで崩れを指摘→案を並べて比較、という流れで CSS や計算式を書かずにデザイン仕上げまで進める方法を、4 段階の具体例で解説。