Chrome拡張機能がClaude Code Webにライブプレビュー機能を追加

✍️ OpenClawRadar📅 公開日: April 20, 2026🔗 Source
Chrome拡張機能がClaude Code Webにライブプレビュー機能を追加
Ad

概要

開発者が、Claude Code Webにライブプレビュー機能を追加するChrome拡張機能を作成しました。これにより、Lovableや「バイブコーディング」サイトと称される他のプラットフォームで利用可能なものと同様に、デプロイメントを並べて表示できるようになります。

詳細

この拡張機能はClaude Code Previewと呼ばれ、Chromeで利用可能です。ソースによると、「CC Webでデプロイメントのライブプレビューを並べて表示」する機能を提供します。開発者は2つのリンクを共有しています:1つはウェブサイト(https://100toolkit.com/claudepreview)へ、もう1つはChromeウェブストアのリスト(https://chromewebstore.google.com/detail/claude-code-preview/goklhjjdneoeikkoemcngfdnodkddgme)へのリンクです。

この種の拡張機能は、Claude Code Webを使用する開発者の特定のワークフローのギャップに対処します。この拡張機能がなければ、ユーザーは手動でコードをデプロイし、別のブラウザタブやウィンドウで確認する必要があります。並列プレビュー機能により、開発中に即座に視覚的なフィードバックを得ることができ、リアルタイムでの変更確認が反復サイクルを加速させるウェブ開発において特に有用です。

この拡張機能は、Anthropicによる公式リリースではなく、コミュニティメンバー(/u/Fit-Joke6094)によって作成されたサードパーティツールのようです。開発者は、Claude Code Webインターフェースと直接対話するため、インストール前にセキュリティと互換性について評価する必要があります。

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Agent-Desktop: OSアクセシビリティツリーによる構造化デスクトップ自動化
Tools

Agent-Desktop: OSアクセシビリティツリーによる構造化デスクトップ自動化

Agent-desktopは、OSのアクセシビリティAPIを通じてネイティブアプリを検査・操作するための53のコマンドを持つクロスプラットフォームCLI(Rustバイナリ、約15MB)で、JSON出力を提供します。スクリーンショットやビジョンモデルは不要です。段階的なスケルトントラバーサルにより、SlackやVS Codeのような高密度アプリではトークン使用量を78〜96%削減します。

OpenClawRadar
クローページ:OpenClawの会話を静的ウェブサイトに変換するツール
Tools

クローページ:OpenClawの会話を静的ウェブサイトに変換するツール

開発者がClawpageというスキルを作成しました。これはOpenClawのセッション履歴を静的ウェブページに変換し、貴重な会話、やり取り、調査、デバッグプロセスを保存するものです。このツールはGitHubで利用可能です。

OpenClawRadar
デザイン作業におけるClaude:毎回同じ好みの議論を繰り返すのを止める方法
Tools

デザイン作業におけるClaude:毎回同じ好みの議論を繰り返すのを止める方法

クライアント案件でClaudeを使用している開発者が、中核的な問題を説明する:Claudeは却下されたデザイン決定を記憶せず、その結果、一般的な出力と一貫性のないブランド・アイデンティティが生じる。

OpenClawRadar
Qwen3.6-27Bをローカル推論層として:2週間のマルチエージェントテスト結果
Tools

Qwen3.6-27Bをローカル推論層として:2週間のマルチエージェントテスト結果

開発者がClaudeをローカルのQwen3.6-27Bに置き換え、マルチエージェントオーケストレーターで2週間、47のワークフローを実行。結果:強力な推論、12%のツールコール形式エラー、12kトークンのコンテキスト制限。

OpenClawRadar