Wikibooks

コードエディタ

コードエディタ

編集

概要

編集

コードエディタは、プログラミングコードを効率的に編集するために設計された特殊なテキストエディタです。Microsoft Wordなどの一般的なワードプロセッサとは異なり、プレーンテキストを扱い、コーディングに特化した機能を提供します。

主なコードエディタ

編集

クロスプラットフォーム対応

編集
Visual Studio Code (VS Code)
  • Microsoft開発の高機能エディタ
  • 無料・オープンソース
  • 豊富な拡張機能
  • Git統合やデバッグ機能を標準搭載
  • 多言語対応とインテリセンス機能
  • 最も広く使用されているコードエディタの一つ
Sublime Text
  • 高速・軽量な動作が特徴
  • 有料（無期限の評価版あり）
  • パワフルな検索・置換機能
  • 高度なカスタマイズが可能
  • 豊富なパッケージエコシステム
Atom
  • GitHub開発のモダンなエディタ（2022年12月でサポート終了）
  • 無料・オープンソース
  • エレクトロン製で高いカスタマイズ性
  • コミュニティ主導の拡張機能開発
Brackets
  • Adobe開発のWebフロントエンド特化型エディタ
  • 無料・オープンソース
  • ライブプレビュー機能
  • Web開発に特化した機能セット

Windows向け

編集
Notepad++
  • Windows専用の軽量エディタ
  • 無料・オープンソース
  • 豊富なプラグイン
  • マクロ記録機能
  • 列編集モード
UltraEdit
  • 高機能な商用エディタ
  • 大きなファイルの編集に強い
  • FTP/SFTP統合
  • 高度な検索・置換
  • マルチカーソル編集

macOS向け

編集
BBEdit
  • macOS専用の老舗テキストエディタ
  • 1992年から開発が続く
  • 高度な検索・置換機能
  • テキスト処理に特化
  • 有料（無料版はTextWranglerとして提供）
TextMate
  • macOS向けの人気エディタ
  • 洗練されたmacOSネイティブUI
  • 強力なスニペット機能
  • バンドル機能による拡張性

UNIX/Linux向け

編集
Gedit
  • GNOMEデスクトップ環境の標準エディタ
  • シンプルで使いやすい
  • プラグインによる機能拡張
  • 無料・オープンソース
Kate
  • KDEデスクトップ環境の標準エディタ
  • 高度な編集機能
  • プロジェクト管理機能
  • 組み込みターミナル
Neovim
  • Vimの現代的な再実装
  • 高度なカスタマイズ性
  • Lua言語による設定
  • 非常に高速な動作
  • 熟練者向け

伝統的なUNIXエディタ

編集
Vi
  • UNIXの標準的なテキストエディタ
  • 1976年にBill Joyによって開発
  • モーダル編集の概念を導入
  • ほぼすべてのUNIX系システムで利用可能
  • 主な特徴：
    • コマンドモードと挿入モードの分離
    • 効率的なキーボード操作
    • 豊富なプラグインエコシステム
  • 学習曲線は急だが、習得後は非常に効率的
Emacs
  • 1976年にRichard StallmanとGuy Steeleによって開発
  • 非常に高度なカスタマイズ性
  • Emacs Lispによるプログラミング可能
  • 主な特徴：
    • オペレーティングシステムと呼べるほどの機能性
    • テキストエディタを超えた多機能性：
      • メールクライアント
      • ニュースリーダー
      • シェル
      • ファイルマネージャー
      • ゲーム
    • 豊富な拡張パッケージ

Vi vs Emacs

編集
  • 有名な「エディタ戦争」の主役
  • 異なる編集哲学：
    • Vi：モーダル編集に基づく効率的な操作
    • Emacs：カスタマイズ可能な統合環境
  • 両者の特徴：
    • Vi：
      • 軽量で起動が速い
      • 標準で利用可能
      • モーダル編集に慣れが必要
    • Emacs：
      • 非常に柔軟なカスタマイズ
      • 統合開発環境に近い機能性
      • 比較的大きなリソースを必要とする

コードエディタの選び方

編集
  • 初心者は; Visual Studio Codeが最適
    • 豊富な学習リソース
    • 親しみやすいUI
    • 必要十分な機能セット
  • テキスト処理が主な用途の場合は; Sublime Text
    • 高速な動作
    • 効率的なキーボード操作
  • Unix/Linuxでのサーバー管理には; Vi/Emacs
    • どのサーバーでも利用可能
    • 高い学習コストを要するが習得後は生産性が向上

基本機能

編集

シンタックスハイライト

編集

コードの要素を色分けして表示する機能です。以下は JavaScript のコード例です： 

function createGreeting(name) {
  const greeting = <code>Hello, ${name}!</code>;
  return greeting;
}

この例では：

  • キーワード（function、const）
  • 文字列（"Hello"）
  • 変数（name、greeting）

が異なる色で表示され、コードの可読性が向上します。

コード補完

編集

入力中のコードを予測し、候補を提示する機能です。例えば：

  • 関数名の入力補完
  • メソッドやプロパティの候補表示
  • 構文の自動補完

デバッグ支援

編集

コードの問題を見つけやすくする機能を提供します：

  • 構文エラーの強調表示
  • 未使用変数の警告
  • 括弧の対応関係の表示

検索と置換

編集

高度な検索・置換機能を提供します：

  • ファイル内検索
  • 複数ファイルでの一括検索
  • 正規表現を使用した検索
  • インクリメンタル検索

拡張機能

編集

コードエディタの機能を拡張するプラグインシステムがあります：

主な拡張機能の種類

編集
  • コード整形ツール（例：Prettier）
  • リンター（構文チェッカー）
  • デバッガー
  • バージョン管理システム連携
  • テーマ・カラースキーム

Prettierの導入例

編集

VS Codeでの Prettier 導入手順：

  1. 拡張機能マーケットプレイスから「Prettier」をインストール
  2. 設定で「Editor: Default Formatter」をPrettierに設定
  3. 「Editor: Format On Save」を有効化

これにより、保存時に自動的にコードが整形されます。

注意点

編集
  • IDEと異なり、コードエディタは比較的軽量で、特定の言語に依存しない
  • 学習初期段階では複雑なIDEよりもコードエディタの方が適している
  • キーボードショートカットの習得により作業効率が向上する
"https://ja.wikibooks.org/w/index.php?title=コードエディタ&oldid=267392" より作成