Skip to content

原文(日本語に翻訳)

Claude in Chrome通知を改善し、ヘルプテキストを短縮し、閉じるまで永続的に表示されるようにしました

原文(英語)

Improved the Claude in Chrome notification with shortened help text and persistent display until dismissed

概要

Claude Code v2.1.0で改善された、Claude in Chrome機能の通知表示です。以前のバージョンでは、Claude in Chromeが利用可能なことを知らせる通知が長いヘルプテキストで表示され、自動的に消えてしまうため見逃すことがありました。この改善により、通知のテキストが簡潔になり、ユーザーが明示的に閉じるまで表示され続けるようになり、重要な情報を見逃さなくなりました。

改善前の動作

長くて自動消滅する通知

bash
# Claude Codeを起動
claude

# 修正前の通知:
┌────────────────────────────────────────┐
 ℹ️ Claude in Chrome is now available!

 You can now use Claude directly in
 your Chrome browser for enhanced
 coding experience. Visit chrome://...
 to install the extension and start...
 ...(長いテキストが続く)
└────────────────────────────────────────┘

# 3秒後に自動消滅
# ... 消えた!

# 問題点:
# - テキストが長すぎて読み切れない
# - 自動的に消えて情報を失う
# - 重要な情報を見逃す

改善後の動作

簡潔で永続的な通知

bash
# Claude Codeを起動
claude

# 修正後の通知:
┌────────────────────────────────────┐
 ℹ️ Claude in Chrome available
 Press 'i' for info, 'x' to dismiss
└────────────────────────────────────┘

# ユーザーが閉じるまで表示され続ける

# 'i' を押すと:
┌────────────────────────────────────┐
 Claude in Chrome

 Use Claude directly in Chrome
 Install: chrome://extensions/...

 Press 'x' to dismiss
└────────────────────────────────────┘

# ✓ 簡潔で読みやすい
# ✓ 詳細は必要に応じて表示
# ✓ 閉じるまで表示

実践例

初回起動時

新しいユーザーへの案内。

bash
# 初めてClaude Codeを使用
claude

# 簡潔な通知:
┌────────────────────────────────────┐
 ℹ️ Claude in Chrome available
 Press 'i' for info, 'x' to dismiss
└────────────────────────────────────┘

# ユーザーが気づくまで表示

# 後で確認する場合:
# 作業を続ける
> /commit
> /review-pr

# 通知はそのまま表示
# 好きなタイミングで確認可能

# 'i' を押して詳細確認:
# インストール手順が表示される

# 'x' を押して閉じる:
# 通知が消える

# ✓ ユーザーのペースで確認できる

バージョンアップ時

新機能の通知。

bash
# v2.1.0にアップグレード後
claude

# 新機能通知:
┌────────────────────────────────────┐
 🆕 New: Chrome integration
 Press 'i' for details, 'x' to skip
└────────────────────────────────────┘

# 'i' で詳細表示:
┌────────────────────────────────────┐
 Claude in Chrome v2.1.0

 New features:
 Screenshot support
 Code highlighting
 Real-time collaboration

 Install now: chrome://extensions

 Press 'x' to dismiss
└────────────────────────────────────┘

# ✓ 新機能を見逃さない

設定で無効化

通知が不要な場合。

bash
# 通知を無効化
claude --no-notifications

# または設定ファイル:
# ~/.claude/settings.json
{
  "notifications": {
    "chromeExtension": false
  }
}

# 以降、Chrome関連の通知は表示されない

# ✓ 柔軟な設定

複数通知の管理

複数の通知が表示される場合。

bash
# 複数の新機能がある場合
claude

# 通知スタック:
┌────────────────────────────────────┐
 ℹ️ Claude in Chrome available
 Press 'i' for info, 'x' to dismiss
└────────────────────────────────────┘
┌────────────────────────────────────┐
 🆕 New skill: /code-review
 Press 'i' for info, 'x' to dismiss
└────────────────────────────────────┘

# 個別に確認・閉じることが可能
# 'x' を押すと上から順に閉じる

# ✓ 複数の通知を管理しやすい

注意点

  • Claude Code v2.1.0(2026年1月7日リリース)で実装
  • 通知の改善点:
    • 短縮テキスト: 1-2行の簡潔なメッセージ
    • 永続表示: ユーザーが閉じるまで表示
    • 詳細表示オプション: 'i' キーで詳細を確認
    • 簡単な閉じ方: 'x' キーで即座に閉じる
  • キーボード操作:
    • i: 詳細情報を表示
    • x: 通知を閉じる(消す)
    • Enter: デフォルトアクション(詳細表示)
    • Esc: 通知を閉じる
  • 通知の種類:
    • 情報(ℹ️): 新機能、ヒント
    • 新着(🆕): バージョンアップ、新しいスキル
    • 警告(⚠️): 重要な変更、非推奨機能
    • エラー(❌): 問題、トラブル
  • 表示タイミング:
    • Claude Code起動時
    • 新しいバージョンの初回起動時
    • 重要な機能が利用可能になった時
  • 通知の永続性:
    • 明示的に閉じるまで表示
    • セッションをまたいでも表示(未読の場合)
    • 一度閉じると再表示されない
  • 通知の無効化:
    bash
    # 全通知を無効化
    # ~/.claude/settings.json
    {
      "notifications": {
        "enabled": false
      }
    }
    
    # 特定の通知のみ無効化
    {
      "notifications": {
        "chromeExtension": false,
        "newFeatures": true,
        "updates": true
      }
    }
  • 通知履歴:
    bash
    # 過去の通知を確認
    > /notifications
    
    # 履歴表示:
    # 1. Claude in Chrome available (2026-01-31)
    # 2. New skill: /code-review (2026-01-30)
    # 3. Update v2.1.0 released (2026-01-07)
  • 通知の再表示:
    bash
    # 閉じた通知を再表示
    > /notifications show chrome-extension
    
    # または設定をリセット
    rm ~/.claude/notifications-state.json
  • カスタム通知:
    bash
    # プロジェクト固有の通知
    # .claude/notifications.json
    {
      "notifications": [
        {
          "id": "project-setup",
          "title": "Project setup required",
          "message": "Run 'npm install' to setup",
          "persistent": true
        }
      ]
    }
  • 通知のスタイリング:
    • ターミナル幅に応じて自動調整
    • 色分け(情報: 青、警告: 黄、エラー: 赤)
    • ボックスデザインで目立つ表示
  • デバッグモード:
    bash
    claude --debug
    
    # 通知の詳細ログ:
    # [DEBUG] Notification shown: chrome-extension
    # [DEBUG] User action: dismissed
    # [DEBUG] Notification state saved
  • 関連する設定:
    • ~/.claude/settings.json - 通知設定
    • ~/.claude/notifications-state.json - 通知状態
    • .claude/notifications.json - プロジェクト固有の通知

関連情報