Skip to content

IDE機能

Trae IDEは、現代の開発ニーズに対応した包括的な機能セットを提供します。直感的なインターフェースから高度な開発ツールまで、生産性を最大化し、開発体験を向上させるよう設計されています。

コアエディタ機能

高度なテキスト編集

マルチカーソル編集

  • 複数の場所で同時編集
  • Ctrl+D (Windows/Linux) または Cmd+D (macOS) で同じ単語を選択
  • Alt+Click で任意の場所にカーソルを追加

インテリジェント選択

  • 単語、行、ブロック、関数の自動選択
  • Ctrl+W (Windows/Linux) または Cmd+W (macOS) で選択範囲を拡張
  • 構文認識による正確な選択

高度な検索と置換

  • 正規表現サポート
  • ファイル横断検索
  • 大文字小文字の区別、単語全体マッチング
  • プレビュー付き一括置換

コード折りたたみとナビゲーション

スマート折りたたみ

javascript
// 関数、クラス、コメントブロックの折りたたみ
class UserManager {
  constructor() { ... }  // ← 折りたたみ可能
  
  async fetchUsers() {   // ← 折りたたみ可能
    // 実装詳細
  }
}

ブレッドクラムナビゲーション

  • 現在の位置をファイル構造で表示
  • クリックで任意のレベルにジャンプ
  • ネストした構造の理解を支援

ファイル管理

プロジェクトエクスプローラー

ツリービュー

  • 階層的なファイル構造表示
  • ドラッグ&ドロップでファイル移動
  • 右クリックコンテキストメニュー

ファイル操作

  • 新規ファイル/フォルダ作成
  • 名前変更、削除、複製
  • ファイルテンプレート

フィルタリングと検索

  • ファイル名による絞り込み
  • ファイルタイプフィルター
  • 隠しファイルの表示/非表示

タブ管理

効率的なタブ操作

  • タブのピン留め
  • タブグループ化
  • 分割ビューでの複数ファイル表示

タブナビゲーション

  • Ctrl+Tab でタブ切り替え
  • Ctrl+W でタブを閉じる
  • Ctrl+Shift+T で最近閉じたタブを復元

統合ターミナル

内蔵ターミナル

マルチターミナルサポート

  • 複数のターミナルセッション
  • 異なるシェル(bash、zsh、PowerShell)
  • タブ化されたターミナルインターフェース

ターミナル機能

bash
# プロジェクトルートで自動起動
npm install
git status
python manage.py runserver

# 分割ターミナルビュー
# 左: 開発サーバー | 右: Git操作

カスタマイズ

  • フォント、色、テーマの設定
  • キーバインドのカスタマイズ
  • 起動時のデフォルトコマンド

バージョン管理統合

Git統合

ビジュアルGit操作

  • ファイル変更の視覚的表示
  • インラインでの差分表示
  • ステージング/アンステージング

ブランチ管理

  • ブランチ作成、切り替え、マージ
  • ブランチ履歴の視覚化
  • コンフリクト解決支援

コミット機能

# 統合されたコミットインターフェース
📝 コミットメッセージ: "Add user authentication feature"

変更されたファイル:
✅ src/auth/login.js
✅ src/auth/register.js
⚠️  src/config/database.js (部分的にステージング)

差分ビューアー

サイドバイサイド比較

  • 変更前後の並列表示
  • 行レベルでの変更ハイライト
  • インライン編集機能

変更履歴

  • ファイルの変更履歴表示
  • 特定のコミットとの比較
  • ブレームビュー(行ごとの変更者表示)

デバッグ機能

統合デバッガー

ブレークポイント管理

  • 行クリックでブレークポイント設定
  • 条件付きブレークポイント
  • ログポイント(出力のみ、実行停止なし)

デバッグセッション

javascript
// デバッグ中の変数監視
function calculateTotal(items) {
  let total = 0;  // ← ブレークポイント
  
  for (const item of items) {
    total += item.price * item.quantity;  // ← 変数値を監視
  }
  
  return total;
}

デバッグパネル

  • 変数ウォッチ
  • コールスタック表示
  • ローカル変数の値表示

言語別デバッグサポート

JavaScript/Node.js

  • Chrome DevToolsとの統合
  • ソースマップサポート
  • ライブリロード

Python

  • pdbデバッガー統合
  • Django/Flaskアプリケーションサポート
  • 仮想環境認識

その他の言語

  • Java: JDBサポート
  • C#: .NET Coreデバッガー
  • Go: Delveデバッガー統合

拡張機能とカスタマイズ

テーマとカスタマイズ

ビジュアルテーマ

  • ダークテーマ、ライトテーマ
  • 高コントラストテーマ
  • カスタムカラースキーム

エディタ設定

json
{
  "editor": {
    "fontSize": 14,
    "fontFamily": "Fira Code",
    "lineHeight": 1.5,
    "wordWrap": "on",
    "minimap": true,
    "rulers": [80, 120]
  }
}

キーボードショートカット

カスタマイズ可能なキーバインド

  • 全ての操作にショートカット割り当て可能
  • 他のエディタからのキーマップインポート
  • コンテキスト別のキーバインド

よく使用されるショートカット

機能Windows/LinuxmacOS
ファイルを開くCtrl+OCmd+O
保存Ctrl+SCmd+S
検索Ctrl+FCmd+F
置換Ctrl+HCmd+H
コマンドパレットCtrl+Shift+PCmd+Shift+P

生産性向上機能

コマンドパレット

クイックアクセス

  • Ctrl+Shift+P で全機能にアクセス
  • ファジー検索による高速検索
  • 最近使用したコマンドの履歴

ファイルナビゲーション

  • Ctrl+P でファイルクイック開く
  • パスの一部入力で絞り込み
  • 最近開いたファイルの履歴

スニペット

コードスニペット

javascript
// 'cl' + Tab で展開
console.log('${1:message}');

// 'func' + Tab で展開
function ${1:functionName}(${2:parameters}) {
  ${3:// 実装}
}

カスタムスニペット

  • 言語別スニペット定義
  • プロジェクト固有のスニペット
  • 動的変数とプレースホルダー

ワークスペース管理

マルチルートワークスペース

  • 複数のプロジェクトを同時に開く
  • プロジェクト間でのファイル共有
  • 統一された設定管理

プロジェクトテンプレート

  • 新規プロジェクトの雛形
  • フレームワーク別テンプレート
  • カスタムプロジェクト構造

パフォーマンス機能

大きなファイルの処理

効率的なファイル処理

  • 大きなファイルの部分読み込み
  • 仮想スクロール
  • メモリ使用量の最適化

検索とインデックス

  • バックグラウンドインデックス作成
  • 増分検索
  • 除外パターンの設定

レスポンシブ設計

適応的UI

  • 画面サイズに応じたレイアウト調整
  • パネルの自動折りたたみ
  • タッチデバイス対応

アクセシビリティ

ユニバーサルデザイン

視覚的アクセシビリティ

  • 高コントラストテーマ
  • フォントサイズの調整
  • カラーブラインド対応

キーボードナビゲーション

  • 全機能のキーボードアクセス
  • フォーカス表示の明確化
  • スクリーンリーダー対応

統合機能

外部ツール統合

ビルドシステム

  • npm、yarn、Maven、Gradle統合
  • カスタムビルドタスク
  • エラー出力の解析

リンター/フォーマッター

  • ESLint、Prettier、Black統合
  • 保存時の自動フォーマット
  • リアルタイムエラー表示

クラウド統合

リモート開発

  • SSH経由でのリモート編集
  • コンテナ内での開発
  • クラウドワークスペース

同期機能

  • 設定の同期
  • 拡張機能の同期
  • キーバインドの同期

Trae IDEの豊富な機能セットは、あらゆる開発シナリオに対応し、効率的で楽しい開発体験を提供します。各機能は相互に連携し、統合された開発環境を実現しています。

究極の AI 駆動 IDE 学習ガイド