CCNAは「Cisco Certified Network Associate」の略称です。CCNAは世界的に知られたコンピュータネットワーク機器の大手、 シスコシステムズ合同会社による認定資格であり、ネットワークエンジニアの入門資格にあたります。ネットワークやセキュリティなどの広範な知識が求められます。

CCNAはネットワークエンジニアとして最低限のスキルや知識を有する証明となるため、資格取得によってネットワークエンジニアとしての活躍が期待できます。

この記事では、*CCNAの試験対策や、ネットワークエンジニアのスキルアップに役立つおすすめの参考書・関連書籍を10選として紹介します。*CCNAの黒本・白本のどちらを選べば良いのか迷っている方もぜひ参考にしてください。

【参考】：[シスコ認定試験 ｜ Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams.html)
【参考】：[CCNA - Training & Certifications ｜Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/certifications/associate/ccna.html))

CCNAとは？詳細や試験概要、勉強方法について徹底解説！

CCNAの資格試験勉強に役立つ参考書を紹介する前に、CCNA試験の概要について紹介しますので、試験勉強や試験申込の際の参考にしましょう。

シスコ技術者認定資格には6つのグレードがありますので、各レベルの特徴を知り、CCNAの位置づけについて理解しておきましょう。

グレードは下から、入門者向けの「エントリー」「アソシエイト」「スペシャリスト」「プロフェッショナル」「エキスパート」「アーキテクト」の順で難易度が上がっていきます。

シスコ技術者認定の中で、CCNAは最もポピュラーな「アソシエイト」レベルに属します。以前に行われていた「エントリー」レベルの試験は、2020年の資格改定によって「CCT」という試験になりましたが、英語による試験のみとなり、日本語での受験はできなくなりました。

従って、**日本ではCCNAが入門レベルの試験の位置づけです。**

CCNAの難易度は？合格に必要な勉強時間や他の資格との比較を解説

2020年の改定により、CCNA試験の出題範囲は「200-301 CCNA」からとなっており、その出題範囲は以下の通りです。カッコ内は出題の割合を示しています。**どの分野に重点を置いて学習するか、どの分野で得点を稼ぐかを意識して学習計画を立てるとよいでしょう。**

1．ネットワークの基礎知識（20%）
2．ネットワーク アクセスについて（20%）
3．IP コネクティビティについて（25%）
4．IP サービスについて（10%）
5．セキュリティの基礎知識（15%）
6．自動化とプログラマビリティについて（10%）

試験の準備には次の「シスコ公式トレーニング」にアクセスします。

【参考】：[シスコ公式トレーニング｜Implementing and Administering Cisco Solutions (CCNA) ｜ Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/training/training-services/courses/implementing-and-administering-cisco-solutions-ccna.html)
【参考】：[Cisco Certified Network Associate (200-301 CCNA) ｜ Cisco ](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams/current-list/ccna-200-301.html)
【参考】：[CCNA 試験のトピック｜ Cisco](https://learningnetwork.cisco.com/s/ccna-exam-topics?ccid=ccna&dtid=website&oid=cdc-ccna-exam)

改定後のCCNAはどう変わった？エンジニアとして活躍するには

CCNA試験は通年受験が可能で、都合の良い日に自宅近辺の試験会場で受験することができます。また、自宅などからオンラインでの受験も可能ですので、**自分の実力や勉強状況に合わせて計画的な受験ができます。**

▪出題形式：CBT方式（コンピュータを利用したテスト）
▪試験日：通年受験（試験予約は前日まで）
▪試験会場：全国のピアソンVUEのテストセンター（オンラインでの受験も可能）
▪合否：試験終了後にパソコンで確認できる
▪受験料：42,900円（税込）
▪試験時間：120分
▪合格点：非公開
▪受験資格：特になし（13歳以上で、17歳までは保護者の同意が必要）

【参考】：[Cisco Certified Network Associate (200-301 CCNA) ｜ Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams/current-list/ccna-200-301.html)
【参考】：[Cisco 認定試験のチュートリアル ビデオ ｜ Cisco](https://learningnetwork.cisco.com/s/certification-exam-tutorials)
【参考】：[Cisco Systems ｜ピアソンVUE](https://www.pearsonvue.co.jp/clients/cisco.aspx#types)
【参考】：[Cisco OnVUE試験情報 ｜ Pearson VUE](https://www.pearsonvue.co.jp/cisco/onvue)

CCNAの試験日はいつ？申し込みの流れや受験料について解説

ここでは、CCNA試験の勉強に役立つ参考書、問題集、関連書籍などを10選として紹介します。CCNAは独学でも合格が可能な初級レベルの試験です。紹介した参考書を精読し、練習問題を解くという流れで勉強を進めていきましょう。

また、*CCNAは主教材のPMBOKが第7版となって内容が大きく変更されているため、第7版に準拠した参考書を活用することが大切です。*なるべく発行日の新しい書籍を選ぶようにしましょう。

PMBOKとは？第7版でPMBOKの内容が劇的に変更された理由

### シスコ技術者認定教科書 CCNA 完全合格テキスト&問題集 [対応試験]200-3011

2020年2月に変更されたCCNA試験（試験番号200-301）に完全対応したテキスト&問題集です。**白本とも呼ばれ、CCNAの参考書では定番とも言える参考書です。**IT技術専門スクールの講師陣が書き下ろし、講師陣の持つ合格メソッドがふんだんに盛り込まれています。

章末に掲載した「確認問題」に加え、模擬試験を2回分提供し、この1冊で十分合格を目指せる質と量の問題を用意しています。

▪著者：林口 有事、浦川 晃、中道 賢
▪ページ数：888ページ
▪出版社：翔泳社
▪発売日：2020/6/24

【参考】：[シスコ技術者認定教科書 CCNA 完全合格テキスト&問題集 [対応試験]200-3011](https://www.shoeisha.co.jp/book/detail/9784798165776)

### 徹底攻略Cisco CCNA問題集［200-301 CCNA］対応

CCNA試験（試験番号200-301）に完全対応した問題集です。各章末に掲載された「確認問題」に加え、模擬試験を2回分提供し、**この1冊でCCNA試験に十分合格を目指すのに必要な質と量の問題が用意されており、CCNAの黒本とも言われています。**

また各問題ごとに、ネットワークの初心者でも理解できる丁寧な解説が掲載されています。

▪著者：株式会社 ソキウス・ジャパン
▪ページ数：668ページ
▪出版社：インプレス
▪発売日：2021/4/21

【参考】：[徹底攻略Cisco CCNA問題集［200-301 CCNA］対応](https://book.impress.co.jp/books/1120101139)

### 1週間でCCNAの基礎が学べる本 第3版

CCNA試験に必要な基礎知識を1週間程度で学べるテキストです。本書は、**初心者でも試験対策をスムーズに行えるよう、基礎固めを行う人向けのネットワーク入門書です。**「初めてCCNA試験に挑戦する人や効率的に得点力をアップしたい人」に最適です。

本書は、わかりやすく丁寧な解説と豊富な図解で構成されており、独学でも無理なく学ぶことができます。

▪著者：宮⽥ かおり
▪ページ数：336ページ
▪出版社：インプレス
▪発売日：2021/4/13

【参考】：[1週間でCCNAの基礎が学べる本 第3版](https://book.impress.co.jp/books/1120101030)

### Cisco試験対策 Cisco CCNA問題集 ［200-301 CCNA］対応

CCNAの試験「200-301」に対応する問題集です。CCNAの試験範囲を1冊でカバーし、本番試験の傾向を考慮した実践的な問題が多数収録されています。**ポイント解説がわかりやすく丁寧に書かれ、テキストとしても利用できます。**

▪著者：Gene、松田 千賀
▪ページ数：760ページ
▪出版社：SBクリエイティブ
▪発売日：2020/9/19

【参考】：[Cisco試験対策 Cisco CCNA問題集 ［200-301 CCNA］対応](https://www.sbcr.jp/product/4815607364/)

### 基礎からわかる!CCNA最短合格講義

CCNA試験（200-301）に合格するための入門書です。本書では、試験の出題範囲である6つの分野を段階的に学習できるようにカリキュラムが設計されています。また、書籍では理解しにくい部分やつまずきやすい部分には、無料の動画講義が付属しています。

さらに、無料の問題演習サイト「ウズカレテスト」で基本問題や試験想定問題に挑戦できます。本書は、**IT業界未経験・知識ゼロの人や他の参考書が難しくて継続できなかった人にもおすすめです。**

▪著者：河合 大輔、浦川 晃
▪ページ数：432ページ
▪出版社：実務教育出版
▪発売日：2023/9/26

【参考】：[基礎からわかる！CCNA最短合格講義 ](https://jitsumu.hondana.jp/book/b634588.html)

### ネットワーク超入門講座 第5版

ネットワーク技術について初心者でも理解しやすいように解説された入門書です。TCP/IPプロトコルやLAN・WANなど、ネットワーク技術に必要な基礎知識をわかりやすく解説しています。また、**実際に手を動かして学ぶことができる演習問題も収録されており、初心者でも無理なく学ぶことができます。**

▪著者：三上 信男
▪ページ数：320ページ
▪出版社：SBクリエイティブ
▪発売日：2022/11/30

【参考】：[ネットワーク超入門講座 第5版](https://www.sbcr.jp/product/4815616199/)

### 図解入門TCP/IP 仕組み・動作が見てわかる

TCP/IPプロトコルについて、初心者でも理解しやすいように解説された入門書です。**ネットワークの基礎からプロトコルの詳細まで、豊富な図を用いて徹底的にわかりやすく解説しています。**ネットワーク技術に興味がある人や、ネットワークエンジニアを目指す人にとって役に立ちます。

▪著者：みやた ひろし
▪ページ数：432ページ
▪出版社：SBクリエイティブ
▪発売日：2020/12/22

【参考】：[図解入門TCP/IP　仕組み・動作が見てわかる](https://www.sbcr.jp/product/4815604974/)

### 1冊ですべてわかる ネットワーク運用・保守の基本

ネットワーク運用・保守に必要な知識を網羅した書籍です。**ネットワークの基礎から、トラブルシューティング、セキュリティ対策まで幅広くカバーしています。**本書は、実務のプロの運用ノウハウを1冊に凝縮しており、初心者でも無理なく学ぶことができます。

▪著者：岡野 新
▪ページ数：232ページ
▪出版社：SBクリエイティブ
▪発売日：2020/7/22

【参考】：[1冊ですべてわかる ネットワーク運用・保守の基本](https://www.sbcr.jp/product/4815604264/)

本書では、DNSの歴史や役割、ドメイン名の登録や管理、名前解決の仕組みや動作、権威サーバーやフルリゾルバーの設定や運用、DNSの動作確認、DNSに関するサイバー攻撃や対策、DNSSECやプライバシーなど、**DNSに関する基礎から応用までを分かりやすく解説しています。**

▪著者：株式会社日本レジストリサービス(JPRS) 渡邉結衣、佐藤新太、藤原和典
▪ページ数：340ページ
▪出版社：SBクリエイティブ
▪発売日：2018/11/22

【参考】：[DNSがよくわかる教科書](https://www.sbcr.jp/product/4797394481/)

### 図解でわかるネットワークの重要用語解説

ネットワーク技術の基本的な用語をイラストで分かりやすく説明した書籍です。TCP、IP、パケット、HTTPSなどの重要なキーワードを擬人化したキャラクターを使って、**ネットワークの仕組みや役割を視覚的に表現しています。**初級エンジニアはもちろん、現場で活躍するSEやPMの参考書としても利用できます。

▪著者：きたみ りゅうじ
▪ページ数：288ページ
▪出版社：技術評論社
▪発売日：2020/4/16

【参考】：[【改訂５版】図解でよくわかる ネットワークの重要用語解説](https://gihyo.jp/book/2020/978-4-297-11171-7)

## おすすめのオンライン学習　

ここまで、CCNA試験におすすめの参考書を紹介してきましたが、書籍よりもオンライン学習が向いているという方がいるかもしれません。

そんな方には、Udemyのオンライン学習サイトによる学習をおすすめします。*このUdemy提供のコースは32セクション、総時間36時間のオンデマンドビデオからなり、PCを利用して学習します。*参考書で挫折した人でも楽しく、効率的にCCNA試験対策を行うことができます。

【参考】：[PMP®認定試験｣で一発合格を目指す！ 効率的な試験対策のための戦略コース (2021) アジャイル対応 | Udemy](https://www.udemy.com/course/ccna-full/)

CCNAは独学でも合格できる？過去問や勉強サイト、参考書の活用方法

## CCNA試験に合格してさらなる活躍を目指そう

ここまで、CCNAの参考書をテーマに、CCNA試験の概要やメリット、参考書10選を紹介しました。ネットワークの初学者が利用できる参考書から、CCNA試験に役立つ参考書や問題集などを中心に紹介しましたが、興味を引く書籍や、役に立ちそうな参考書は見つかったでしょうか。

記事中で白本・黒本についても触れていますが、ネットワークエンジニア経験のある方は黒本で問題を解くだけでも試験対策としては有効です。**まずは自身のレベルや経験、興味と照らし合わせて、CCNA試験に最適な参考書を選択されると良いでしょう。**

CCNAの問題の内容は？傾向と対策を解説！おすすめの勉強方法も紹介

CCNAの過去問は公開されている？過去問を用いずに効率よく学習する方法を解説

CCNAは世界的に著名なネットワーク機器の大手、 シスコ社による認定資格であり、ネットワークエンジニアの入門資格にあたります。ここではネットワークエンジニアのスキル証明となる、CCNA資格の取得に役立つ参考書10選を紹介しますので、ぜひ参考にしてください。

CCNAはシスコが認定している、世界的に知られたネットワークエンジニア向けの入門資格

CCNAは資格改定があり、主教材も大きな改定がさなれているため、参考書選びには注意が必要

CCNAの参考書は試験に役立つもの以外に、ネットワークの基礎知識を学ぶのに適した書籍も紹介

CCNA試験合格に役立つおすすめの参考書10選！試験の概要も紹介

## Windows11でメモ帳の機能が変わった

Windowsに付属する「メモ帳」（notepad.exe）はWindows1.0登場以来使われ続けた、お馴染みのテキストエディターでした。

フォントの変更が可能になったり、64Kb以上のテキストファイルが扱えるようになったり、多少の改善が行われたものの、基本的な機能やデザインは長い期間、ほとんど変更はありませんでした。

Windows10ではLinux環境が構築できるWSL（Windows Subsystem for Linux）が搭載され、Linuxとの親和性が課題になったことから、メモ帳の機能追加やパフォーマンス改善が行われました。

例えば、Linuxの改行コードである（LF：0x0A）をサポートしたり、ズーム機能が追加されたり、大幅な改善が図られましたが、デザインに関しては大きな変更は加えられませんでした。そのためか、メモ帳の機能変更に関しては広く知られることはありませんでした。

ところが、Windows11では基本的な機能や構造はWindows10と大きな変更はなかったものの、**Microsoftが提唱する「Fluent Design System」と呼ばれる新しい考え方のデザインシステムが採用され、メモ帳がモダンなデザインに変わっています。**

見た目はシンプルですが、メニューバーがタイトルバーと一体化していたり、マウスを使わずにキーボード主体の操作ができたり、こだわりを感じる改善が施されています。

この記事では、そんな変化を遂げたWindows11の「メモ帳」について、表示方法・使い方・従来からの変更点・便利テクニックなどを紹介します。シンプルなメモ帳を使ってみたい方はぜひ参考にしてください。

*【参考】：[Windows Notepad - Microsoft Store アプリ](https://apps.microsoft.com/store/detail/windows-notepad/9MSMLRH6LZF3?hl=ja-jp&gl=jp)*
*【参考】：[Fluent Design System｜Microsoft Design](https://www.microsoft.com/design/fluent/)*

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

実際にメモ帳を使ってみましょう。Windows11でメモ帳は「すべてのアプリ」の中にありますが、毎回この「すべてのアプリ」から起動するのは非効率的なため、より簡単に利用できるように環境を整えてみましょう。

Windowsのメモ帳とは何かについて確認しておきましょう。**日本名は「メモ帳」、英名「Notepad」と呼ばれており、Microsoft Windowsに標準で付属しているテキストエディタのことです。**

メモ帳はWindows 1.0のバージョンから付属していましたが、「行番号」や「ルーラー」などの表示ができず、「表示したテキストの折り返し」や「文字数を表示する」といった機能もないため、文字数を指定されている原稿を書く人には不便でした。

こうしたテキストエディタとして基本的な機能がWindows10の「バージョン 1809」から追加され、大きく変わりました。さらにWindows11ではGUIが変わり、さらに使いやすさが追及されています。Windowsのメモ帳が使いにくいと感じている方にも、1度使ってみることをおすすめします。

GUIとは？CUIとの違いやメリット・デメリットをエンジニア向けに解説！

Windowsのメモ帳は付属する標準アプリのため、基本的にインストールは不要ですが、誤って消してしまったり、Windowsのバージョンアッブで稀に消えてしまったりすることがあります。

その場合は、**次の「Microsoft Sore」の「Windows Notepad」のページにアクセスし、［Microsoft Store アプリの取得］ボタンをクリックして指示に従ってインストールができます。**

*【参考】：[Windows Notepad - Microsoft Store アプリ](https://apps.microsoft.com/store/detail/windows-notepad/9MSMLRH6LZF3?hl=ja-jp&gl=jp)*

Windows11の［スタートメニュー］をクリックし、*表示された画面の右上「すべてのアプリ」をクリックして、アプリ一覧画面を表示します。*

アプリ一覧から「ま」の項目が表示されるまで下にスクロールすると「メモ帳」が見つかります。

毎回、メモ帳アプリを起動するのに、上記の方法では手間が掛かりますので、スタートメニューにピン留め（ショートカット）を作成しましょう。

Windows 11でショートカット作成は難しい？手順や変更・削除方法も解説

### メモ帳をスタートメニューにピン留めする

これから「メモ帳」アプリをスタートメニューにピン留めする方法について解説します。「すべてのアプリ」で「メモ帳」アプリを表示したら、右クリックすると操作メニューが表示されますので、「スタートにピン留めをする」をクリックします。

次に［戻る］ボタンをクリックします。改めてスタートメニューを表示すると、「メモ帳」アプリがピン留めしたアプリに登録されていることが確認できます。

Windows11のメモ帳は旧バージョンから大きく変わりましたが、具体的には何が変わったのかについて確認してみましょう。

従来のメモ帳はWindowsの初期の頃から同様のクラシックなデザインでしたが、**Windows 11ではMicrosoftが提唱する「Fluent Design System」と呼ばれる新しい考え方のデザインシステムが採用され、メモ帳がモダンなデザインに変わっています。**

メニューバーはタイトルバーと一体化されているように見えます。メニューは従来の「ファイル・編集・表示・ヘルプ」から「ファイル・編集・表示」へと3項目に減り、代わりにメニューバーの右端に設定メニューがアイコンで追加されています。

### キーボード操作主体のアクセスキーに対応

Windows11のメモ帳では、**キーボード中心の操作を意識した「アクセスキー」に対応し、［Alt］キーを押すだけでそれぞれのメニューに対応した英数字が現れます。**ファイルメニューであれば、キーボードで［F］キーを押すとファイルメニューが表示されます。

［F］キーを押して、ファイルメニューが表示されたら、名前を付けて保存する場合は［A］キーを押すことでファイル保存の画面に遷移します。またショートカット操作にも対応しているため、好みによって効率的な方法を使い分けできるのは大変便利です。

### 検索・置換ボックスがシンプルに

新しいメモ帳では検索・置換のダイアログボックスのデザインがシンプルになりました。*検索時の上下移動や、条件設定などがアイコンからの選択になっています。*

新しいメモ帳は絵文字にも対応しています。旧バージョンのメモ帳では絵文字はカラーではなくモノクロで表示されていましたが、**新しいメモ帳はFluentデザインによるカラフルな絵文字が利用できるようになりました。**

絵文字や顔文字の画面を表示するには、ショートカットでWin + . (ピリオド) 、もしくは Win  + V キーを入力してください。

新しいメモ帳では、**メニューバーの右端に歯車の形をした［設定］アイコンが追加されており、［アプリのテーマ］と［フォント］の設定変更が可能です。**アプリのテーマは、好みに合わせて［ライト］モードと［ダーク］モードを指定できます。またWindowsのシステム設定に合わせることも可能です。

### 新しいメモ帳の不具合が見つかったら

「Windows 11 Pro 22H2 64 ビット（ビルド 22621.963）」ではメモ帳の不具合として、「すべて置換」のボタンが表示されないという不具合が報告されています。

Windows updateの2023年2月14日 — KB5022845（ビルド 22621.1265）環境ではメモ帳の不具合は解消されていますので、**不具合を発見した場合は、Windows Updateを確認してみることをおすすめします。**

*【参考】：[最新の Windows Update を入手する - Microsoft サポート](https://support.microsoft.com/ja-jp/windows/%E6%9C%80%E6%96%B0%E3%81%AE-windows-update-%E3%82%92%E5%85%A5%E6%89%8B%E3%81%99%E3%82%8B-7d20e88c-0568-483a-37bc-c3885390d212)*

定期的に訪れる累積更新プログラムとは？Windows Updateの専門用語を解説

## タグ機能付きのメモ帳が登場

Microsoftは2023年1月19日（米国時間）、*Microsoftはタブ機能が追加されたWindows 11の新しいメモ帳アプリ（バージョン11.2212.33.0）をWindows InsiderのDevチャネル向けに提供を開始しました。*

タブ機能が付いた新しいメモ帳では複数のテキストファイルをタブで管理できることで、作業性の向上が期待されます。

また未保存ファイルの改善として、内容に即したファイル名の生成、タブ名の自動生成や、保存ができていないことを示すインジケータが追加されるなどの機能追加が行われています。

*【参考】：[Tabs in Notepad begins rolling out to Windows Insiders | Windows Insider Blog](https://blogs.windows.com/windows-insider/2023/01/19/tabs-in-notepad-begins-rolling-out-to-windows-insiders/)*
*【参考】：[Windows 11ミニTips(168) タブ機能付きメモ帳の動作設定をいち早くチェック | マイナビニュース](https://news.mynavi.jp/article/win11tips-168/)*

## 新しいメモ帳を活用してみよう

この記事ではWindows11に付属する新しいメモ帳の概要や機能、便利な使い方について紹介しました。旧バージョンのメモ帳は機能が限られるため、テキストエディタとしてVscodeや秀丸エディタなどを利用されていた方も少なくないでしょう。

**シンプルながらもGUIや操作性が改善した新しいメモ帳は、難しい操作やマウス操作を行わず、テキスト入力に専念したい方には適したテキストエディタになるかもしれません。**この記事でWindows11の新しいメモ帳に興味が湧いた方は1度触ってみてはいかがでしょうか。

*【参考】：[Visual Studio Code ｜ Code Editing. Redefined](https://code.visualstudio.com/)*
*【参考】：[秀まるおのホームページ(サイトー企画)｜秀丸エディタ](https://hide.maruo.co.jp/software/hidemaru.html)*

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

テキストエディターのおすすめは？選び方とおすすめ6選を紹介！

長年シンプルなテキストエディタとして親しまれたWindowsのメモ帳が、Windows11のビルド22000.527（KB5010414）提供のタイミングから大きく変更されました。この記事では新しいメモ帳の表示方法、従来との違い、便利テクニックについて解説します。

長らく大きな変更がなかったWindows付属の「メモ帳」はWindows11の新バージョンから大きく変わった

メモ帳アプリをスタートメニューにピン留する方法や従来との見た目や機能面の違い

メモ帳はさらに進化しており、タブ機能が付いた新しいメモ帳が試験的に公開されている

【使いやすさを追求】Windows11のメモ帳がモダンに！使い方から変更点まで解説

## JavaScriptを使うためには開発環境が必要

JavaScriptは、Web ページに動的なものを実装できるプログラミング言語です。JavaScriptの開発をするときには自分で開発環境を準備する必要があります。

**「開発環境を準備する」と聞くと、少し難しい印象があるかもしれませんが、JavaScriptの開発環境用のツールが多くあります。**ですのでツールを使えばすぐに開発環境を準備することができます。この記事では、JavaScriptの開発環境に必要な準備やツールを紹介します。

JavaScriptの入門！その概要や文法の基礎について解説！

まず前提知識として、開発環境とは何か触れておきます。**開発環境とはコードを管理したり、実行してテストするために必要なものを含めたもの**です。

JavaScriptでコードを書く時にも、もちろんこの開発環境が必要になります。開発をこれからする人はまず一番初めに開発環境を構築する必要があります。

### 開発環境の構築に必要な準備とは

まずは、JavaScriptの開発環境に必要な準備をしましょう。JavaScriptの開発環境は、**ソフトを入れてパソコンに直接環境を用意するローカル環境と、ブラウザ環境に分けられます。**

ローカル環境では専用のツールの準備が必要です。一方でブラウザ環境では、インターネットに接続することが必要になります。またブラウザ環境ではインターネットに接続していることに比べ、開発環境のツールが必要になります。

## JavaScriptのおすすめ開発環境ツール9選

ローカル環境とブラウザ環境のどちらで開発するか決めた後は、開発環境のツールを選びましょう。それぞれで使用できるツールが異なりますので、別々にご紹介します。また現在では、スマートフォンでJavaScriptの開発環境を提供するアプリもあります。

## ローカルで開発環境できるツール

まずはローカルで開発環境を構築できるツールを４つご紹介します。ローカルで開発環境を構築するときは、ツールをインストールする必要があります。

インストールをするときには公式サイトでパソコンのOSや、ツールのバージョンを確認してからインストールしてください。

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

Visual Studio Codeはエディタからサーバーサイドのデバッグまでできるツールです。また*拡張機能を使用してAzureやGitHubと連携してデプロイすることも可能*です。

その他にも拡張機能を使えば他の開発メンバーとリアルタイムで同時に作業も出来ます。

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

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

EclipseはもともとJava向けの統合開発環境ですが、プロジェクトの作成時にHTMLやJSPをサポートするプロジェクトを選択すると、JavaScriptの開発環境としても使用することができます。

Eclipseの公式サイトからインストーラーをダウンロードして、表示されるダイアログに沿ってインストールすれば、すぐに開発環境を起動できます。

【参考】：[Eclipse IDE](https://eclipseide.org/)
【参考】：[documentation - Current Release](https://help.eclipse.org/2022-09/index.jsp)

## ブラウザで開発環境できるツール

次にブラウザで開発環境を構築できるツールを５つご紹介します。ブラウザの開発環境では、ダウンロードやインストールが不要なため、サイトにアクセスしてすぐに開発を始めることが出来ます。

Web Makerは、HTMLやCSS、JavaScriptの実行環境を提供しています。*SCSSやSASS、TypeScriptなどにも対応しているので、別の言語を試したいときにも使うことができるツールです。*

サイトへアクセスすると、エディタ画面が表示されるのですぐに開発を始めることができます。

また、Chrome拡張機能とWebアプリとしても利用できます。この2つはどちらもオフラインで実行できます。

【参考】：[ウェブメーカーWeb Maker](https://webmaker.app/app/)

Runstantは、ブラウザ上でエディタの機能と、実行環境を兼ね備えたフロントエンド開発ツールです。*ブラウザでコードを書いてすぐに実行できたり、コンソール画面でデバッグを行えたりします。*実行結果をTwitterなどのSNSで共有することもできます。

【参考】：[Runstant](https://runstant.com/)

GlichはNode.jsも含まれているため、クライアントだけでなく、サーバーサイドの開発もできる開発環境です。またブラウザからGlichにアクセスするだけで、すぐに開発を始められます。

【参考】：[glich](https://glitch.com/)

PLAYCODEはHTML、CSS、JavaScriptなどのコードの記述、実行、デバッグなどができます。入力補完機能やシンタックスハイライト機能もあり、タイプミスをすることなく関数などを入力できます。

*またライブビューという機能があり、入力したタイミングですぐに実行結果を表示してくれる機能も提供しています。*

PLAYCODEも公式サイトへアクセスして、「始めましょう」というボタンを押すとエディタ画面へ遷移しますので、そのページからすぐに開発を始めることができます。

【参考】：[PLAYCODE](https://playcode.io/)

Paiza.ioはJavaScriptをはじめとして、C言語やJava、Rubyなどさまざまな言語の開発環境をオンライン上で用意しています。サインアップをすると、過去に自分が書いたコードを編集出来る機能などもあります。

外部APIとの通信なども回数の制限はありますが、無料で行うことが可能です。

【参考】：[Paiza.io](https://paiza.io/ja)

## スマートフォンで開発できるツール

スマートフォンでも、JavaScriptの開発をすることができます。事前にアプリをインストールしておけば、移動中や少しだけコードのデバッグをしたいときにすぐに開発することができます。

今回はiPhoneアプリとアンドロイドアプリそれぞれでリリースされているアプリをご紹介します。

### アンドロイドの開発環境アプリ

アンドロイドのアプリには、「spck Editor/ Gitクライアント」というアプリがあります。

コードを記述する時もハイライトやコードスニペット、GitHubにコミットも出来ます。例えば外出先でスマートフォンを使って開発をして、そのままGitへcommitやpushもできます。

【参考】：[Spck Editor / Gitクライアント](https://play.google.com/store/apps/details?id=io.spck&pli=1)

iPhoneアプリには、「JavaScript Anywhere」というアプリがあります。*JavaScript Anywhereは2010年にリリースされているツールで、JavaScript、HTML、CSSのコードエディタ機能、コンソールログ、シンタックスハイライト、プレビューなどの機能を提供しています。*Dropboxと連携も可能なので、Dropboxのファイルをインポート、エクスポートすることも可能です。

【参考】：[JavaScript Anywhere JSAnywhere](https://apps.apple.com/jp/app/javascript-anywhere-jsanywhere/id363452277)

## JavaScriptの開発環境はMacとWindowsのどちらでもよいのか

JavaScriptの開発環境は、MacとWindowsのどちらのOSにも対応しているか疑問に思われる方もいるのではないでしょうか。

結論をお話しすると、JavaScriptはMacとWindowsのどちらでも開発環境を用意できます。*ただツールによっては、Macのみ対応しているものなどもありますので、ツールを使用する前には対応しているOSを確認しましょう。*

エンジニアにとって最適なOSは？用途に応じた選定方法を解説！

## ChromeでJavaScriptを開発できるのか

Chromeの検証機能を使うと、簡易的にJavaScriptの開発ができます。

ChromeやFirefoxといったブラウザでは、それぞれソースコードを「検証」できる機能が用意されています。例えばChromeを起動した状態で右クリックを押すと、メニューが出てきます。

このメニューの中の「検証モード」を押すと、今表示しているページのHTMLやCSSを確認することが出来ます。この中のコンソールタブの中にJavaScriptのコードを記述すると、実行して結果を確認することが出来ます。

*本格的にコードを何百行も書く場合にはこの方法は非効率かもしれませんが、少しだけコードの挙動を確認したい場合にはコンソールを活用することもできます。*

## テキストエディタでも開発はできるのか

*結論から言うと、JavaScriptの開発はサクラエディタやメモ帳といったテキストエディタでも可能です。*

例えばサクラエディタやワードパットなどのエディタでもソースコードを記述することはできるので、ソースコードを書いてファイルの拡張子をJavaScriptのファイルに変更すればjsファイルを作成できます。ファイルを作成したらChromeの検証ツールでデバッグすることも可能です。

しかし、テキストエディタはソースコードを書くことに特化していないため、コード補完機能やハイライトをしてくれません。コード専用のエディタには、このような機能がついているものもあるため、コードのミスや記述スピードを上げることもできます。

サクラエディタの正規表現まとめ！置換やGrepなど使い方と使用例

## ツールを活用してJavaScriptで開発してみよう！

お役立ち記事