【あいでぃーいー】

IDE(統合開発環境) とは?

最終更新:
💡 開発者の「全部入り作業机」

コードエディタ・デバッガ・ビルドツールなどをまとめた統合開発環境。コードの編集、実行、問題の調査を一つの環境で行える。利用できる機能は製品や設定により異なる。

📌 このページのポイント
IDE:編集・実行・調査をまとめる 統合開発環境の画面イメージ ファイル main.js app.css コードエディタ const n = 1; 補完・定義への移動 デバッガ 変数 n : 1 停止 → 1行ずつ実行 ビルド・実行ツールと連携 実行結果やエラーを確認 対応言語・必要な設定は製品ごとに確認
ファイル、編集画面、デバッガ、ビルドや実行の結果を一つの環境で扱う。図は特定製品の画面ではない。
ひよこ ひよこ
メモ帳でコード書いたらダメなの?
ペンギン先生 ペンギン先生
テキストエディタでコードを書き、別のツールで実行することもできるよ。IDEは編集と実行、デバッグなどをまとめて扱える。補完候補やエラー表示、関数の定義への移動などが、コードを書く作業を助けるんだ。
ひよこ ひよこ
VS CodeってIDEなの?エディタなの?
ペンギン先生 ペンギン先生
公式にはコードエディタとして説明されているよ。ただし補完、デバッガ、Git連携などがあり、言語に応じた拡張機能も追加できる。IDEでも必要な開発ツールを選んでインストールする場合があるので、名前だけでなく対応言語や機能を確認しよう。
ひよこ ひよこ
コード補完って何が便利なの?
ペンギン先生 ペンギン先生
関数名や変数名の候補を表示し、入力を助けてくれるよ。使えるメソッドを探す手がかりにもなる。どこまで補完できるかは言語や設定によるし、候補を選んでも、意図に合ったコードかを確認する必要はあるんだ。
ひよこ ひよこ
コードが思った通りに動かないときにも役立つ?
ペンギン先生 ペンギン先生
デバッガを使うと、指定した位置で実行を止めたり、一行ずつ進めたりできるよ。変数の値や関数の呼び出し順を見て、予想と違う動きを調べられる。対象の言語に対応したデバッガや実行環境の準備は必要なんだ。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「IDE」って出てきたら「コードを書く・動かす・調べる道具をまとめた開発ソフト」と思えばだいたいOK!
📖 おまけ:英語の意味
「Integrated Development Environment」 = 統合開発環境
💬 「Integrated(統合された)」が核心。バラバラだった開発ツールを1つにまとめた概念

参考資料

← 用語集にもどる