## JavaScriptの勉強に最適な本の選び方

**JavaScriptとは、Webサイトに動きを付けるために使用されるプログラミング言語**を指します。JavaScriptを使ってできることは多く、HTMLやCSSなどと比較すると覚えることが多く、勉強しなければならないことも多いです。

ここでは、JavaScriptの勉強におすすめの本の選び方について詳しく紹介します。　

### 専門用語に対する解説が丁寧である

プログラミング言語やWebデザインを初めて勉強する場合、デザインやITに関する専門用語の知識がほとんどない状態であることが多いでしょう。そのため、専門用語が頻出する本を選んだ場合、専門用語の意味を別途調べなければなりません。

*スキルアップには適していますが、初心者の場合はモチベーションが維持できず、挫折してしまう可能性があります。*

**インターネット上で専門用語を調べることもできますが、本に専門用語の解説が載っている方が正確な知識を身に付けることができる**でしょう。また、JavaScriptには公式リファレンスがあるため、本と同時に公式リファレンスも活用しましょう。

【参考】：[JavaScript公式リファレンス-MDN Web Docs](https://developer.mozilla.org/ja/)

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

Web制作に関するコードがテキストのみで記載されていると、知識がない状態では理解するのに時間がかかる場合があり、勉強が思うように進まない恐れがあります。そのため、**実際に操作する画面や、図説、漫画形式などを使っている本がおすすめ**です。

*書店で実際に手に取って確認し、自分のレベルに合う本を選ぶのがベスト*です。ECサイトで本を購入する場合は、本の中身をすべて見ることは難しいです。そのため、サンプルページや概要などをよく確認してから購入しましょう。

表紙やタイトルのみで本を購入すると、自分のレベルに合わず学習を続けるのが難しくなる恐れがあります。

**JavaScriptなどのプログラミング言語を学習する場合に限らず、勉強する本を選ぶ際は出版日が比較的新しいものを選びましょう。**特にIT業界では技術の発展が早いため、出版日が古い本だと現状ではあまり使用されていない技術が記載されていることもあります。

*最新技術が記載されている本を選んでください。*またJavaScriptを勉強する場合、前提知識としてHTML・CSSの知識が必要です。HTMLやCSSを学習する場合、最新のバージョンはHTML Living StandardとCSS3であるため、これらが含まれている本を選びましょう。

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

**プログラミング言語を学ぶ際は、実際に手を動かして学習するのがおすすめ**です。そのため、本とPCを用意して勉強を進めると効率的に学べます。

*サンプルコードが記載されていたらPCを利用して打ち込み、実際の挙動を確認すると知識が定着しやすい*です。またサンプルコードの一部に、自分なりのアレンジを加えるとより知識が深まります。

### 自分のレベルに合った本を選ぶ

**自分の知識レベルに合った内容の本を選ぶことが大切**です。初心者の方の場合、専門用語や難しい演習問題などがあると理解が難しく、挫折する恐れがあります。専門用語を丁寧に解説している、図解が豊富にあるなどといった初心者向けの本を選びましょう。

中級〜上級者の方は、基本的な内容よりも応用的な内容に踏み込んだ本がおすすめです。*業務の内容や今後身に付けたいスキルに合わせて選ぶと良い*でしょう。また、演習問題があれば自分の理解度を測ることができます。

## JavaScriptの学習におすすめの本

ここでは、JavaScriptを勉強するのにおすすめの本を15冊紹介します。以下で紹介する本はすべて2019年～2022年に発売されたもので、比較的新しい本を厳選して紹介しています。

**JavaScriptの基礎から実用的な知識までを網羅**しています。JavaScriptの仕様や通信処理についての解説に加え、Webページを実際に作成できる演習も含まれています。基礎を学んでから開発作業という流れになっているため、体系的に学ぶことができます。

▪著者：柳井 政和
▪ページ数：568ページ
▪出版社：SBクリエイティブ
▪発売日：2021/02/05

【参考】：[JavaScript[完全]入門](https://www.sbcr.jp/product/4815607630/)

### 図解！ JavaScriptのツボとコツがゼッタイにわかる本 “超”入門編

本書はJavaScript未経験者や初心者の方向けに、厳選された基本的な文法が解説されています。**基本文法を使ってブラックジャックのゲームを作成する中で、文法の使いどころやつまずきやすいポイントを確認**できます。

また、JavaScriptとは何か、JavaScriptを使ってできることなどが冒頭で説明されているため、JavaScriptの基礎知識がない方でも取り組みやすいでしょう。*挫折しにくい工夫がされており、楽しくJavaScriptを学べる*ようになっています。

▪著者：中田 亨
▪ページ数：320ページ
▪出版社：秀和システム
▪発売日：2021/03/24

【参考】：[図解！ JavaScriptのツボとコツがゼッタイにわかる本 “超”入門編](https://www.shuwasystem.co.jp/book/9784798063867.html)

JavaScriptでゲーム開発はできる？メリットとおすすめのライブラリ6選

### つくって楽しいJavaScript入門 身近な不思議をプログラミングしてみよう

本書は**自然や生き物のしくみをテーマにしたプログラミングからJavaScriptを学ぶという、楽しく学べる工夫がされた入門書**です。雪の結晶ができるしくみや感染症が流行するしくみなど、身近なテーマに沿ったプログラミングが例となっています。

*JavaScriptの基礎だけでなくプログラミングの基礎についても解説されているため、プログラミング初心者の方でもわかりやすい*でしょう。キャラクター付きのガイドや、雑学、豆知識も掲載されており、楽しみながらJavaScriptを学べます。

▪著者：スペースタイム 柳田 拓人 著、サイエンス&プログラミング教室 ラッコラ 監修
▪ページ数：256ページ
▪出版社：翔泳社
▪発売日：2021/11/10

【参考】：[つくって楽しいJavaScript入門 身近な不思議をプログラミングしてみよう](https://www.shoeisha.co.jp/book/detail/9784798168326)

**ゲームの開発を通じて楽しくJavaScriptを学ぶことができます。**ゲームには占い、数当て、マインスイーパー、落ちものパズルなどがあります。基本的な文法の解説に加え、質の高いプログラミングの方法やつまずきやすいポイントも詳しく解説されています。

また*HTMLとCSSとの連携についても解説*されており、HTMLとCSSの記述方法を学ぶことも可能です。学生向けとなっていますが、今後JavaScriptを使った仕事をしたいといった初心者の方にもおすすめです。

▪著者：重定 如彦
▪ページ数：344ページ
▪出版社：東京電機大学出版局
▪発売日：2022/03/20

【参考】：[学生のためのJavaScript](https://www.tdupress.jp/book/b600190.html)

本書では、JavaScriptでのプログラミングに必要な基礎知識を学べます。サンプルプログラムを用いてJavaScriptの概念、機能、文法、プログラムの書き方が説明されており、**JavaScriptの基礎を習得したい方におすすめ**です。

また、解説を読む、例題を解く、理解度をチェックするという3つのステップによって、プログラミング初心者の方でも理解しやすくなっています。*つまずきやすいポイントも丁寧に解説されており、図解も豊富で読みやすい*1冊です。

▪著者：CodeMafia 外村 将大
▪ページ数：576ページ
▪出版社：翔泳社
▪発売日：2021/11/15

【参考】：[独習JavaScript 新版](https://www.shoeisha.co.jp/book/detail/9784798160276)

### Colaboratoryでやさしく学ぶJavaScript入門

**JavaScriptの基本から解説されており、プログラミングが初めての方でもわかりやすい内容**となっています。まずは基本文法について学び、次に関数やオブジェクトの知識を身に付け、チャートやグラフの作成方法といった流れで学べます。

ビジネスで実用可能なサンプルも多く紹介されており、マップ上の描画、組織図やガントチャートの作成方法などがわかりやすく解説されています。JavaScript自体を学びたい方はもちろん、*仕事で繰り返し発生する作業の効率化を図りたい方にもおすすめ*です。

▪著者：掌田 津耶乃
▪ページ数：288ページ
▪出版社：マイナビブックス
▪発売日：2022/02/28

【参考】：[Colaboratoryでやさしく学ぶJavaScript入門](https://book.mynavi.jp/ec/products/detail/id=128345)

### 解きながら学ぶ JavaScriptつみあげトレーニングブック

本書はJavaScript初心者の方でもわかりやすいよう、文法の基礎を丁寧に解説しています。また、エラーやドキュメントの読み方の解説もあるため、**公式ドキュメントの解説から知識を得るスキルや、エラーメッセージから自力で解決方法を見つけるスキルが身に付きます。**

初心者の方だけではなく、*JavaScripをある程度理解しているが細かい部分に不安がある方や、実務で使えるようになりたい方にもおすすめ*です。

▪著者：リブロワークス
▪ページ数：248ページ
▪出版社：マイナビブックス
▪発売日：2021/12/23

【参考】：[解きながら学ぶ JavaScriptつみあげトレーニングブック](https://book.mynavi.jp/ec/products/detail/id=126984)

### ステップアップJavaScript フロントエンド開発の初級から中級へ進むために

入門者向けの本で基本的な知識を学んだあと、より高度で応用的な知識を学びたい方におすすめの本です。**バグが出にくいコードの書き方や、押さえておくべきJavaScriptの言語特性などが紹介**されています。

最後に総合演習として、クイズの表示、正解率の集計、解答の制限時間の設定などが用意されています。*総合演習ではJavaScriptの理解度を確かめることができ、足りない知識や苦手な部分を確認できます。*

▪著者：サークルアラウンド株式会社、佐藤 正志、小笠原 寛
▪ページ数：304ページ
▪出版社：翔泳社
▪発売日：2022/01/14

【参考】：[ステップアップJavaScript フロントエンド開発の初級から中級へ進むために](https://www.shoeisha.co.jp/book/detail/9784798169835)

### JavaScript Primer 迷わないための入門書

本書は**ECMAScript 2015以降の比較的新しい書き方を中心とした入門書**です。既存のコードに頻出する古い書き方の解説もあり、JavaScriptのより実用的な使い方を学べます。基本となる文法や機能から、開発現場での活用方法まで解説されています。

また、*開発現場で発生したトラブルを自力で解決できるような具体策についても記載*されています。変化のスピードが早いJavaScriptに対応する方法にも焦点を当てており、実務で役に立つ知識を学べます。

▪著者：azu、Suguru Inatomi
▪ページ数：480ページ
▪出版社：KADOKAWA
▪発売日：2020/04/27

【参考】：[JavaScript Primer 迷わないための入門書](https://www.kadokawa.co.jp/product/302003000984/)

本書では、Chrome DevToolsのコンソールを使ってJavaScriptの基本を学びます。**実際にコマンドを入力して動作を確認しながら学べるため、知識のインプットとアウトプットが同時にできて効率よく学べます。**

また、*コードの設計思想やプログラムの動きの仕組みといった内容も解説*されており、基礎から深い内容まで幅広く学べるでしょう。本書を読むことで、仕事内容に応じてJavaScriptの必要な知識を自ら調べることができるようになります。

▪著者：あんどう やすし
▪ページ数：740ページ
▪出版社：O'Reilly Japan
▪発売日：2020/11/17

【参考】：[ハンズオンJavaScript](https://www.oreilly.co.jp/books/9784873119229/)

本書は、**JavaScriptの言語仕様であるECMAScript、ブラウザに文字や画像を表示する仕組み、ブラウザとプログラムをつなぐAPI、DOM、アニメーション表現などの技術を体系的に学べます。**

また、各章の冒頭で達成目標や学習のポイント、学習の流れを把握できるようになっており、今何を学んでいるかを確認しながら読み進めることができます。章末には*練習問題や達成目標のチェックシートがあり、理解度を客観的に確認*できます。

▪著者：境 祐司
▪ページ数：295ページ
▪出版社：SCC Books
▪発売日：2019/11/29

【参考】：[新しいJavaScriptの教科書](https://www.scc-kk.co.jp/scc-books/b-414.html)

本書は**JavaScriptの内容を網羅的に解説**しています。サンプルコードを用いた基本構文や機能の解説といった基礎知識の部分から、JavaScript標準ライブラリについての詳しい解説といった応用的な部分まで幅広く解説されています。

Node.jsで使われるサーバーサイドJavaScriptや、ツール、言語拡張機能、JavaScript特有の複雑な仕様などについても学ぶことができます。*JavaScriptの使い方をマスターしたい方におすすめ*です。

▪著者：David Flanagan（訳：村上 列）
▪ページ数：784ページ
▪出版社：O'Reilly Japan
▪発売日：2021/12/02

【参考】：[JavaScript 第7版](https://www.oreilly.co.jp/books/9784873119700/)

### プロフェッショナルWebプログラミング　JavaScript

本書は、**フロントエンドの技術の土台となるJavaScriptを確実に理解することで、流行や変化に対応できる力を身に付けることを目的**としています。Webページを動作させるという用途に限定し、シンプルなコードを用いてJavaScriptの仕様を丁寧に解説しています。

サンプルコードはダウンロード可能で、実際にブラウザで動作を確認しながら学べます。*実務経験や知識が少ない方でも、わからないところを自分で調べてJavaScriptを使いこなせるスキルが習得できる*でしょう。

▪著者：柳井 政和
▪ページ数：ページ
▪出版社：株式会社エムディエヌコーポレーション
▪発売日：2021/04/23

【参考】：[プロフェッショナルWebプログラミング　JavaScript](https://books.mdn.co.jp/books/3220303042/)

### JavaScriptでいきなり機械学習を遊び倒す本

本書は、**JavaScriptを使って機械学習を活用したWebアプリを開発できるようになることを目的**としています。初心者の方向けとなっており、JavaScriptの基本的な構文や機械学習についてわかりやすく解説されています。

基本構文とマウス操作で手軽に機械学習モデルを構築する方法や、Webアプリを開発する方法がチュートリアル方式で解説されています。*機械学習とJavaScriptを学びたい方におすすめ*です。

▪著者：まさとらん
▪ページ数：96ページ
▪出版社：インプレスR&D
▪発売日：2020/10/23

【参考】：[JavaScriptでいきなり機械学習を遊び倒す本](https://nextpublishing.jp/book/12404.html)

Pythonと機械学習を学んでAI時代に対応できるエンジニアに

### モダンJavaScriptの基本から始める　React実践の教科書

JavaScriptの基礎からTypeScriptの実践的な内容まで詳しく解説されています。内容は、**実際の開発現場のシチュエーションがストーリー風になっています。**そのため、初心者の方でも比較的実務での状況がイメージしやすいでしょう。

JavaScriptとは、主にWebサイトに動きを付けるために使用されるプログラミング言語です。当記事では、JavaScriptの勉強におすすめの本15選を紹介します。また、最適な本の選び方・学習する上での重要なポイントも解説しますので、参考にしてください。

JavaScriptとは、主にWebサイトに動きを付けるために使用されるプログラミング言語

JavaScriptを勉強するのにおすすめの本は、専門用語の丁寧な解説がある、図説が多い本

本で知識をインプットするだけではなく、実際に手を動かしながら学んだ知識をアウトプットすることが重要

JavaScriptの本おすすめ15選！選び方や勉強方法は？

## インフラエンジニアにプログラミング言語スキルは必要？

インフラエンジニアを目指す方の中には、プログラミング言語を学ぶ必要はないと考えている人がいるかもしれません。インフラエンジニアはプログラミングをしない、仕事がきついエンジニアという誤ったイメージがあるからです。

結論から言えば、インフラエンジニアもプログラミングスキルは必要です。この記事では、**インフラエンジニアにプログラミングスキルが必要な理由、仕事に役立つプログラミング言語、必要なスキルや資格などについて解説していきます。**インフラエンジニアを目指す方はぜひ最後までお読みください。

*【参考】：[インフラエンジニア｜ITエンジニアの職種図鑑｜マイナビ IT AGENT](https://mynavi-agent.jp/it/infrastructureengineer/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv02)*

## インフラエンジニアの仕事内容

インフラエンジニアに必要なプログラミングスキルを解説する前に、インフラエンジニアの仕事内容について確認しておきましょう。*インフラエンジニアが担当する分野は、インフラ・ネットワーク・サーバの3つの分野に分かれます。*インフラエンジニアを目指す方は、自身がどの分野に向いているのか、どの分野を目指したいのかを確認しておいてください。

「インフラ」とは、インフラストラクチャー（Infrastructure）の略称であり、意味は「基盤」です。**インフラエンジニアはITの「基盤」となるサーバ構成やネットワーク構成に関わる設計や構築、もしくはそれらの運用・保守に関わるエンジニアのことです。**

インフラエンジニアはきついのか？その仕事内容やスキル、将来性を解説！

### インフラエンジニアの仕事の種類

インフラエンジニアが担当する分野は3つに分かれていますが、仕事内容や範囲はそれぞれ異なります。以下に、インフラエンジニアにおける3つの分野の仕事について解説します。

*▪ネットワークエンジニア：*
  ネットワークエンジニアは主に、クラウドやクライアントの拠点間、サーバやストレージ間のネットワーク設計や構築、運用などを担当するエンジニアです。

*▪サーバーエンジニア：*
  サーバーエンジニアは、クライアントのアプリケーションサーバーやWebサーバ、メールサーバなどのサーバ類の選定から設計、設定、導入や運用までを担当するエンジニアです。

*▪保守・運用エンジニア：*
  保守・運用エンジニアは、クライアントで稼働しているシステム保守・オペレーション・システム監視・障害対応などを担当するエンジニアです。

## インフラエンジニアにプログラミング言語スキルが必要な理由

インフラエンジニアは、サーバやネットワークなどのインフラ基盤に関わる設計や構築・運用を担当しており、プログラミングが仕事となるプログラマーとは求められるスキルが異なります。しかし、*プログラミング言語に対する知識やスキルがあり、コードが書けるインフラエンジニアは仕事も効率的に行うことができます。*

最近はAWSをはじめ、クラウド環境におけるインフラ構築が増加しており、インフラエンジニアはインフラ制御をプログラムを通して行うケースが増えてきました。

また最近普及が進むDevOps（開発と運用の一体化）では、インフラエンジニアがシステム開発に関わるケースもあり、**プログラミングスキルを持ったインフラエンジニアが重用されるようになっています。**

【参考】：[AWS](https://aws.amazon.com/jp/)

インフラエンジニアはシステム障害の対応を行うことがありますが、**障害原因の特定、把握を行う際にプログラミングの知識が役に立ちます。**またOSを操作するために、シェル（shell：OS側の窓口）プログラミングを用いることがあり、シェルプログラミングに関する知識が必要です。よく使われるのはシェルスクリプト言語「Bash」です。

その他、インフラエンジニアがプログラミング言語を習得することで、システム開発のほぼ全工程に関われる「フルスタックエンジニア」を目指すことが可能です。そのため、インフラエンジニアの中でも「Python」「Ruby」「Java」などのプログラミング言語を学ぶ人が増えているようです。

初心者には文法がシンプルで、学びやすいPythonの人気が高まっています。Pythonは機械学習系のライブラリが豊富で、AI分野においてもニーズが急速に高まっています。

また、ITエンジニアの絶対数が不足している今日、**プログラミング言語スキルがあるインフラエンジニアは重宝され、転職の際にも有利**なので、新たなキャリアパスを切り開くためにも身に付けておくと良いでしょう。

## インフラエンジニアにおすすめのプログラミング言語

ここから、インフラエンジニアの*仕事やスキルアップに役立つと思われるプログラミング言語についてご紹介をします。*ご自身の仕事で、それらがどのように活かせるのかをイメージしながら、どのプログラミング言語を学ぶとよいのか考えてみてください。

**インフラエンジニアの仕事で直接役に立つ言語から紹介します。**以下の3つのいずれかを習得しておくと、きっと仕事で役に立つでしょう。

*■ BAT*
Windowsに標準で搭載されているバッチファイルを作成するための言語です。BATを用いてシステムの起動や自動処理が行えるバッチファイルが作成でき、オペレーションの効率化や負荷軽減を図れます。

ちなみにバッチファイルは、Windows環境で動作するコマンド列を記述したファイルのことです。バッチファイルの拡張子は「.bat」となるため、別名BATファイルとも呼ばれています。

*■ TTL*
Windows用のターミナルエミュレータである「Tera Term」はサーバへのリモートログオンなどでエンジニアの間では愛用されています。TTLは「Tera Term Language」の略称であり、「Tera Term」用の独自言語で、TTLを利用することで複数のサーバに対する自動ログオンなどが効率的に行えます。

*■ Bash*
Bashは「Bourne Again Shell」の略称で、Linuxでコマンドなどの命令を記述したシェル（Shell）の実行に利用する言語です。

BashはLinuxに標準搭載され、他のプログラミング言語と同様に変数、関数、演算処理などの機能を持っています。Viコマンドで新たに拡張子「.sh」のファイルを作成し、エディタでシェルスクリプトを記述したファイルを実行します。

### スキルアップにつながる言語

次に、**インフラエンジニアのスキルアップにつながる言語を紹介します。**もちろん、C言語・C++・PHPなどでも役立ちますが、ここでは特におすすめの言語を紹介します。

*■ Python*
Pythonは、AIの開発に必要な機械学習・統計解析・データサイエンスで活用されている人気のプログラミング言語ですが、文法がシンプルで学びやすいことに加え、汎用性の高い言語です。

また、Pythonは運用の自動化などでも用いられるため、学んでおくと仕事の役に立ちます。Pythonエンジニアの需要は高く、キャリアアップや他のITエンジニアへのキャリアチェンジに有効です。

*■ Ruby*
Rubyは楽しく学べる言語として知られていますが、日本人が開発した言語なので日本語の解説資料や情報が豊富にあり、習得しやすい言語の1つです。RubyはPythonと同様に、運用の自動化でも用いられることが多く、インフラエンジニアにおすすめの言語です。

*■ Java*
JavaはあらゆるOS環境で利用されているプログラミング言語の1つで、大企業の基幹システムからIoTにまで利用され、その汎用性の高さが特徴です。習得の難易度は高めですが、Javaエンジニアはあらゆる現場で重用されるため、自身のスキルアップ・キャリアアップの強い味方となります。

Rubyでできることとは？入門者必見！作れるもの・サービスまとめ

Javaでできることとは？メリット・デメリットについても解説！

## インフラエンジニアに必要なスキルと資格

ここまでインフラエンジニアの仕事に役立つ言語、スキルアップにつながる言語、身に付けておきたいシステム基盤について紹介しましたが、それ以外にも必要なスキルがあります。ここでは、*インフラエンジニアに必要なスキルと資格について解説します。*

インフラエンジニアに必要な資格は？スキルについても徹底解説

インフラエンジニアは、クライアント・ITベンダー・メーカーなどさまざまな人との接触機会があります。特にインフラ構築の要件定義・稼働システムの障害対応・定例報告会議などでは、クライアントや関係先と直接コミュニケーションを図るため、**高いコミュニケーションスキルが求められます。**

インフラエンジニアはインフラ構築や運用・保守工程において、チームやプロジェクト活動に関わります。インフラ設計、構築、運用・保守などのあらゆる局面で、メンバーのマネジメントが発生します。特に**リーダークラスを目指すのであれば、マネジメントスキルは必須スキルです。**

資格取得はインフラエンジニアになる上で必須ではありませんが、**実力がものを言うインフラエンジニアの世界で、スキル証明となる資格は強い味方です。**以下は、インフラエンジニアに役立つおすすめの資格です。インフラエンジニア志望の方はぜひ取得を目指してみてください。

*■ Linux技術者認定　LinuC level1*
インフラエンジニアを採用する企業の多くが取得を推奨する資格の1つが、［Linux技術者認定］です。サーバ系のインフラエンジニアには、Linux技術者認定資格である「LinuC」レベル1（LinuC-1）をおすすめします。比較的取得しやすい資格ですが、就職や転職では有利な資格です。

*【参考】：[LinuC | Linux技術者認定試験 リナック | LPI-Japan](https://linuc.org/)*

*■ シスコ技術者認定 CCNA*
ネットワーク系のインフラエンジニアを目指す方には特におすすめしたい資格の1つです。シスコ技術者認定のCCNAは、世界に通用する資格で、LinuC-1よりは難易度が少し上がりますが、日本でも認知度や評価が高い国際資格です。

*【参考】：[シスコ技術者認定 CCNA | Cisco](https://www.cisco.com/c/ja_jp/training-events/training-certifications/certifications/associate/ccna.html)*

LinuCとは？LPICとの違い・難易度・試験日・勉強方法を解説

CCNA資格とは? 難易度や勉強法、ネットワークエンジニアが取得するメリット

## 活躍できるインフラエンジニアを目指して

インフラエンジニアにとってプログラミングスキルが必要な理由、仕事に役立つプログラミング言語、インフラエンジニアに必要なスキルや資格などについて解説しました。

インフラエンジニアは、システムエンジニアと比べて裏方的な役目を担っているように思われがちですが、**ハードウェアスキルに加え、ソフトウェアスキルを身に付けることで、さらにできることが増え、活躍の場を広げることができます。**

また、万能エンジニアと言われるフルスタックエンジニア・プロジェクトマネージャー・ITコンサルタントなど豊富なキャリアパスがあります。さまざまな活躍の場を自ら勝ち取れるインフラエンジニアをぜひ目指してください。

インフラエンジニアにプログラミング言語スキルは必要でしょうか？プログラミング言語を未習得でもインフラエンジニアの仕事はできますが、プログラミングスキルを身に付けることで、仕事の効率が上がります。活躍機会が増すことで、将来的なキャリアアップも目指せます。

プログラミング言語に対する知識やスキルがあるインフラエンジニアは仕事も効率的に行うことができる

インフラエンジニアの仕事に役立つ言語はBAT、TTL、Bashであり、おすすめの言語はPython、Ruby、Javaである

インフラエンジニアに役立つ資格は、LinucとCCNAである

インフラエンジニアにプログラミングは必要？おすすめの言語や必要スキルを解説

HTMLはウェブページに欠かせないものですが、学んでいくとHTMLとCSSなどの用語が出てきます。古いドキュメントではHTMLしか登場しなかったので、不思議に思う方もいるでしょう。

この違いを見ていくと、以前はHTMLに見栄えや装飾に関する機能も含まれていたのですが、*HTML5以降は役割が分離しており、リッチなウェブコンテンツにはHTMLとCSSの組み合わせで対応します。*整理すると、以下のような役割分担となります。

```ウェブコンテンツ＝基本構造となる文章の構成（HTML）＋見栄えや装飾の体裁（CSS）```

利用方法ですが、CSSは単独で利用するのではなく、HTMLと組み合わせて使用します。HTMLとCSSの組み合わせで見栄えが左右されることから、CSSの重要性が高まっています。

違いを着こなしに例えてみると、HTMLは着物にするか、洋装のカジュアルにするかフォーマルにするかなどの全体構成を決めるようなものです。*CSSは決まった服装にあう小物やアクセサリー、あるいはお化粧方法を決め、スタイル全般を整えるようなものと考えるとわかりやすいでしょう。*

*HTMLとは、ハイパーテキスト記述言語（HyperText Markup Language）の略で、ウェブコンテンツの記述言語を指します。*

ハイパーテキストとは、複数の文書を相互参照するためのリンク（ハイパーリンク）機能を表し、ウェブ系システムやコンテンツ作成で標準利用されています。ウェブコンテンツはHTMLで記述されており、ウェブページとして表示されます。

ウェブページは、ウェブサーバーから情報をHTTP通信プロトコルを用いて転送し表示させたり、直接PCに格納されたHTML文書をブラウザで表示させたりすることができます。

HTMLとは？今さら人に聞けないその概略や役割を解説！

*CSSとは、カスケーディングスタイルシート（Cascading Style Sheets）の略で、ウェブページを作成する際に使用するHTML言語を装飾するための言語です。*

スタイルシートとはコンテンツの見栄えを良くするために記述するもので、スタイルシートを用いることで色やフォント、レイアウトが希望通りに柔軟に指定できます。このようにCSSを利用することでコンテンツの体裁全体を最適化し、視覚効果を高めることができます。

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

ウェブコンテンツは、ますます高精細で使い勝手が良くなっています。これまでは、見栄え含めてすべてHTMLで記述することでブラウザ処理が増加し、総じてウェブ表示の負荷が高くなっていました。CSS登場により、ウェブブラウザエンジンのCSS最適化が進んだことで、ストレスなく表示させることができます。

このほか、*HTMLとCSSのみで以下のことが可能になります。*

### ウェブサイトを美しく装飾できる

これが一番のメリットになります。利用の多様化に合わせてコンテンツもリッチになっています。*HTMLとCSSで文字や背景の色や配置等、多岐に渡り調整が可能ですので、小さい画面から大画面高精細のモニターまでデザインの再現性を高められます。*

*HTMLの体裁処理が、HTMLとCSSに分離したことで構造がシンプルになります。*テキスト自体はHTMLが担当し、見栄えはCSSが担当します。そのためドキュメント作成と装飾の作業担当を分けることも可能で、編集作業と改訂作業の効率や保守性が向上します。

HTMLとは別にCSSを設定可能ですので、別のCSSファイル（スタイルシートファイル）に保存することもできます。そのためウェブサイト全般のスタイル調整も可能です。*ファイルが複数にわたる場合も同じ見栄えが実現できるので、変更時も一括で対応することができます。*

一歩進んだ使い方として、JavaScriptを利用することも増えています。JavaScriptは、オブジェクト指向のプログラミング言語です。動的コンテンツが簡単に作成できるため、近年ではウェブ系フロントエンドからバックエンドアプリまで対応可能になっています。JavaScriptはスクリプト要素を用いて直接記述することもできますし、"src="を指定して別ファイルから読み込むこともできます。

*HTML／CSSとJavaScriptの違いですが、役割が違うだけで補完関係にあります。*具体的には、HTMLやCSSとJavaScriptを組み合わせて使うと、HTML／CSSのみに比べて以下の効果が得られます。

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

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

### 動的コンテンツが作成できる

条件に応じて、タグの要素を差し替えることができます。例えば時間に応じてあいさつ文を変更したり、天候に応じておすすめコンテンツを更新したりできます。*CSSのみならずHTMLについても動的に変更することができます。*

### アニメーションに対応できる

*任意のタイミングで画像を描画・移動させることができ、移動速度を加減したりバウンドさせることが簡単にできます。*画像表示をローディングやクリックなどの動作と連動させることもできます。

### マルチメディアに対応できる

JavaScriptでは動画や音声を単純再生するだけではなく、*マルチメディアプレイヤーを呼び出しコントロールすることもできます。*マルチメディアプレイヤーをコントロールすることで、再生や停止、一時停止・再生コンテンツの変更などを簡単に行うことができます。

## HTMLとCSSの学習本と学習サイト

HTMLとCSSの学習方法ですが、*学習本により自習したり学習サイトを活用したりすることでスキルアップが可能です。*最初のステップは、机上でベースの知識を得ることから始め、その後実際にコンテンツ作成に挑戦するのが良いでしょう。以降では、おすすめ本や学習サイトを紹介していきます。

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

*初心者向けで、HTML／CSSとWebデザインの基本を学びます。*「SNSリンク集」「ブログサイト」「Web招待状サイト」「レストランサイト」といった、作成ストーリーにしたがってスキルアップを目指します。

▪著者：竹内 瑠美
▪ページ数：288ページ
▪出版社：翔泳社
▪発売日：2021/10/14
【参考】：[これだけで基本がしっかり身につく HTML/CSS&Webデザイン1冊目の本](https://www.shoeisha.co.jp/book/detail/9784798170114)

### 1冊ですべて身につくHTML & CSSとWebデザイン入門講座

HTML&CSSとWebデザインについて、Webデザイナーである著者が解説していきます。*初心者向けとして、コンテンツデザインに加えてサイト制作の工程についても解説を加えています。*

▪著者：Mana
▪ページ数：280ページ
▪出版社：SB クリエイティブ
▪発売日：2019/03/16
【参考】：[1冊ですべて身につくHTML & CSSとWebデザイン入門講座](https://www.sbcr.jp/product/4797398892/)

### HTML&CSSとWebデザインが1冊できちんと身につく本[増補改訂版]

コーディングの基本学習から始められ、HTML／CSSについて架空のカフェのショップ紹介やネットショップサイトを紹介しながら理解を深めていきます。*初心者向けながら、チュートリアル情報が多数掲載されています。*

▪著者：服部 雄樹
▪ページ数：384ページ
▪出版社：技術評論社
▪発売日：2022/01/07
【参考】：[HTML&CSSとWebデザインが1冊できちんと身につく本\[増補改訂版\]](https://gihyo.jp/book/2022/978-4-297-12510-3)

### ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座

Webデザイナーである著者が、ひと手間加えることで装飾やグラフ・アニメーションを活用したWebデザインを解説する実践講座です。さらに一歩進んだWebサイト制作の知識が得られる、*基本学習を終えた中級者向けのの参考本です。*

▪著者：Mana
▪ページ数：352ページ
▪出版社：SB クリエイティブ
▪発売日：2021/02/20
【参考】：[ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座](https://www.sbcr.jp/product/4815606145/)

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

HTMLとCSSの学習サイトですが、多くのサイトがあります。まずは*基本的な考え方をリファレンス情報としてい掲載している、MDN（モジラ・デベロッパー・ネットワーク）を確認してみましょう。*

MDNは、2005年からHTMLやCSS・JavaScriptなどのWeb技術のドキュメントを公開しています。その情報は精度が高く網羅されているため、Mozillaの技術文書としてGoogleやマイクロソフトもサイト情報を引用しています。
【参考】：[MDN Mozilla Developer Network](https://developer.mozilla.org/ja/)

実際に手を動かしてみたい方は、全てのブックが無料の「CODEPREP」を活用するのが良いでしょう。そのほか、無料・有料コースがある「スキルハブ」「ドットインストール」「Progate」など用途に合わせて検討することをおすすめします。

【参考】：[CODEPREP](https://codeprep.jp/)
【参考】：[スキルハブ](https://skillhub.jp/)
【参考】：[ドットインストール](https://dotinstall.com/)
【参考】：[Progate](https://prog-8.com/)

言語の記事（4ページ目）