## HTMLとCSSは独学で習得できる？

Webサイトやアプリ開発において、HTMLとCSSのスキルや知識は欠かせません。これらの言語は制作物の見栄えに大きく影響するため、ITエンジニアはもちろん、Webデザイナーなどのクリエイターなども習得しておきたいプログラミング言語です。

*これからHTMLとCSSを勉強したい場合、スクールなどには通わずに独学で習得できるのでしょうか。*この記事では、HTMLとCSSの学習において独学が可能なのか、学習方法やおすすめの参考書について紹介します。また、後半ではHTML・CSS以外に身につけたいスキルについても解説しますので、ぜひ参考にしてください。

### 学習のポイントを絞ることが大事

HTMLとCSSを独学で習得する場合、大事なのは「学習のポイントを絞ること」です。詳しくは後述しますが、例えば習得において最初から完璧な理解を求めないようにしたり、エディタを活用してコーディングを楽にしたりするなど、どれも共通点は頑張りすぎないことです。

プログラミングの学習は挫折しやすい側面があるため、習得の難易度に関わらず、どこかで力を抜く箇所を設定することでモチベーションが維持しやすくなるでしょう。また、便利なツールなどを頼り、効率的な学習を意識するのも重要です。

<center>[エンジニア転職を成功させるため<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とは「Hyper Text Markup Language」の略で、Webサイトの文書作成やレイアウト調整に使われる言語です。**

例えば、文章に見出しをつける・画像を挿入する・ボタンやリンクなどの位置を変更するといったことが可能です。HTMLはWebサイト制作に欠かせないものであり、WebエンジニアやWebデザイナーを目指すなら優先的に習得したい言語です。

HTMLではタグというものを使ってレイアウトの調整を行います。例えば、```<B>```というタグを使うことで指定した文章を太字にすることが可能です。HTMLを扱う場合、タグの使い方を一通りマスターする必要があります。

HTMLでできることは少ない？できないことやタグも一覧でまとめた

CSSとは「Cascading Style Sheets」の略で、Webサイトのレイアウト調整に使われる言語です。HTML単体でもレイアウト調整は可能ですが、ソースコードが煩雑になってしまうことがあるため、レイアウト調整はCSSの方で行うことが多いです。

また、**CSSの方がWebサイトの色や形を変更したり場所を入れ替えたりといった調整が簡単に行えます。**CSSもWebサイト制作に携わるなら習得するべきスキルでしょう。

CSSでは、セレクタ・プロパティ・値の3つを指定することでレイアウト調整を行います。例えば、「p {color: red; }」と記述することで、pタグの色（color）を赤（red）に変更することが可能です。HTMLと違いpタグ箇所をまとめて変更できるため、効率的にレイアウト調整ができます。

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

HTML・CSSを習得する上での難易度は、そこまで高くはありません。ITスキルのある方（ITの基礎知識がある・プログラミング言語を1つ程度習得している）であれば、1日2〜3時間の学習で、2週間程度でブログサイトが作れるレベルには達することができます。*IT知識のない初心者の方でも1ヶ月程で習得できるでしょう。*

HTML・CSSを習得するには、とにかくひたすら実践的にコードを書く方法がおすすめです。参考書や学習サイトの活字を読むだけでは習得しにくく、手を動かして知識を後から補足する体系的な学習方法が身につきやすくなります。

まずはどのようなWebサイトやアプリを作成したいのかを明確にし、それができる方法を紹介している参考書や学習サイトを活用しましょう。

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

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

### フロントエンドエンジニアの年収

HTMLとCSSを頻繁に扱うITエンジニアとして、フロントエンドエンジニアを例に挙げて平均年収を算出してみました。

「マイナビエージェント職業別年収ランキング」によるフロントエンドエンジニアの平均年収は385万円（※2023年4月執筆時点）、経済産業省2017年発表の「IT関連産業の給与等に関する実態調査結果」から近い職種のコンテンツクリエイタ/デザイナーを参考にすると、平均年収411万円と分かりました。

国税庁2020年発表の「民間給与実態統計調査」における民間企業平均年収は433万円なので、フロントエンドエンジニアは一般平均年収と比較すると、やや低めであることが分かります。

フロントエンドエンジニアは、スキル・資格・実績によって年収の幅が大きい職種であるため、年収アップにはこれらを充実させることが重要です。**おすすめの資格としては、Webクリエイター能力認定試験があります。**HTML・CSSを扱うエンジニアであれば、取得して損はないでしょう。

【参考】：[マイナビエージェント職業別年収ランキング](https://mynavi-agent.jp/it/jobindex/05.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)
※【平均年収 調査対象者】2020年1月～2020年12月末までの間にマイナビエージェントサービスにご登録頂いた方
【参考】：[IT関連産業における給与水準の実態① ~ 職種別（P7）](https://warp.da.ndl.go.jp/info:ndljp/pid/11623215/www.meti.go.jp/press/2017/08/20170821001/20170821001-1.pdf)
【参考】：[民間給与実態統計調査-国税庁](https://www.nta.go.jp/publication/statistics/kokuzeicho/minkan2020/pdf/002.pdf)
【参考】：[Webクリエイター能力認定試験](https://www.sikaku.gr.jp/web/wc/)

## HTML・CSSを最短で学ぶおすすめの方法

続いて、HTML・CSSのおすすめ勉強方法を解説します。HTML・CSSを実務レベルまで上げていく効率的な方法をまとめましたので、これから勉強をはじめる方はぜひ参考にしてください。

まずは、学習サイトで基礎を学ぶのがおすすめです。オンラインで学習できるサービスには様々な種類があり、HTML・CSS未経験者向けに基礎に絞って分かりやすくまとめられています。いきなり参考書に手を出すと難しくて挫折する可能性があるので、まずは学習サイトで基礎を習得しましょう。

また、*学習サイトはスマホでも閲覧できるため、移動中や休憩中に手軽に学習できるのもメリットです。*費用については、無料だったり月額1,000円程度で利用できたりするサービスが多いので、まずは1度試してみましょう。

学習サイトで基礎を習得したら、参考書で応用を学びましょう。HTML・CSSの細かいタグの知識を参考書で補強します。**HTML・CSSの参考書には様々なものがありますが、できるだけ出版日が新しいものを選んでください。**

なぜなら、HTML・CSSはバージョンによって書き方が少しずつ異なるため、古い本だと今は使われていない書き方を学んでしまうからです。参考書は辞書としても活用できますので、1冊は手元に置いておきましょう。

HTML/CSSを費用をかけずに学べるおすすめの入門書15選！

HTML・CSSの文法をある程度覚えたら、サイトを模写してみましょう。*好きなWebサイトのソースを確認し、コードを実際に書いて自分の環境で実行します。*

サイトを模写することで実践的なHTML・CSSのテクニックを知ることができたり、見やすいサイトデザインにするにはどうすれば良いか分かったりするメリットがあります。模写を繰り返し、自分だったらどうするかを考えながらデザインを変更し、デザインスキルを高めていきましょう。

**模写が終われば、実際に1からサイトを作りましょう。**まず、作りたいWebサイトの種類を決めます。練習では自分のプロフィール紹介など簡単なものがおすすめです。次に、サイトデザインをどうするかPowerPointなどにまとめます。

後は、それを参考にコーディングを行います。分からない箇所は随時参考書で確認し、知識の穴埋めを行いましょう。1からサイトを作ることでWebサイト制作の知識がまんべんなく身につき、実務レベルまで到達することが可能です。

<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・CSSを完璧に理解する必要はありません。ベテランのエンジニアであっても、HTMLの細かいタグなどを全て覚えている人は少ないからです。

**ある程度基礎をマスターしたら、制作物の作成に取り掛かってください。**その方がHTML・CSSを学ぶ楽しさも実感できますし、実務レベルに到達する速度も早くなります。

### 参考書を見ながら書いて良い

HTMLのタグなどは主要なもの以外は暗記する必要はなく、Webサイト制作時は参考書を見ながら行っても問題ありません。HTML・CSSに限らずプログラミングの勉強は暗記することよりも、理解することが大切です。*参考書を見ながらでも良いのでひとまず制作物を完成させましょう。*

### 一緒に学習する仲間を見つける

HTML・CSSを独学する場合、一緒に学習する仲間を見つけるのもおすすめです。1人で黙々と学習していると、どうしても途中で飽きてしまい挫折しやすくなります。*SNSやコミニュティなどで仲間を見つけて切磋琢磨することで、途中で飽きず学習を続けることが可能です。*

### おすすめのエディタでコーディングを楽に

ここでは、効率的なコーディングを行うためのHTMLエディタをいくつか紹介します。**エディタを使用することで、コードミスのチェック・タグの種類ごとの色分け・作業のサポートなどを行ってくれます。**初心者の方におすすめしたいHTMLエディタは以下の3つです。

*1.Atom*
定番ともいうべきHTMLエディタです。ベースは英語ですが、日本語化プラグインもあり、初心者から熟練者まで幅広く使えます。
【参考】：[Atom](https://atom.io/)

*2.サクラエディタ*
日本人が開発したエディタです。日本語の解説サイトもあり、使い方に困った際には大きな力になります。
【参考】：[サクラエディタ](https://sakura-editor.github.io/)

*3.Visual Studio Code*
マイクロソフト社提供の無料のエディタです。様々なプログラム開発で重宝します。
【参考】：[Visual Studio Code](https://azure.microsoft.com/ja-jp/products/visual-studio-code/)

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

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

ここでは、HTML・CSSの独学におすすめの本を紹介します。学習サイトやネットの情報などと合わせて、本で勉強すると効果的に知識をつけることができます。難しい内容だと挫折しやすいため、簡単でわかりやすい本を中心に紹介します。

### HTML/CSSの絵本 Webコンテンツ作りの基本がわかる新しい9つの扉

HTML・CSSの知識がない初心者向けの本です。**基本をしっかり学べるのはもちろん、コードやデザインの詳細といった応用部分も学べます。**フルカラーイラストなので、字体だけでは理解しにくい概念や考え方についても分かりやすく学べます。また、最新のHTML Living Standardにも対応しているため、今時に必要な知識を習得できます。

▪著者：株式会社アンク
▪ページ数：200ページ
▪出版社：翔泳社
▪発売日：2023/03/22

【参考】：[HTML/CSSの絵本 Webコンテンツ作りの基本がわかる新しい9つの扉 ](https://www.shoeisha.co.jp/book/detail/9784798181059)

### できるポケット Web制作必携 HTML&CSS全事典 改訂3版

本書は、HTMLの要素（タグ）とCSSのプロパティを解説したリファレンスの書籍です。**Webサイトのコードが読めるようになったり、理解できるようになったりすることを目的としています。**タグやプロパティの解説のみならず、HTMLやCSSの仕様・記述方法・文字参照・URLなど、基礎知識についてしっかり解説しています。

サンプルコードをダウンロードできる読者特典も付いています。

▪著者：加藤 善規、できるシリーズ編集部　
▪ページ数：592ページ
▪出版社：インプレス
▪発売日：2022/08/22

【参考】：[できるポケット Web制作必携 HTML&CSS全事典 改訂3版](https://book.impress.co.jp/books/1121101140)

### 教科書では教えてくれないHTML&CSS

参考書や講座の学習だけでは現場で活躍できるレベルに達せないことが多い傾向がありますが、本書はこれまでに培った知識を現場で使えるレベルに引き上げることを目的としている本です。**初心者からプロになるためのレベルアップを目指します。**ある程度他の参考書などで知識を身につけた方におすすめです。

▪著者：狩野 祐東
▪ページ数：336ページ
▪出版社：技術評論社
▪発売日：2021/07/17

【参考】：[教科書では教えてくれないHTML&CSS](https://gihyo.jp/book/2021/978-4-297-12193-8)

### これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本

**学校のテキストとして使用されるなど、参考書としての信頼度の高い1冊です。**フルカラーかつイラストも豊富なので直感的に理解しやすく、1つ1つの解説も丁寧なのが特徴です。読破することで、HTML・CSSの基礎知識を一通り網羅できます。

▪著者：Capybara Design 竹内 直人/竹内 瑠美
▪ページ数：288ページ
▪出版社：翔泳社
▪発売日：2021/10/14

【参考】：[これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本](https://www.shoeisha.co.jp/book/detail/9784798170114)

## HTML・CSS以外に身につけたいスキル

最後に、HTML・CSS以外に身につけたいスキルを解説します。WebエンジニアやWebデザイナーとして活躍したいなら、HTML・CSS以外にもいくつか必要なスキルがありますので以下で詳しく紹介します。

JavaScriptはプログラミング言語の1つであり、Webページ上の動きをつけるために使われるものです。例えば、フォームに書き込んだ際にアラートを表示したり、ページにアニメーションやスライドショーをつけたり、といったことができます。

**HTML・CSSだけでなくJavaScriptも扱えることで、作成できるWebサイトの幅が広がり獲得できる案件の種類も増えるでしょう。**

JavaScriptはHTML・CSSに比べると難しいですが、習得すれば市場価値の高いエンジニアを目指すことができます。ある程度HTML・CSSを理解できたら、JavaScriptにも挑戦しましょう。

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

Webデザイナーを目指すならデザインスキルも身につけたいところです。*まずは、PhotoshopやIllustratorなどのデザインソフトの使い方をマスターしましょう。*これらのソフトの使い方は動画サイトなどで分かりやすく解説された教材もあるため、それらを参考に実際に使いながらマスターするのが良いです。

加えて、他のサイトをよく観察し、美しいデザインにするにはどうすれば良いかを学習しましょう。ボタンやリンクの位置を使いやすくしたり、写真を目立たせるレイアウトにしたりするテクニックを学び、実際にWebサイトを作成します。

制作物をいくつか作ったらポートフォリオとしてまとめ、転職的に企業に提出してアピール材料とすることが可能です。未経験からWebデザイナーを目指す場合、制作物を見せてスキルレベルを証明することは重要になります。

独学でWebデザインを学ぶ方法とその注意点について徹底解説！

Webサイトやアプリ開発において、HTML・CSSの存在は欠かせません。難易度は高くありませんが、覚えることが多いため、しっかりとした学習時間の確保が必要です。今回は、初心者の方が独学でHTML・CSSを習得するための勉強方法やポイントについて解説します。

HTML・CSSはWebサイトの文書作成やレイアウト調整に使われる

学習サイトや参考書で基礎・応用を学び、その後実際にWebサイトを作っていくのが良い

必要に応じてJavaScriptやWebデザイン、PHPなども併せて学習していくと良い

HTML・CSSは独学で習得できる？初心者におすすめな最短の勉強方法

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

*そこで、ここではHTML・CSSの基礎知識について解説します。*HTMLとCSSの違いやそれぞれの役割、HTMLとCSSの関係やつなげるやり方についてまとめていますので、HTMLやCSSについてもっと深く知りたいという方は、まずはこちらから読み進めてください。

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

HTMLとは、Webページを作成するための言語のことです。タグを使ってWebページの書式を表します。たとえば、表・画像・リンクなどのWebページに必要な要素を、任意の位置に配置することが可能です。

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

HTMLとは？できることや初心者向けのタグの例、CSSについても紹介

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

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

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

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

CSSはHTMLに埋め込んで使うことも可能ですが、ソースコードの可読性を上げるために別ファイルに記述することが多いです。

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

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

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

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

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

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

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

上記で説明したテキストエディタ（メモ帳）とWebブラウザの2つがあれば、Webサイトを作成することができます。ただし、作成したWebサイトをネット上に公開するためには、Webサーバが必要です。Webサーバは自分で立てたり、レンタルしたりして準備します。

なお、今回は自分が作成したWebサイトをパソコンで確認する手順のみ説明しますので、Webサイトの公開方法は割愛します。

次に、*HTMLの雛形を作ります。*HTMLは特定の書式に従って書く必要があります。書式に従わないと、ブラウザがHTMLのソースコードを正しく読み込むことができません。テキストエディタを開き、以下のようにHTMLの雛形を記述しましょう。

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

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

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

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

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

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

### ④記述した内容が正しく表示されるかをブラウザでチェックする

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

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

次に、*CSSファイルを作成します。*なお、CSSファイルを作成する前に、HTMLにCSSを読み込ませる設定をします。CSSを読み込ませるには、headタグにCSSのファイル名を指定します。次のように記述してください。

linkタグは関連する文書を指定するためのものです。ここでは「test.css」を関連ファイルとして指定します。このように記述することで、HTMLにCSSを読み込ませることができます。

最後に、*CSSファイルを作成しましょう。*テキストエディタを開き、以下のように記述してください。

記述したらファイルを保存します。ファイル名は「test.css」にしてください。先程同様、「test.html」を開いて確認しましょう。「Hello World」という文字が太字になっています。これはCSSファイルによって、Webページ上の文字を太字に変更したからです。

**CSSは「セレクタ{プロパティ:値;}」というように記述するのが基本です。**セレクタに「何を変更するのか」を記述します。上記の場合、bodyタグの中に書かれた文章全てが対象となっています。プロパティと値には、「何をどのように変更するのか」を記述します。上記の場合、文章を太字に変更しています。

これがCSSの書き方の基本です。

## HTML・CSSを活かせる職業と年収は？

HTMLやCSSは、Web関連の職種に必須の知識です。では、具体的にどのような職業に就けば、これらのスキルを最大限に活かせるのでしょうか。また、実際の年収とともに、さらなるキャリアアップを図る方法をお伝えします。

クライアントからWebサイト制作の依頼を受けて、作り上げるのがWebデザイナーの仕事です。要望の聞き取り、ワイヤーフレームや情報設計の構築、全体的なデザインの作成、HTML/CSSを使用したコーディングなど、業務は多岐に渡ります。

大きな製作会社であれば、コーディング部分を専門のコーダーに任せる場合もあります。とはいえ、HTMLやCSSの知識は必須です。

Webエンジニアとは？仕事内容や将来性について詳しく解説！

Webデザイナーが作成したサイトのデザインに従って、HTML/CSSを使用しコーディングを行うのがWebコーダーです。

Webデザイナーのように、クライアントと接したりワイヤーフレームを構築したりすることはないものの、上位職ではJavaScriptやPHPといったプログラミング言語の知識を求められる場合もあります。

PHPとは？基本知識からメリット・デメリットまでわかりやすく解説

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

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

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

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

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

- [CCNA資格とは? 難易度や勉強法、ネットワークエンジニアが取得するメリット](https://and-engineer.com/articles/YXEZ2xIAACAANSEZ)

- [改定後のCCNAはどう変わった？エンジニアとして活躍するには](https://and-engineer.com/articles/YJ3HHhAAACkAIc5i)

- [CCNAの試験日を決める上で注意したいポイントを徹底解説](https://and-engineer.com/articles/YKyFJxIAACEALSws)

**CCNA（Cisco Certified Network Associate）は、ネットワーク関係の最大手シスコ社が認定する、ネットワークエンジニアの初級レベルに相当する実質的な入門資格です。**初級レベルとはいえ、その試験範囲は広範囲に渡り、決して易しい試験ではありません。

CCNAの取得によってネットワーク技術者として必要な知識やスキルが証明されるため、ネットワークエンジニアとして活躍をしていく上で大きな力になります。ここでは、CCNA資格を独学で取得する方法について解説していきます。

【参考】：[CCNA - Training & Certifications - Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/certifications/associate/ccna.html)

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

*シスコ技術者認定資格は2020年2月24日から新体系に移行し、これに伴って、CCNAの試験範囲や内容も大幅に改定されています。*

従来のCCNA試験は9分野に分かれ、分かりにくいという声も多くありましたが、改定によって試験が統一されてシンプルになった反面、出題範囲が増えており、難しくなったという反応もあります。

また、従来はシスコ技術者認定資格のエントリーレベル、CCT資格を取得していることがCCNAの受験条件でしたが、改定後は誰でもいきなりCCNA受験が可能となり、取得ステップが縮まったことで受験ハードルが下がりました。

シスコ技術者認定資格は現時点で5ランクに分けられています。**CCNAはアソシエイトレベルに属しており、比較的やさしい初級資格と言えます。**シスコ技術者認定資格の5つのランクは以下の通りです。

なお、スペシャリストはプロフェッショナルやエキスパートレベルの認定試験に1つでも合格すると取得できる認定で、特定の専門知識やスキルを証明するためのものです。

*1.エントリー（CCT）*
*2.アソシエイト（CCNA）*
*3.スペシャリスト*
*4.プロフェッショナル（CCNP）*
*5.エキスパート（CCDE・CCIE）*

【参考】：[認定 - トレーニング & 認定 - Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/certifications.html#~certifications)

なお、最高ランクとされていた「Cisco Certified Architect（CCAr）」などの試験は2021年に廃止されました。詳しくは公式サイトよりご確認ください。

【参考】：[廃止された認定 - Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/certifications/retired.html)

CCNPとは何か？シスコ認定資格の中では中級レベル？

CCNAとCCNPのどちらを受けるべき？難易度が桁違い？

CCIEの難易度や資格概要、勉強法、年収や将来性などを徹底解説！

**シスコ技術者認定資格の有効期間は3年間で、3年経過すると自動失効します。**これは1度取得すれば永久資格となるようなペーパー資格ではなく、資格保有者のスキル維持、スキルアップを図るのが目的であり、合理的な仕組みと言えます。

シスコ技術者認定資格を保持するには、3年以内に同一レベル以上の試験を受験し、最新スキルを確認して資格更新を行うことが条件です。

## 新CCNAの試験概要と難易度など

CCNA資格の位置づけや概要は理解できたでしょうか？続いて、CCNA試験について、試験時間・出題範囲・難易度などを見ていきましょう。

新CCNA試験の概要は以下の通りです。年に1回、2回の頻度で行われる資格試験もありますが、CCNAは随時開催されるため、自分のペースで計画的に受験できる点は独学に有利と言えます。

*▪試験時間：120分*
*▪問題数：非公開*
*▪出題形式：CBT方式（コンピュータテスト）*
*▪受験場所：会場受験とオンライン受験の選択可能*
*▪合格点：非公開*
*▪受験資格：特になし（但し13歳以上で、17歳までは保護者の同意が必要）*
*▪試験日：通年実施（ただし、試験会場によって受験不可の日もあり）*

【参考】：[Cisco Certified Network Associate (200-301 CCNA)](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams/current-list/ccna-200-301.html)
【参考】：[シスコ認定試験のチュートリアルビデオ](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exam-tutorial.html)
【参考】：[試験、テスト、認定に関するポリシー](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams/policies.html)
【参考】：[シスコ技術者認定](https://www.pearsonvue.co.jp/Clients/Cisco.aspx#types)
【参考】：[オンライン監督試験 Cisco Systems | シスコ技術者認定試験](https://www.pearsonvue.co.jp/cisco/onvue)

CBT試験とは？概要やメリット、採用されている資格一覧を紹介！

**旧資格のCCNA試験は9科目に分かれていましたが、新資格では「200-301 CCNA」に統合され、シンプルになりました**。出題範囲は以下の通りです。

*▪ネットワークの基礎*
*▪ネットワーク アクセス*
*▪IP コネクティビティ*
*▪IP サービス*
*▪セキュリティの基礎*
*▪自動化とプログラマビリティ*

ここで注意すべきは、ネットワーク知識以外にAPIやプログラミングなどの知識が求められている点です。今や、ITシステムはネットワークが不可欠であり、システムエンジニアやプログラマーもネットワーク知識が求められます。ぜひ、そうした意識を持って勉強を進めてください。

【参考】：[Cisco Certified Network Associate (200-301 CCNA)](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams/current-list/ccna-200-301.html)

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

シスコは受験関係の手続きをCBT試験運営ベンダーである「ビアソンVUE」に外部委託しており、CCNA資格の受験申込みは「ピアソンVUE」のサイトから行います。

*試験は、全国のピアソンVUE公認試験会場、もしくは自宅や職場などのオンライン環境があるところで受けられます。*オンライン受験では、PCにWebカメラが付いており、安定・安全性が確認できるインターネット環境が求められます。

【参考】：[ピアソンVUE｜シスコ技術者認定](https://www.pearsonvue.co.jp/Clients/Cisco.aspx)

**新CCNAの受験料は300ドルです。**受験料は「ピアソンVUE」の試験申込ページにてクレジットカードで支払うか、事前に購入したバウチャーで試験予約前に支払うかの2種類の方法があります。

【参考】：[シスコ認定試験](https://www.cisco.com/c/ja_jp/training-events/training-certifications/exams.html)

*シスコは合格ラインや合格率については一切公表していないため、難易度などは不明ですが、よく比較されるのが、IPAの基本情報技術者試験です。*こちらはIPAの基準ではレベル2とされており、合格率は25%前後とやや難しい試験です。

基本情報技術者試験は、初心者では合格に必要な時間は200時間程度と言われていますので、CCNAも同程度の勉強時間が必要と考えて良いでしょう。1日2時間学習するとして、4カ月程度の学習期間が必要です。勉強プランをしっかり立てて、着実に学習することが求められます。

CCNAの難易度は？取得のメリットや他の資格との比較を解説

2020年に改定されたCCNAに合格するために必要な勉強時間

## CCNA資格勉強の独学のメリットとデメリット

CCNA資格取得方法としては、大別すると独学とスクール学習の2つの方法があります。ここでは、それぞれのメリット・デメリットを確認しておきましょう。この記事では独学をおすすめしていますが、スクールが向いていると思われた方はスクール学習を選択してください。

独学では、すべて自分自身で学習ツールを選び、学習計画を立て、その進捗管理をしなければなりません。

*▪教育カリキュラムに基づかない学習のため、自己管理を徹底しなければならない。*
*▪講師への質問ができにくいため、壁にぶつかった際に自己解決しなければならない。*

これら自己責任が前提になるため、**自己管理が苦手な方には向いていないことがデメリット**でしょう。

独学の最大のメリットは、学習コストが圧倒的に安く済む点です。CCNAは、受験するだけで4万円程度の費用が掛かるため、学習コストはできるだけ安く抑えたいところです。以下、独学のメリットを整理してみました。

▪学習コストが比較的安く済む（スクールでは20万円前後の費用）
▪自分都合やペースに合わせて学習できる
▪時間的な拘束がない
▪学習方法の選択肢が豊富にある

以上のように独学には多くのメリットがあるため、当記事では独学をおすすめしています。

## CCNAはどういった職種で役立つ？

CCNAは独学でもコツコツ学習することで、十分取得可能な資格です。では、実際どういった職種でCCNAは役立つのでしょうか。また、資格を取得することで年収にどのような影響が出るのかも見ておきましょう。

コンピューターネットワークの構築・保守・管理を行うのがネットワークエンジニアです。クライアントの要求をヒアリングするところから始まり、必要に応じたネットワークの設計や構築、また回線費用の検討やトラブル対応まで、ネットワーク関連のあらゆる業務に携わります。

*CCNAを取得すれば、ネットワークエンジニアとして働く上で大切な基本的スキルがあることを証明できます。*

ネットワークエンジニアになるには？未経験者にオススメの勉強法や役立つ資格を解説

ネットワークエンジニアの仕事内容とは？目指す上で知っておくべきこと

自社の製品やサービスに対して寄せられる消費者や取引先からの問い合わせに、電話やメールで対応するのがテクニカルサポートの仕事です。操作方法や故障相談など、臨機応変に対応する力が求められます。

テクニカルサポートが担当する製品は、パソコン・家電・ソフトウェア製品といったものが大半のため、基本的なネットワークの知識は必須です。*そのため、CCNA資格を取得することで得られる知識は、業務の中で大いに役立つでしょう。*

サポートエンジニアとは？4つの種類と仕事内容、必要なスキルを解説

### 資格取得は年収に影響する？

一般的なネットワークエンジニアの年収は「マイナビエージェント 職種図鑑」での平均年収は380万円、経済産業省2017年発表の「IT関連産業の給与等に関する実態調査結果」から近い職種のエンジニア/プログラマを参考にすると、平均年収592万円と分かりました。

国税庁2020年発表の民間給与実態統計調査における民間企業平均年収は433万円なので、ネットワークエンジニアは一般平均年収よりも、やや低めであることが分かります。

*ただし、ネットワークエンジニアは実績が重要視される傾向があるため、資格を取得するなどスキル証明をすることで、より市場価値が高い人材として、年収が高い企業への転職も目指せるでしょう。*

スキルアップの足掛かりに、まずはCCNAにチャレンジしてみることをおすすめします。

【参考】：[マイナビエージェント 職種図鑑](https://mynavi-agent.jp/it/jobindex/07.html?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv12_2)
※【平均年収 調査対象者】2020年1月～2020年12月末までの間にマイナビエージェントサービスにご登録頂いた方
【参考】：[IT関連産業における給与水準の実態① ~ 職種別（P7）](https://warp.da.ndl.go.jp/info:ndljp/pid/11623215/www.meti.go.jp/press/2017/08/20170821001/20170821001-1.pdf)
【参考】：[民間給与実態統計調査-国税庁](https://www.nta.go.jp/publication/statistics/kokuzeicho/minkan2020/pdf/002.pdf)

独学の記事（1ページ目）