**JavaScript（読み方：ジャバスクリプト）は、Webサイト上で主にWebページに動きをつけるために使用されるプログラミング言語です。**例えば、動きのあるバナー広告やページ内での写真のスライドなどを可能にしています。

JavaScriptが登場するまでのWebページは動きがなく、例えると電子ブックのような姿をしていました。そのWebがTVのように動きのあるものに変わったのは、JavaScriptによる功績が大きいと言えます。

JavaScriptは主にWebで用いられるプログラミング言語ですが、Webサイト側とWebサービスの相互連携を円滑にするためにも活用されています。

【参考】：[JavaScript](https://developer.mozilla.org/ja/docs/Web/JavaScript)

JavaScriptの始まりは20年以上前まで遡ります。*JavaScriptは、1995年にイギリス人プログラマのブレンダン・アイク氏が創り出しました。*当時ブレンダン氏は、Webブラウザで有名なネットスケープコミュニケーションズ社に在籍していました。

このネットスケープ社が開発したブラウザソフトの『Netscape Navigator』（通称ネスケ）に実装されていたのがJavaScriptでした。

JavaScriptの名前の由来ですが、同じくプログラミング言語であるJavaから来ているようです。JavaScriptはJavaの開発から4年ほど遅れて登場し、当時は「LiveScript」と命名されていましたが、Java人気にあやかったのか、JavaScriptに改名しました。

以降、Webページに動きを与えるJavaScriptは注目を浴び、Webページの作成にはHTMLと共に必要不可欠の言語として浸透しました。2010年以降にはサーバサイド側の実行環境の整備が行なわれ、現在ではWebサイトに動きを加えるためだけではなく、バックエンドのシステムやアプリ開発などでも使用することが可能です。

*JavaScriptとJavaはプログラミング言語という点では同じですが、全く異なる性格を持つ言語です。*名前がよく似ているため、同じファミリーのように思われがちですが、この2つは別ものであり、親戚関係にもありません。

**JavaScriptは主にWebサイトの画面で文字や画像にさまざまな動きを与えるフロントサイドで活用しますが、Javaは主にシステムの土台を作る裏方を担当するサーバサイドで活用します。**Javaはあらゆるマシンで動く汎用言語で、会社の業務システムの構築やAndroidアプリなどもJavaによって作られています。

なお、前述の通り元々JavaScriptはLiveScriptという名で開発が始められ、その後名称が現在の「JavaScript」に変更されたため、JavaScriptを略す場合はJavaではなく「JS」を用いることが多いです。

JavaScriptとJavaの違いは？質問されたときの説明方法

## JavaScriptにはどんな特徴・メリットがある？

プログラミング言語にはさまざまな種類があり、開発したいものや目的に合わせて適切な言語を選ぶ必要があります。では、このJavaScriptにはどのような特徴やメリットがあるのでしょうか。

JavaScriptの特徴とは？何ができるのか、メリット・デメリットも解説

### ブラウザで動きを加えられる唯一の言語

**JavaScript最大の特徴は「ブラウザで動きを加えることができる唯一のプログラミング言語」であることです。**

ブラウザで動きを加えられるということは、ユーザのアクションに応じて内部処理が行えるということになります。この機能はWebサービスを運用していく上で欠かせません。JavaScriptは、現代のWebサービスにとって最も重要な役割の1つを担っていると言えるでしょう。

なお、*JavaScriptの使い方ですが、単独で使うのではなく、HTMLやCSSなどと組み合わせて使います。*JavaScriptがHTMLやCSSに指示を出すという形で、Webブラウザ上でアニメーションのような動きのある動作を可能にします。

### ブラウザで実行できるため環境構築が必要ない

プログラミング言語を利用するには、環境構築を必要とする場合がほとんどでしょう。しかし、JavaScriptは環境構築が不要なので、ブラウザさえあれば実行することができます。

その理由として、**ブラウザにJavaScriptの実行環境が搭載されていることが挙げられます。**JavaScriptは、Internet Explorer・Microsoft Edge・Google Chrome・Firefox・Safariなど、ほとんどのブラウザで実行可能です。

ブラウザでJavaScriptを有効にする方法は以下の通りです。スマホでは予めJavaScriptが有効になっていることが多いですが、オフにしてしまった場合は、以下の手順で設定を行いましょう。

*【Chromeの場合】*
1.パソコンで Chromeを起動し、［設定］をクリック

~~【図】：Chromeメニュー　設定を選択　~~

2.［プライバシーとセキュリティ］をクリック

~~【図】：Chromeメニュー　プライバシーとセキュリティ~~

3.［サイトの設定］をクリック

~~【図】：Chromeメニュー　サイトの設定~~

~~【図】：Chromeメニュー　コンテンツ表示画面~~

5.［サイトが JavaScript を使用できるようにする］を選択

~~【図】：Chromeメニュー　Javascript設定画面~~

その他のブラウザで JavaScript を有効にするには、以下のリンクを参考にしてください。

【参考】：[ブラウザで JavaScript を有効にする - Google アド マネージャー ヘルプ](https://support.google.com/admanager/answer/12654?hl=ja)

*【iPhoneの場合】*
1.ホーム画面の「設定」アプリから「Safari」を選択

~~【図】：iPhone 設定メニュー　Safariアイコン選択　~~

~~【図】：iPhoneのSafariのメニューから「詳細」を選択　~~

~~【図】：SafariのJavaScript のトグルスイッチの操作画面　~~

*【Androidの場合（Chrome）】*
1.ブラウザ画面右上、赤枠部分をタップ

~~【図】：Androidスマホ Chromeの初期画面　~~

2.「設定」を開き「サイトの設定」をタップ

~~【図】：Androidスマホ Chromeの設定画面よりサイトの設定を選択　~~

~~【図】：Androidスマホ Chromeのサイトの設定画面から［JavaScript］を選択~~

5.タップで「JavaScript」をオンにする

~~【図】：Androidスマホ Chromeの［JavaScript］トグルスイッチの操作画面　~~

### フロントエンドとバックエンドどちらでも使える

JavaScriptは元々フロントエンド開発の言語として利用されてきましたが、先ほども少し触れたように、**2010年代前半に登場した「Node.js」というJavaScript用のフレームワークを用いることで、サーバ側でもJavaScriptによる開発が可能となりました。**

Node.jsは、サーバへの大量の同時接続に対応できるアプリケーション開発を目的として設計されたJavaScript環境で、サーバへの同時接続端末台数10,000台という従来の問題がNode.jsによって解決されています。

JavaScriptというプログラミング言語1つで、フロントエンドからバックエンドまで開発を行うことができるのは、非常に利便性が高いです。

フロントエンドとは？バックエンドとの違いや使う言語について解説

Node.jsとは？JavaScriptとの違いや使い所を解説

### 開発効率を向上させるフレームワークが豊富

登場してから25年以上の歴史と、多くのユーザによって活用されてきたことから、JavaScriptには、開発の効率を大きく向上してくれるフレームワークが充実しています。

*フレームワークとは、アプリケーションを開発する際に土台として機能させるソフトウェアのことを指します。*さまざまなプログラミング言語に用意されているアプリケーションの雛形ともいえるでしょう。

**JavaScriptは多くの開発で利用されてきたため、さまざまな用途に応じたフレームワークを有しています。**ユーザインターフェース構築に用いられるReactやVue.jsなどはその代表格です。

【参考】：[React](https://ja.legacy.reactjs.org/)
【参考】：[Vue.js](https://ja.vuejs.org/)

JavaScriptに関するフレームワークについて徹底解説！

<center>[エンジニア転職を成功させるため<br/>ぜひ*『マイナビIT エージェント』*をご活用ください！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)</center>

## JavaScriptの注意点・デメリットは？

特徴・メリットからもわかるように、JavaScript は利便性が高く使いやすい言語です。しかし、注意すべき点もあります。JavaScriptのデメリットとしては以下の2つが挙げられます。

### ブラウザによって動作が変わる可能性がある

JavaScriptはブラウザ上で動作するプログラミング言語であるため「Internet Exploler」「Microsoft Edge」「Google Chrome」など、使用しているブラウザによって動作や挙動が変化する可能性があります。

**ブラウザ上の動作にはJavaScriptのバージョンやブラウザの種類・バージョンが関係してきます。**異なるブラウザ上で同様の動作にするためには、ブラウザの種類やバージョンなどに配慮してプログラミングのコーディング作業を行わなければなりません。

それぞれのブラウザで同じように動かすには、コーディング作業の他にテストも実施する必要があります。その分工数や時間を有してしまいます。

### 処理速度が他の言語と比較して遅い

**JavaScriptを使用して行われるプログラミングの実行には、「解析」「解釈」「変換」というプロセスが必要です。**そのため処理スピードが他のプログラミング言語と比べ遅い傾向にあります。

こういった対策として、機能を必要最小限にすることやコードの量を少なくすることが挙げられます。またJavaScriptを読み込むタイミングを変更するのも1つの方法です。

## JavaScriptを使って何ができる？

ここまでJavaScriptとはどういうものかについて解説してきました。ここからは、JavaScriptを使ってできることについてわかりやすく解説します。JavaScriptを使うと何ができるのか、その用途について見ていきましょう。

JavaScriptの用途やできることを初心者向けに紹介！

これまでにも触れましたが、JavaScriptを使用することでWebサイトに動きを加えることが可能となります。視覚表現や文章構造などを記述するための言語であるマークアップ言語の「HTML」や「CSS」のみでも、Webサイトは十分に作成することができます。

しかし、*JavaScriptを用いることでアニメーションなどをWebサイトに追加することもでき、ユーザビリティにも配慮したより魅力的なWebサイトの作成が実現できます。*

*■JavaScriptで動きのあるページを作ってみよう*
ではここで、試しにJavaScriptを使って、動きのあるWebページを作ってみましょう。以下のテキストをメモ帳などのテキストエディタにコピペし、適当なファイル名を付けて、拡張子をhtmlで保存します。

Webページに動きを加えるプログラミング言語であるJavaScriptは、Webサイトはもちろん、Webアプリやスマホアプリなどにも使われています。本記事では、JavaScriptについて、その特徴や何ができるのかを、初心者にもわかりやすく解説します。

JavaScriptは、Webサイト上で主にWebページに動きをつけるため使われる言語である

JavaScriptはバックエンドでも使用でき、スマホやゲームアプリの開発にも使われている

JavaScriptの需要は高く、今後もさまざまな開発分野で必要とされると考えられる

JavaScriptとは？特徴や何ができるのかを初心者向けに解説

HTML/CSSはWeb制作において欠かせないものです。Webデザインに携わったことがなかったり、業務で目にするものの実際に記述はしたことがなかったりする場合、定義が曖昧になっている方も多いでしょう。

*そこで、まずはHTML・CSSの基礎知識について解説します。*HTMLとCSSの違いやそれぞれの役割・関係、使い方についてまとめていきます。

【初心者必見】HTMLとCSSの違いは？基本知識と学習方法も解説！

HTMLとは、Webページを作成するための言語のことで、タグを使ってWebページの構造を定義します。たとえば、見出しや本文などテキストのレベル分け、表・画像・リンクなどの配置など、Webページに必要な要素を任意に組み立てることが可能です。

HTMLはWebページの骨組みとなる言語で、**HTMLで書かれたソースコードをブラウザに読み込ませることで、ブラウザがHTMLをWebページに変換して表示します。**

HTMLとは？特徴やできることなど基礎知識を初心者向けに紹介

HTML入門！初心者向けに基礎コード・文法一覧・勉強方法を解説！

CSSとは、主にWebページのデザインを変更するための言語です。CSSを使うことで、Webページの文章の色を変更する・フォントサイズを変更するなどの調整ができます。

なお、HTMLのみでデザインを調整することもできます。CSSがなかった頃は、文章の構造設定・デザイン設定をHTMLだけで行っており、現在も技術的には可能です。

しかし、HTMLでデザイン設定を行うと、ソースコードが長くなり読みにくくなります。ソースコードが読みにくくなると、Webページを修正する際に該当箇所を探すのが困難になってしまいます。

そこで、デザイン調整はHTMLではなくCSSで行うようになりました。**デザイン関連の記述をCSSですることで、HTMLのソースコードが見やすくなります。**現在ではWeb制作で必ずと言って良いほどCSSが使われています。

CSSとは？概要や基本書式、具体的な記述方法について解説！

「HTML・CSSは難しいのでは？」と気になる方もいるでしょう。**ITエンジニアの方からすれば、HTMLやCSSはそこまで難しくはないと思われます。**基本的な構造がシンプルなので、少なくともPHPやJavaScriptと比べると習得は簡単です。

しかし、タグの種類やプロパティの書き方など覚えることが多いので、HTML・CSSを理解するためにはある程度の学習時間を確保する必要があります。

Web関連の仕事に就きたいと考えている方は、就職・転職活動を行う前に習得して、使いこなせるようになっておくと有利です。未経験からITエンジニアを目指すなら、自分のスキルに合った企業を探してくれる転職エージェントの活用をおすすめします。

<center>[あなたに合った企業選びをサポート致します。<br/>エンジニア転職のご相談はぜひ<br/>*『マイナビIT エージェント』*へ！](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)</center>

では、HTMLとCSSの基本文法を見ていきましょう。HTMLもCSSも基本文法は初心者でも覚えやすいです。実際によく使われる構成要素の例と合わせて解説していきます。

初心者におすすめのHTMLエディタ5選！便利な機能で開発効率もアップ

### HTMLの代表的なタグと書き方

HTMLは、タグを用いて記述していく言語です。**開きタグと閉じタグ<>を用いてタグの内容を囲み、それらを複数組み合わせることでWebページを構成していきます。**以下のようなものがHTMLタグの代表例です。

~~【図】基本構造を定義するタグ~~

*▪テキストを定義するタグ*（bodyタグ内で使う）

~~【図】テキストを定義するタグ~~

*▪リストを作成するタグ*（bodyタグ内で使う）

~~【図】リストを作成するタグ~~

*▪テーブル（表）を作成するタグ*（bodyタグ内で使う）

~~【図】テーブル（表）を作成するタグ~~

*▪メディアを表示するタグ*（bodyタグ内で使う）

~~【図】メディアを表示するタグ~~

HTMLタグとは？HTMLタグ一覧など初心者向けに解説！ 

CSSは、**「セレクタ」「プロパティ」「値」の3要素で記述するのが基本です。**基本形は、以下のようになります。

3つの要素はそれぞれ以下の内容を定義する役割を持っています。

▪セレクタ：どの箇所を調整するのか（HTMLタグの種類）
▪プロパティ：どのようなスタイル・デザインを適用させるか
▪値：どのスタイル・デザインにするか、どのくらい調整するか

一部ではありますが、プロパティや値には以下のようなものが使われます。よく使われる代表的な種類です。

*プロパティの種類*
▪font-family：文字の種類
▪font-size：文字サイズ
▪font-weight：文字の太さ
▪color：色
▪height：高さ
▪width：横幅
▪background-color：背景色

*値の種類*
▪blue：青
▪px：ピクセル
▪cm：センチメートル
▪pt：ポイント
▪s：秒

値には、blueなどスタイルの名前や数値が入ります。

例えば、見出し1（h1）の文字色を青にしたい場合、h1{color:blue;}、その段落の文字サイズを20ピクセルにしたい場合、p{font-size: 20px;}となります。複数のプロパティを使う場合は、p{font-size: 20px, color: blue;}のように「,」で区切ります。

CSSでできること一覧！HTMLやJavaScriptとの違い、メリットも解説

HTMLとCSSを組み合わせて使うには、骨子となるHTMLのソースコードにCSSを適用させる必要があります。HTMLにCSSを適用させる方法は次の3つです。

▪*HTMLタグに直接書き込む*（インラインスタイルシート）
▪*headタグに書き込む*（内部スタイルシート）
▪*CSSファイルを読み込む*（外部スタイルシート）

HTMLタグに直接書き込む方法では、CSSを適用させたい箇所に「style="〇〇"」（〇〇はCSSのプロパティと値）を追加してCSSとHTMLをつなげることができます。

```
<h1 style="color: blue;">〇〇</h1>
```

headタグ２を使う方法では、そのページに適用したいCSSのコードをheadタグ内にまとめて記述します。

```
<head>
<style>
h1{color: blue;}
</style>
</head>
```

ただし、CSSはソースコードの可読性を上げるために別ファイルに記述することが多いです。外部のCSSファイルを読み込むやり方については後ほど解説します。

続いて、初心者向けにHTML・CSSの基本的な使い方を紹介します。*HTMLとCSSを使ってWebサイトをどのようにデザインするのか、初歩的な手順をまとめました。*HTMLとCSSのファイルの作り方やブラウザに表示する方法などが分からない方は、こちらを参考にしてください。

### ①テキストエディタとWebブラウザを用意する

まずは、HTML・CSSでWebサイトを作る際に必要なものを準備します。**HTML・CSSのソースコードを記述するには、テキストエディタが必要です。**テキストエディタは普段使っているもので問題ありません。

テキストエディタをインストールしていない方は、メモ帳でもソースコードを記述することができます。

続いて、*HTML・CSSの表示結果を確認するために、Webブラウザが必要です。*Webブラウザの種類はさまざまありますが、特に指定はありません。パソコンにあらかじめインストールされているもので問題ありません。

この2つがあれば、Webサイトを作成することができます。ただし、作成したWebサイトをネット上に公開するためには、Webサーバが必要です。Webサーバは自分で構築したり、レンタルしたりして準備します。今回は作成したWebサイトをパソコンで確認する手順のみ説明しますので、Webサイトの公開方法は割愛します。

### ②HTMLの雛形を作り、ファイル保存する

次に、HTMLの雛形を作ります。HTMLは特定の書式に従って書く必要があります。書式に従わないと、ブラウザがHTMLのソースコードを正しく読み込むことができません。

*HTMLには多くのタグがありますが、どのタグを利用する場合も基本的には以下の要素が必要になります。*テキストエディタを開き、以下のようにHTMLの雛形を記述しましょう。

```
<html>
<head>
</head>
<body>
</body>
</html>
```

**HTMLは、html要素・head要素・body要素の3要素が軸となっています。**「html」は、この文書がHTMLの文書であることを示すタグです。htmlタグを記述することで、ブラウザが「これはHTMLなんだ」と認識することができます。

「head」は、文書のメタデータを示すタグです。たとえば、headタグの中にWebサイトのタイトルを記述することが可能です。「body」は、文書の本文を示すタグです。bodyタグの中にWebページに表示する文章を記述します。

雛形を記述したら、HTMLファイルを保存します。ファイル名は「test.html」などとしましょう。*ファイルの拡張子を「html」にすることで、htmlファイルとして識別されます。*

### ③Webページの内容を記述する

続いて、Webページに表示する内容を記述します。先程解説したように、**Webページに表示する本文はbodyタグの中に記述します。**bodyタグの中に、以下のように「Hello World」と記述してみましょう。

```
<html>
<head>
</head>
<body>
Hello World
</body>
</html>
```

上記のように記述することで、Webページに「Hello World」という文字列を表示させることができます。

### ④記述内容が正しく表示されるか確認する

**作成したHTMLファイルをブラウザで開き、先ほど記述した「Hello World」が正しく表示されるかどうかを確認します。**作成した「test.html」のファイルをダブルクリックするとブラウザが起動し、「test.html」の記述内容がブラウザで表示されます。

正しく記述できている場合、ブラウザ上に「Hello World」と表示されます。以上で、ここで解説する手順でのHTMLファイルの作成・確認は完了です。

### ⑤HTMLでCSS読み込みの設定を行う

次にCSSファイルを作成していきますが、ここではHTMLにCSSを適用させる方法として外部のCSSファイルを読み込む方法を紹介します。

CSSファイルを作成する前に、HTMLにCSSを読み込ませる設定をします。**CSSを読み込ませるには、HTMLのheadタグにCSSのファイル名を指定します。**ここでは、CSSのファイル名を「test.css」として、次のように記述します。

```
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
Hello World
</body>
</html>
```

本記事では、HTML・CSSとは何かについて解説します。HTML・CSSはWebサイト制作において、必ず使われるものです。今回は、HTML・CSSの使い方や勉強方法についてまとめました。HTML・CSSに興味がある方はぜひ参考にしてください。

HTMLとはWebページを作成するための言語

CSSとは主にWebページのデザインを変更するための言語

Web系エンジニアやWebデザイナーを目指すなら、HTML・CSSを習得するべき

HTML・CSSとは何か？使い方やできること、独学方法を解説！

C言語は、代表的なコンパイラ言語です。**開発環境としては、ソフトウェア開発のためにエディタおよびコンパイラ、リンカ、デバッガなどを用意します。**統合開発環境（IDE）を用いて効率的に開発することも可能です。ターゲット環境に近い実行環境を準備し、デバッグを行うこともあります。詳細は、以降で解説していきます。

C言語とは、汎用プログラミング言語の1つを表したもので、古くから広く活用されている言語です。*高水準言語でありながら、アセンブリ言語などの低水準言語に近い処理も可能です。*組み込み機器の制御から業務システムのソフトウェア開発まで多岐に利用されています。

C言語は1970年代に登場してから広く活用が進み、現在でもコンパイラ言語としてJavaやC++などに並んで人気があります。

高水準言語とは？アセンブリ言語との違い・特徴・現場で使われる理由

C言語はコンパイラ言語ですので、*ソースプログラムの編集を行うエディタ、コンパイルを行うコンパイラ、実行プログラムを生成するためのリンカ、デバッグするための実行環境などが必要です。*開発環境を一括で揃えることができる統合開発環境を準備することもできます。詳細は以降で解説していきます。

*エディタを用いて、Ｃ言語のプログラムソースコードを作成・編集していきます。*エディタは、テキストエディタまたはコードエディタを用います。テキストエディタは文章やソースコードの保存形式であるテキストファイルを作成・編集するものです。コードエディタはテキストエディタと同等ながら、プログラムコード固有の操作を編集機能に追加したソフトウェアです。

テキストエディターとは？エンジニア初心者におすすめのエディタも紹介！

統合開発環境（IDE、Integrated Development Environment）は、テキストエディタやコンパイラ・リンカ・デバッガなどがセットで提供されるものです。*ソフトウェア開発全般がカバーされており、個々にソフトウェアを用いるよりも開発環境構築の手間を省くことができます。*

コーディングからコンパイル・ビルド・デバッグまでの全般をカバーしますので、エディタを単独で使用するよりも一体的に動作させることが可能です。

IDEとは？詳細やメリット、おすすめのIDEを紹介します！

ソフトウェア開発では、ソースコードのコーディング（作成）だけではなく、動作確認のためにビルドとデバッグが必要です。インタープリタの場合はそのまま実行できますが、コンパイラ言語の場合は、コンパイル・リンクを行い実行ファイルを生成します。実行結果が正常かどうかデバッグし、テスト・評価を進めていきます。

*C言語はコンパイラ言語ですので、コンパイルを行う環境と、バグが起きた際に正しく動かすことをサポートするデバッガが必要となります。*環境構築時には、これらの必要なソフトウェアを導入し、実行可能にしておきます。

C言語の開発工程では、実行プログラムをデバッグするために実行プログラムを起動し、問題の有無を確認します。

組み込み機器の制御にも用いられるため、**別途実機を用意してコンパイルしたプログラムの実行やデバッグをする場合があります**。

エディタですが、*プログラミング用途では、言語仕様に基づくハイライト表示機能などを実装するエディタを選ぶと効率的に作業を行うことができます。*

C言語で用いる場合も、構文解釈や補助機能を利用することで、効率的に編集作業を行うことができます。具体的なエディタは以降で解説していきます。

Visual Studio Codeは、マイクロソフト社が開発提供しているソースコードエディタです。*VSCodeとも呼ばれ、無料のため多くのユーザに利用されています。*コードエディタというプログラミング言語用エディタとなります。各プログラム言語の構文チェックや検索・編集を容易に行うことができます。

WindowsやmacOS・Linuxで動作し、C言語やC++をはじめPython・PHP等多数のプログラム言語に対応します。クラウド連携等も可能で自動デプロイもできることから、エディタというよりもIDEに近いソフトウェアです。キー操作のカスタマイズ性も高く人気があります。

【参考】：[Microsoft Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)

VS Codeのプラグインとは？導入方法やおすすめの拡張機能も紹介

Emacsは、1970年代に登場したテキストエディタで、実績が豊富で現在でも人気があります。Emacsはいくつかの派生版が登場しましたが、現在では*Emacsはフリーソフトウェアとして登場したGNU Emacsを指すことが多いです。*

WindowsやmacOS・Linuxで動作するフリーソフトウェアで、組み込みコマンドとマクロ機能を持ち、C言語やC++、Java・Perl・Python・Rubyなどに対応します。特徴としては、編集するコンテンツ形式に応じてシンタックスを識別して、プログラムの編集を効率的に行うことができます。豊富なカスタマイズ機能があり、統合開発環境としても利用可能です。

【参考】：[GNU Emacs](https://www.gnu.org/software/emacs/)

Sublime Textは、WindowsやmacOS・Linuxに対応するクロスプラットフォームのテキストエディタです。*プロプライエタリのソフトウェアですが、C言語やC++・Pythonなど多くのプログラミング言語やマークアップ言語に対応します。*

Sublime Textは、コードサイズが小さいので動作が軽かったり、必要な機能をプラグイン追加で拡張できたりすることで愛好者が多いエディタです。

【参考】：[Sublime Text](https://www.sublimetext.com/)

Sublime Text 4の概要からインストール方法・特徴を解説

統合開発環境では、*C言語コンパイラやデバッガなどがセットで提供され、ソフトウェア開発に必要なソフトウェアが一括で導入できます。*利用環境やターゲットとなるアプリケーションに応じて選択することが可能です。詳細は、以降で解説していきます。

*マイクロソフト社の統合開発環境で、Windowsに加えてmacOSでも動作します。*Visual C++やVisual C#が組み込まれており、C言語やC++、などに対応します。無料版となるCommunity版と有償版が設定されています。ターゲット向けに実行コードを作成するために、ビルドツールが同梱されます。

【参考】：[Visual Studio](https://visualstudio.microsoft.com/ja/)

Visual Studio 2022の新機能がIDEで歴代最高な理由

*エンバカデロ・テクノロジーズが提供する、CおよびC++の統合開発環境です。*Delphiから受け継がれているRADツールとして、テキストボックスやボタンといった部品を貼り付けて行き、ユーザインターフェース設計を行います。フリーとなるコミュニティ版と有償製品版があります。

【参考】：[Embarcadero C++Builder Community Edition](https://www.embarcadero.com/jp/products/cbuilder/starter)
【参考】：[Embarcadero C++Builder](https://www.embarcadero.com/jp/products/cbuilder)

Eclipseは、主にJava向け統合開発環境ですが、*プラグインでC言語やC++、C#・COBOL等に対応可能です。*WindowsやmacOS・Linuxのクロスプラットフォームに対応します。Eclipse Public License （EPL）の下、無償使用することができます。

【参考】：[ECLIPSE IDE](https://www.eclipse.org/eclipseide/)

3選からは漏れますが、*その他のプラットフォーム向け統合開発環境を、いくつか紹介します。*

*・Xcode*
macOSやiOSのアプリケーション開発向けには、アップル社の開発したXcodeがあります。macOSで動作します。C言語やC++、Java・Swiftなどの開発が可能です。macOSやiOS向けにシームレスに開発を行います。プロプライエタリですが、無料で利用できます。

【参考】：[Xcode](https://developer.apple.com/jp/xcode/)

*・Android Studio*
Android向けには、Googleが提供するAndroid Studioがあります。ホスト環境としては、Windows・macOS・Linuxなどのクロスプラットフォームに対応します。C言語やC++、Java・Kotlinを用いて開発できます。Apache License 2.0の下、無料で利用できます。

【参考】：[Android Studio](https://developer.android.com/studio)

コンパイラですが、*C言語専用コンパイラを使用するほか、C++コンパイラを使用してC言語のソースコードコンパイルができます。*今日では、統合開発環境に必要な機能が搭載されていますが、必要に合わせて単体でCコンパイラを導入することもできます。詳細は、以降で解説していきます。

コンパイラ製品を単体で導入する場合は、無料で始められるものとしてGCC（GNU Compiler Collection）があります。LinuxなどのUNIX系OSやWindowsで動作します。

【参考】：[GCC, the GNU Compiler Collection](https://gcc.gnu.org/)

*Windowsでは、MinGW（MinGW - Minimalist GNU for Windows）を導入することで、GNU Compiler Collection（GCC）や、GNU Binutils for Windowsなどが一括インストールできます。*GNU Binutils for Windowsには、アセンブラやリンカなどが含まれます。

【参考】：[MinGW - Minimalist GNU for Windows](https://osdn.net/projects/mingw/)
【参考】：[GNU Binutils](https://www.gnu.org/software/binutils/)

エンバカデロ・テクノロジーズが提供するフリー版のコンパイラです。統合開発環境であるC++ Builderにも含まれているコンパイラです。コンパイラ単体の場合も無料でダウンロードし、利用できますが、Win32向け開発に限定されます。C++コンパイラとリンカ、C++プリプロセッサが同梱されており、makeやgrep・touchなどの開発で利用するツールも含まれます。

【参考】：[Embarcadero C++ Compiler](https://www.embarcadero.com/jp/free-tools/ccompiler)

C++ Compilerのようなコンパイラ単品を導入するのではなく、*統合開発環境のC++ Builderを使用する場合は、Win32に加えてWin64や、macOS・iOS・Android向けの開発も可能です。*コンパイラ単体を使用する場合よりも、統合開発環境を使用する方がメリットがあります。

プログラミング言語の記事（3ページ目）