OpenCode: OpenCode Theme and Appearance
最終更新:2026-08-31
--- title: OpenCodeテーマ、ショートカットキーとカスタムコマンド description: 外観テーマ、キーボードショートカット、カスタムコマンドをカスタマイズする order: 14 lang: ja
テーマ、ショートカットキー、コマンドのカスタマイズはOpenCodeの体験を大幅に向上させます。
1. 学習内容
- テーマの切り替えとカスタマイズ
- ショートカットキーの設定
- カスタムコマンド
- TUI外観の調整
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のショートカットは適用されない。
📖 まとめ
/themesでテーマ切り替え、Ctrl+X → Tでクイック切り替え- Ctrl+Xがショートカットのリーダーキー
- インタラクション構文:
/コマンド、@参照、!Shell - opencode.jsonでショートカットキーとTUIをカスタマイズ
📝 練習問題
-
基本問題:Draculaテーマに切り替えて、視覚的な違いを体験してください。
-
応用問題:マウスを使用せず、キーボードショートカットのみで開発タスクを完了してください。
-
チャレンジ問題:opencode.jsonでショートカットキーをカスタマイズし、使いやすいキー配置にしてください。