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

MCPサーバーはAIエージェント向けにセマンティックツールディスカバリーを提供する必要があります
Tools

MCPサーバーはAIエージェント向けにセマンティックツールディスカバリーを提供する必要があります

Needと呼ばれるMCPサーバーは、brew、npm、pip、cargoから10,000以上のツールを対象に意味検索を可能にします。エージェントが「これらのPNGを圧縮して」といったタスクを要求すると、pngquantを見つけ、インストールし、実行し、成功したかどうかを報告します。

OpenClawRadar
セッション検索:Claude CodeとCodexセッションのローカル全文検索、メニューバーで利用可能
Tools

セッション検索:Claude CodeとCodexセッションのローカル全文検索、メニューバーで利用可能

Session Searchは、SQLite FTSを使用してローカルのClaude CodeとCodexのトランスクリプトをインデックス化し、エラー、コマンド、ファイル名、決定事項にわたる深い全文検索を可能にします。macOSのメニューバーからアクセスでき、ハイライトされたスニペットが表示されます。

OpenClawRadar
ReasonDB: ベクトル検索ではなくLLM誘導ツリーナビゲーションを使用するオープンソースドキュメントデータベース
Tools

ReasonDB: ベクトル検索ではなくLLM誘導ツリーナビゲーションを使用するオープンソースドキュメントデータベース

ReasonDBは、ドキュメント構造を階層として保持し、ベクトル検索の代わりにLLMガイドによるツリートラバーサルを検索に使用するオープンソースのドキュメントデータベースです。初期検索にはBM25を使用し、構造フィルタリングにはtree-grepを使用し、LLMが数百万ノードのうち約25ノードを訪問するビームサーチトラバーサルを採用しています。

OpenClawRadar
Octopoda: ローカルAIエージェント向けオープンソースメモリレイヤー
Tools

Octopoda: ローカルAIエージェント向けオープンソースメモリレイヤー

Octopodaは、ローカルAIエージェントにセッション間の永続的メモリ、意味検索、ループ検出、クラッシュ回復を提供するオープンソースのメモリレイヤーです。33MBの埋め込みモデルで完全にオフラインで動作し、LangChain、CrewAI、AutoGen、OpenAI Agents SDKと統合できます。

OpenClawRadar