文京AI研究会
はじめて
更新: 2026年5月3日

IDE(アイディーイー)

コードを書く、動かす、調べる作業をまとめて助ける開発用アプリです。
開発
道具
別名: Integrated Development Environment
別名: 開発環境

まずこれだけ

IDEは、ソフトウェア開発に必要な道具をまとめた作業用アプリです。正式にはIntegrated Development Environment(インテグレーテッド・デベロップメント・エンバイロンメント)といい、日本語では「統合開発環境」と呼ばれます。コードを書く場所、ファイルを見る場所、エラーを確認する場所、ターミナル を動かす場所などが一つにまとまっているため、開発中に何度もアプリを切り替えなくて済みます。

どこで見かけるか

プログラミングを学ぶ教材や、AI(エーアイ)と一緒にコードを直す場面で出てきます。Visual Studio Code(ビジュアルスタジオコード)、Cursor(カーソル)、Xcode(エックスコード)などはIDEとして使われる代表的なアプリです。画面の左側にファイル一覧、中央に編集画面、下側に実行結果やエラー表示がある構成をよく見かけます。文章作成アプリに、辞書、校正、資料棚、実行ボタンが一緒に入っているようなイメージです。

具体例

Web(ウェブ)サイトの文章を直すとき、IDEでは対象のファイルを開き、本文を編集し、保存し、変更内容を確認できます。コードに間違いがあると色で知らせたり、候補を出したり、関連するファイルを探したりもできます。リポジトリ 全体を開くと、たくさんのファイルを一つの作業場として見られるため、AIに「このファイルだけ直して」と依頼するときにも便利です。

つまずきやすいところ

エディター とIDEの違いは、最初は気にしすぎなくて大丈夫です。文字を直すだけならエディタ、動かす・調べる・管理する機能までまとまっているものをIDEと呼ぶことが多い、くらいで十分です。ボタンや表示が多くて圧倒される場合は、まず「ファイル一覧」「編集画面」「エラー表示」の3か所だけを意識すると落ち着いて使えます。

研究会では

研究会では、Codex(コーデックス) と一緒にコードや文章を確認するときにIDEが出てきます。AIが提案した変更を見比べる、エラーを確認する、必要な コマンド を動かす、といった作業の中心になります。最初から全機能を覚える必要はありません。「開発用の机」と考え、必要な引き出しを少しずつ開けていけば十分です。

フィードバック
この説明は役に立ちましたか?
同じブラウザからの回答はいつでも上書きできます。集まった反応は、説明の改善優先度の判断に使います。
ロードマップ
AIと一緒に開発する前のやさしい開発ロードマップ
2 / 6 ステップ目 · AI で開発してみたい人 / GitHub の言葉で止まりやすい人 / Codex の話題に入りたい人
今いるステップ
コードを見る道具に慣れる
エディターと IDE の違いを知り、開発用の画面に怖さを感じなくする。
ひとつ前のステップ
まずはプロジェクトの見取り図を知る
プロジェクト、リポジトリ、README の役割を知り、何を見れば全体像がつかめるかを理解する。
次のステップ
次の 1 ステップ
GitHub の中の流れを知る
Issue や GitHub が、相談や作業の置き場としてどう使われるかを見る。
次の 2 ステップ
変更を小さく分ける感覚をつかむ
ブランチとコミットで、変更を安全に区切る意味を理解する。
このロードマップを開く
前に読む
この言葉を理解する前に押さえておくと追いやすい用語です。
相互リンクの使い方
分からない用語があれば、関連語やロードマップから戻りながら読んでください。単語を単発で暗記するより、つながりで見るほうが定着します。