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サーバーがClaudeをCellarTrackerワイン在庫に接続
Tools

MCPサーバーがClaudeをCellarTrackerワイン在庫に接続

ある開発者が、ClaudeをCellarTrackerアカウントに直接接続するMCPサーバーを構築しました。これにより、ワインコレクションを問い合わせる際の手動CSVエクスポートが不要になります。

OpenClawRadar
クロードの171内部感情ベクトルが出力に影響:Anthropic研究に基づくツールキット
Tools

クロードの171内部感情ベクトルが出力に影響:Anthropic研究に基づくツールキット

Anthropicの研究論文によると、Claudeには感情ベクトルのように機能する171の内部活性化パターンがあり、文章を書く前にその行動を因果的に駆動しています。開発者はこれらの知見に基づき、7つの実用的なプロンプティング原則とシステムプロンプトを含むツールキットを作成しました。

OpenClawRadar
Fehu: Claude AI MCP統合によるCLI複式簿記
Tools

Fehu: Claude AI MCP統合によるCLI複式簿記

Fehuは、MCPを介してClaude AIに接続する軽量CLI個人会計ツールで、SQLiteをバックエンドとした複式簿記システムにより自然言語での取引記録を可能にします。階層型アカウント、ハッシュタグによる自動タグ付け、強力な計算エンジン、マルチ通貨対応などの機能を備えています。

OpenClawRadar
Claude Codeを使って放置していた個人プロジェクトを復活させる方法:実践ガイド
Tools

Claude Codeを使って放置していた個人プロジェクトを復活させる方法:実践ガイド

Matthew Brunelle氏が、Claude Code(Opus 4.6使用)を用いて、YouTube MusicからOpenSubsonic APIへのシャムプロジェクトを復活させた方法を、セットアップ手順、プロンプト、ワークフローのヒントとともに紹介しています。

OpenClawRadar