はじめてのプログラミングエディタ入門（小学校高学年〜中学生向け）
これからプログラミングを始める方向けに、「プログラミングエディタとは何か」と「おすすめの無料エディタ」、そして「インストール方法」を分かりやすく紹介します。
エディタとは何か
エディタ（エディター）とは、プログラムを書くためのソフトのことです。
ノートやメモ帳のように文字を書くための道具ですが、プログラミング用のエディタには次のような便利な機能があります。
- プログラムの内容ごとに色が変わる
- 書き間違いに気づきやすい
- 入力をサポートしてくれる
こうした機能のおかげで、プログラムを正しく、効率よく書くことができます。
今回は、JavaScriptを書くときに使えるエディタにしぼって紹介します。
無料で使えるおすすめエディタ（JavaScript対応）
初心者でも使いやすい無料エディタを3つ紹介します。
- Visual Studio Code（ビジュアル スタジオ コード）
- Brackets（ブラケッツ）
- Notepad++（ノートパッドプラスプラス）
① Visual Studio Code（ビジュアル スタジオ コード）
特徴
Visual Studio Codeは、世界中で使われている人気のエディタです。
JavaScriptとの相性もよく、これからしっかり学びたい人におすすめです。
- コードに色がついて見やすい
- 入力補助機能が充実している
- 拡張機能で機能を追加できる
インストール方法
-
公式サイトにアクセス
https://code.visualstudio.com/ -
「Download」をクリック
-
ダウンロードしたファイルを開く
-
画面の指示に従ってインストール
② Brackets（ブラケッツ）
特徴
Bracketsは、シンプルで使いやすいエディタです。
Web制作との相性がよく、JavaScriptの学習にも向いています。
- 画面がシンプルで分かりやすい
- HTMLやCSSと一緒に学びやすい
- 動作が軽い
インストール方法
-
公式サイトにアクセス
http://brackets.io/ -
ダウンロードボタンをクリック
-
ファイルを開いてインストール
③ Notepad++（ノートパッドプラスプラス）
特徴
Notepad++は、シンプルで軽く動くエディタです。
見た目はシンプルですが、プログラミングに必要な機能はしっかりそろっています。
- 動作がとても軽い
- インストールが簡単
- JavaScriptにも対応
- 初心者でも扱いやすい
※Windows専用のソフトです（Macでは使用できません）。
難しい設定をせずに、すぐに使い始められるのが特徴です。
インストール方法
-
公式サイトにアクセス
https://notepad-plus-plus.org/ -
「Download」をクリック
-
ダウンロードしたファイルを開く
-
画面の指示に従ってインストール
どれを選べばいい？
はじめての方には、Visual Studio Code がおすすめです。
使っている人が多く、困ったときに調べやすいのがポイントです。
そのままステップアップしても使い続けられます。
まとめ
プログラミングを始めるには、まずエディタを用意することが大切です。
今回紹介した3つはすべて無料で使えます。
- Visual Studio Code（ビジュアル スタジオ コード）：迷ったらこれ
- Brackets（ブラケッツ）：シンプルで使いやすい
- Notepad++（ノートパッドプラスプラス）：軽くて手軽（Windows専用）
まずは一つインストールして、実際にコードを書いてみてください。
やってみることが一番の近道です。
こちらがおすすめ！
中学生から JavaScript が学べる「ぐらみんこーど」にチャレンジしてみませんか？