OpenCode: OpenCode Theme and Appearance

最終更新:2026-08-31

--- title: OpenCodeテーマ、ショートカットキーとカスタムコマンド description: 外観テーマ、キーボードショートカット、カスタムコマンドをカスタマイズする order: 14 lang: ja

テーマ、ショートカットキー、コマンドのカスタマイズはOpenCodeの体験を大幅に向上させます。

1. 学習内容


2. テーマ

TUIで切り替え:/themesまたはCtrl+X → T

内蔵テーマ:default、dark、light、monokai、dracula

設定ファイル:

JSON
{ "theme": "dracula" }

3. ショートカットキー

Ctrl+Xがデフォルトのリーダーキー(VimのLeaderキーに類似):

機能 ショートカット
ヘルプ Ctrl+X → H
新規セッション Ctrl+X → N
取り消し Ctrl+X → U
やり直し Ctrl+X → R
モデル一覧 Ctrl+X → M
テーマ切り替え Ctrl+X → T
会話エクスポート Ctrl+X → X
エージェント一覧 Ctrl+X → A
AGENTS.md初期化 Ctrl+X → I
エディタ Ctrl+X → E
コンテキスト圧縮 Ctrl+X → C
詳細切り替え Ctrl+X → D
終了 Ctrl+X → Q

カスタムショートカットキー:

JSON
{
  "keybinds": {
    "agent_cycle": "tab",
    "session_child_cycle": "ctrl+right"
  }
}

4. コアインタラクション構文

プレフィックス 機能
/ 内蔵コマンド /models
@ ファイル参照 @src/index.ts
! Shellコマンド !npm test

5. TUI設定

JSON
{
  "tui": {
    "scroll_speed": 3,
    "scroll_acceleration": { "enabled": true }
  }
}

❓ FAQ

Q リーダーキーはカスタマイズできますか?
A はい、opencode.jsonのkeybinds設定で変更可能。ただしCtrl+Xはコミュニティの慣例なので変更は推奨されない。
Q ショートカットキーがVimと競合する場合?
A OpenCodeのショートカットは入力ボックスがフォーカスされている時のみ有効。/editorでVimを開いている間はOpenCodeのショートカットは適用されない。

📖 まとめ


📝 練習問題

  1. 基本問題:Draculaテーマに切り替えて、視覚的な違いを体験してください。

  2. 応用問題:マウスを使用せず、キーボードショートカットのみで開発タスクを完了してください。

  3. チャレンジ問題:opencode.jsonでショートカットキーをカスタマイズし、使いやすいキー配置にしてください。

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%