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/)

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

## HTMLとCSSの違いを学んだらコンテンツ作成に挑戦しましょう

HTMLはコンテンツの基本構造となる文章の構成で、CSSはその見栄えや装飾を担当することが分かりました。そこから先は、より高度な装飾技術を学んでいくだけです。そのためには実際にコンテンツを作成し、個々の機能を身に着けるのが近道です。**机上学習後は、実際にコンテンツ作成に挑戦することをおすすめします。**

ウェブページを学んでいくと、HTMLとCSSの用語が出てきます。初心者には区別がつきにくいですが、ウェブページデザインでは欠かせないものですので、用語の意味を押さえておきたいところです。ここでは、用語の意味と違いについて基本から学習方法まで解説していきます。

HTMLは基本構造となる文章の構成を担当し、CSSは見栄えや装飾の体裁を担当します

ウェブコンテンツのデザインでは、HTMLにCSSを組み込んで使用し、見栄えを高めます

さらにJavaScriptを併用することで、動的コンテンツを作成することもできます

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

- [HTMLを独学で勉強するには? エンジニアが学ぶべき理由や習得に必要な時間](https://and-engineer.com/articles/YXpquhUAACsAivlG)

- [HTMLでできることは少ない？できないことやタグも一覧でまとめた](https://and-engineer.com/articles/YV1ZtxAAACn9LtD9)

- [HTMLのdivタグとは？読み方・目的・使い方などを解説！](https://and-engineer.com/articles/YUmP1hAAACUA1NVs)

「プログラミング言語の他にHTMLやCSSを学ぶ意味があるのか？」という悩みを持つ初級エンジニアの方がいます。フロントエンドエンジニアなら、HTML/CSSは必須言語といえますが、バックエンドエンジニアやサーバーエンジニアにはあまり関係が無さそうに思えます。

しかし、プロジェクトリーダーやプロジェクトマネージャーを任された時に、*HTML/CSSの知識やスキルがあると、その分メンバーからの尊敬や信頼を得られる*でしょう。この記事では、**入門ガイドとしてHTML初心者の方を対象に、HTML/CSSを学ぶ意味や効果的な学び方について解説**します。

HTMLを知らないエンジニアはいないと思いますが、HTMLは「Hyper Text Markup Language」の略です。**HTMLはプログラミング言語ではありませんが、Webページを作るときに必須となるマークアップ言語の1つ**です。

 HTMLと一言で呼んでも、実際には「HTML4」「XHTML」「HTML5」の3種類があります。すべて覚える必要はありません。ここでは「HTML5」を対象に解説します。

CSSは「Cascading Style Sheets」の略で、*文字サイズや文字の色、余白、装飾などのレイアウトでの見栄えを決めるスタイルシート言語*です。HTMLだけでもWebページは作成できますが、殺風景で味気ないページになるでしょう。

そこで、*見栄えの良いページを作成するには、HTMLとCSSをセットで学ぶ必要があります。*

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

HTML/CSSはやさしい言語です。*少し学べばすぐに結果が確認できるため、挫折しにくい*のが特徴です。しかも、学習人口が圧倒的に多いため、壁にぶつかってもすぐに解決できます。また、あらかじめ特に準備するものがないため、すぐに始められます。

**HTML/CSSはITエンジニアの初めの一歩、エンジニアの一般常識**と考えて、できれば多くの人に学んでほしい言語です。

### HTML/CSSの学習は電子ブックよりも紙の本がおすすめ

最近はスマホやタブレットにダウンロードして読むタイプの電子書籍（電子ブック）が増えてきましたが、**勉強目的なら紙の本の方が良い**でしょう。

電子ブックの場合は、図が見にくい・一度に表示できる量に限りがあり複数のページにまたがって読む必要がある・コード表記のレイアウトが崩れていることがあるといった使い勝手にデメリットがあります。また、勉強の達成感も得にくいでしょう。

一方、*紙の本は1ページ内にまとまった情報が記載されている*ため、複数ページにまたがって確認する必要がありません。また図や表なども見やすく、実際にコードを入力しながら学習する場合も使いやすいです。

また、電子ブックは数ページ程度しか試し読みできないことが多く、購入したあとに「自分には合っていなかった」と感じることもあります。しかし、紙の本は購入する前にある程度試し読みできるため、購入後に後悔することも少ないでしょう。

HTML/CSSの学習を始めて苦手な部分や難しいポイントに差し掛かっても、**最低でも1ヵ月は学習を続けましょう。**比較的簡単だと言われるHTML/CSSですが、人によっては学習の途中で挫折することもあります。

しかし、わからないところはとばしたり、簡単なところからやり直したりしながら1ヵ月は学習を継続してください。本での独学は時間がかかるのが一般的です。学習スケジュールを立て、計画的に学習を進めることが大切です。

未経験者がHTML・CSSを最短で習得できる独学方法を解説！

**本を読みながら実際にコードを書くと、より知識が定着しやすいのでおすすめ**です。HTML/CSSの学習本の中にはサンプルコードや演習問題がついているものがあり、本を読みながらコードを書くとより効率的に学習できます。

また、コードを書くことでインプットだけではなくアウトプットも同時にできるため、学習の成果や進み具合が目に見えてやる気にもつながるでしょう。

ある程度HTML/CSSが理解できたら、**自分の好きなWebサイトを模写するのもおすすめ**です。Webサイトを模写することで、本で学んだ知識がどの程度身についているのかがわかります。また、わからないところや苦手なところを再認識できるため、足りない知識を補うこともできます。

## HTML/CSSの入門本を選ぶポイント

*HTML/CSSの学習本を購入するにあたり、注意すべきポイント*を以下で説明します。スクールに通うより遥かに安い出費で済むとはいえ、**せっかく購入するからには自分に合った本を選びましょう。**

### 自分のレベルに合っていること

*学習本の購入では、自分のレベルに合っているというのが最低限の条件*です。どんなに外装が素晴らしく、どんなに人気があっても自分に合わなければ意味がありません。間違って上級者用の参考書を選んでしまうと、いきなり挫折します。

また初級や入門の表記がある本でも、実際にはレベルが高すぎて理解ができないといったことがあります。書店で手に取って試し読みするのがベストです。電子書籍の場合もネットで一部試し読みができるものもあるため、**まずは中身を見て自分のレベルに合っているかを確認**しましょう。

### HTMLとCSSを同時に学べること

Webページ作成の基本はHTMLですが、CSSが使われているケースが大半です。**HTMLとCSSはセットで学びたい言語ですので、両方を解説している本をおすすめ**します。

HTMLとCSSの両方に対応している本であれば、効果的に2つの言語をマスターできるような構成になっており、*別々に本を買って勉強するよりは遥かに効率的*です。

### 最新のバージョンに対応していること

よく中古の書籍を購入する人がいます。小説など、時代の変化に直接関係ないものであれば問題はありませんが、**学習本の場合、時代の変化の影響を受けやすいIT系では、本は最新バージョンであることがポイント**です。

2022年現在*HTMLの最新バージョンは「HTML Living Standard」、CSSは「CSS3」*です。これらに対応している学習本や参考書を選ぶようにしましょう。

*（注意：HTML5は2021年1月28日に廃止され、HTML Living Standardが標準規格になりました。内容は大きく変わりませんが、できるだけHTML Living Standardを対象としている本がおすすめです。）*

これは必須ポイントではありませんが、**用語の解説が詳しく書かれている本や、インデックスがしっかりしている本は辞典代わり**にもなります。学習が終わったあとも辞書として使えるため、長く使えることがメリットです。

## 【2022年最新】HTML/CSS入門書おすすめ15選

HTML/CSS関係の解説本、参考書は非常に豊富です。ここでは、**おすすめのHTML/CSS入門書15選を紹介**します。以降で紹介する入門書のおすすめポイントとしては、入門者向けであること、HTMLとCSSを同時に学べること、最新バージョンに対応していることなどです。また、書評や口コミも参考にしています。

ちなみに出版日が比較的古いものでも、最新のバージョンに対応し、改訂している本は紹介しています。

### 1.スラスラわかるHTML&CSSのきほん 第2版

特徴：**小規模なサンプルサイトの作成を通じて、HTML/CSSの基本が学べる入門書**

2013年に初版が発刊された*ロングセラーの人気本*です。2018年に今回おすすめの第2版が発売されました。HTML/CSSの基本について、可能な限りわかりやすく解説されてます。

図解が多く、誰もがミスしやすい箇所のサポートも親切です。ある程度、 HTML/CSS の知識がある方には物足りない内容かもしれませんが、*入門者にはぜひおすすめしたい1冊*です。

【参考】：[スラスラわかるHTML＆CSSのきほん 第2版](https://www.sbcr.jp/product/4797393156/)

### 2.デザインの学校 これからはじめる HTML & CSSの本

特徴：**Webデザインの基本を学ぶ初心者向けのHTML/CSS入門書**

*比較的ページ数が少なく、初心者に優しい丁寧な説明で、すらすら読み進められます。*わかりやすいことを最優先としており、取っ掛かりの入門書としておすすめです。しかし、簡単な内容のため初心者でもこれ1冊で十分とは言えません。

超入門という点ではおすすめの本です。分厚い本は苦手、飽きやすいという方はこの本でスタートを切るのも良いでしょう。

▪著者：千貫 りこ、ロクナナワークショップ（監修）

【参考】：[デザインの学校 これからはじめる HTML & CSSの本](https://gihyo.jp/book/2017/978-4-7741-8968-0)

### 3. これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

特徴：**HTML/ CSS、JavaScript などの入門書として網羅性に富み、これ1冊で基本を学べる**

初心者にわかりやすく書かれている本で、HTML・CSS・JavaScriptについて幅広く学べます。しかし、より詳しく学びたい人にはやや物足りなさを感じるかもしれません。*Web開発の基本について広く浅く学びたい人におすすめ*です。

【参考】：[これからWebをはじめる人のHTML＆CSS、JavaScriptのきほんのきほん](https://book.mynavi.jp/ec/products/detail/id=65861)

### 4.世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書

特徴：**Webサイト作成に必要な知識を凝縮した教科書**

全15章から構成されています。レッスン1の基礎知識から始まり、 HTML/CSSの使い方を中心としたレッスンが続き、後半のレッスン14と15ではWebサイトの公開方法が記載されています。タイトル通り教科書のイメージが強いですが、*しっかり基礎を学びたい初心者の方におすすめ*の本です。

▪著者：赤間 公太郎、狩野 咲、鈴木 清敬

【参考】：[世界一わかりやすい HTML5＆CSS3 コーディングとサイト制作の教科書](https://gihyo.jp/book/2019/978-4-297-10302-6)

### 5.いちばんやさしい HTML＆CSS 入門教室

特徴：**スマホ対応のサイト作りを題材とした新しいタイプのHTML/CSS入門書**

「いちばんやさしい」のタイトル通り、HTML/CSSに特化した入門書です。特徴は*スマホ向けサイトを題材としている*点で、他の教本とは一線を画しています。

題材はスマホサイト作成ですが、モバイル対応サイトを作りながら、パソコン表示の対応方法なども解説されています。また、*閲覧するユーザーのデバイスに合わせて自動的に表示が最適化される「レスポンシブデザイン」の制作を学べます。*入門でありながら、実践力を高めたい初心者におすすめの1冊です。

▪出版社：株式会社ソーテック社

【参考】：[いちばんやさしい HTML＆CSS 入門教室](http://www.sotechsha.co.jp/pc/html/1213.htm)

### 6.HTML＆CSSとWebデザインが1冊できちんと身につく本

特徴：**読むだけで各言語の知識とWebデザインの基礎が身につく**

HTMLやCSSのコーディング方法に加え、多くのWebサイトで使用されている4つのレイアウト手法についても学べます。*基礎知識の勉強にもなる上、実践的なテクニックも学ぶことができます。*そのため、実際にHTMLやCSSを使った仕事がしたい人にもおすすめです。

またサンプルサイトの見栄えも良いので、Webサイトを作りながら楽しく勉強できるのもポイントです。

HTMLとCSSに関する学習本を探す際、書籍が多すぎて選ぶのに困る方が少なくありません。この記事では、ITエンジニアを目指す方にHTML＆CSSに関する入門本の選び方と、おすすめの入門書を紹介します。Webページを自分で作りたい方もぜひ参考にしてください。

HTMLとCSSは言語としての機能や目的は異なるが、Web作成において必須の言語でセットで習得すべき

HTML/CSSの入門書を探すには、3つのポイントを押さえる必要がある

おすすめのHTML/CSSの入門書15選と、それぞれの特徴について理解する

shell（シェル）とは、*OS（オペレーティングシステム）の操作を行うためのインターフェースプログラムを指します*。システムコマンドのインターフェースとしてOS操作を行います。

OSの中核となるコードをカーネル（核）と言います。その外側のユーザ側のインターフェース部分をシェル（殻）と呼んでいます。貝殻の中と外のイメージです。シェルは対話的（インタラクティブ）にユーザー操作要求を解釈し、必要な処理を実行します。

シェルの特徴の1つは、カーネルリクエストを簡単に行えることです。従来のプログラミングではシステムアクセス用のプログラムコードを作成する必要がありました。シェルでは、追加のアプリ開発をせずに、コマンドラインで必要な操作をすることができます。

続く特徴は、シェルスクリプトというスクリプト言語に対応していることが挙げられます。シェルは、作業の操作をコマンドラインに記述し実行します。*シェルスクリプトでは、同じ処理手順をコードとして作成することで、バッチ処理や一括実行を簡単に行うことができます*。

シェルの利用メリットは、前述のシェルの有する特徴を最大限活用できることです。具体的には、複数の作業手順を一括実行することで、シェルスクリプト実行による作業品質の均一化が可能です。スクリプト実行では、運用管理の自動化も期待できます。

作業手順としては、CLIで基本操作が正しいことを確認し、シェルスクリプトのコードを作成します。これにより*運用管理における作業手順の標準プロセス化も可能です*。

### コマンドラインインターフェイスとは

コマンドラインインターフェイスとは、コマンドを入力し所定の操作を行うインターフェースを指します。略称として、CLI（Command Line Interface）と呼びます。

シェルのコマンドインターフェースは、CLI形式がほとんどです。シェルは*シェル自体が解釈できる組み込みコマンドと、外部のコマンドやアプリケーションを起動する外部コマンド呼び出しが実装されています*。

AWS CLIの使い方は？インストールから使用方法まで解説！

シェルスクリプトとは、*シェルで解釈可能な一連の操作コマンドを記述したコードを指します*。スクリプト言語の一種です。シェル組み込みコマンドや外部コマンドを適宜実行させることで、複雑な処理に対応します。

シェルにはコマンドインターフェースとしてインタプリタ機能があります。入力されたコマンドの解釈を対話型で逐次実行します。シェルの実行方法は、CLIからのコマンド入力の対話型実行と、シェルスクリプトを用いた一括実行の両モードに対応します。

カーネルとは、*システム資源をプロセッサの特権を使って効率的に割当・実行・制御する機能を指します*。具体的には、メモリーやCPU・I/O等を管理するOSの中核機能です。ユーザーはプログラムを実行することで、システムコールを通じてカーネルへ処理要求を発行します。カーネルは、システムコールの要求を手順に従い処理していきます。

カーネルはユーザーのプログラムやデーモン（常駐プロセス）をプロセスとして管理し、システム資源を割り当て、ファイルやI/Oのアクセスを管理します。

*シェルは、UNIX系システムで実装されており、Linuxにも利用されています*。macOSやWindowsにもシェルが搭載されています。ここでは代表的なシェルの種類について見ていきます。

Bourne Shellはshプログラムで、1977年に登場したシェルです。*UNIXに標準搭載されていたため、古くから使われています*。対話的に操作する場合にコマンド編集等の機能が実装されておらず、後に標準化されたPOSIX Shellに置き換わっていきました。

C Shellはcshプログラムで、BSD UNIXで配布されたシェルです。Bourne Shellに不足していたヒストリ機能やエイリアス機能を実装したことで、対話的な操作性が大幅に向上しました。*C言語に近い言語体系を取っており、シェルスクリプトの開発が容易です*。

ジョブコントロール機能によりフォアグランドジョブとバックグラウンドジョブの管理を可能としたために、バッチ処理等の運用性も向上しました。

KornShellはkshプログラムで、*Bourne ShellとC Shellの機能を取り込んでいます*。Bourne Shellの上位互換として動作し、かつC Shellで実装された対話的操作時のコマンド編集機能を実装したものです。

BashはLinuxやUNIX系システムで用いられているシェルで、GNUプロジェクトにより開発された*Bourne Shellのフリーソフトウェア版です*。bashとは、Bourne-again shellの頭文字をとった名称です。フリーソフトウェア版開発にあたり、C ShellやKornShellの機能を取り入れています。

Bashは登場以降、Linuxのデフォルトシェルとして利用が進んでいます。macOSおよびMicrosoft Windowsにも対応しています。

Powershellは、*.NET Frameworkで用いるオブジェクト指向のシェルです*。CLIとシェルスクリプトに対応します。古くはWindows Scripting Host（WSH）が主流でしたが、Windows 7以降はPowershellが標準搭載され、Windowsシステムで利用されています。

MS-DOSでは、コマンドプロンプトでバッチファイルが実行できました。現在は*WindowsではWindows Subsystem for Linux（WSL）が実装されており、Bashを利用することが増えています*。

GUI系Shellというと、マンマシンインターフェースとしては、macOSやWindows、UNIX系システムのX Windowsがあります。スクリプト実行という意味合いでは、先に挙げたCLIとシェルスクリプトを併用することになります。

ここでは代表的なシェルであるBashの利用方法を見ていきます。BashはLinuxに標準搭載されています。macOSにも導入済みですので、お持ちの環境で利用できます。Windowsの場合は、WSLをインストールすることで、UbuntuとBashが利用可能になります。

*Bashはデフォルトシェルとして広く利用されています*。bashのリファレンスマニュアルはGNUで配布されています。
【参考】：[Bash Reference Manual](https://www.gnu.org/software/bash/manual/bash.html)

シェルは対話型によるコマンド実行や、スクリプトファイルを読み込んで実行します。リダイレクト機能を用いて入出力先を変更することもできます。コメント行には行頭に#を入れておきます。

*システムのログインシェルとしてBashが設定されている場合は、そのままBashのコマンド入力が可能です*。外部コマンドとしてBashを起動することもできますし、シェルスクリプトの1行目のコメント行に実行プログラム名としてbashを “#!/bin/bash” のように明示的に指定することもできます。

ログインシェルのプロンプトが ”$” の場合は一般ユーザ、”#” の場合はスーパーユーザ（root）の権限でシェルを実行することができます。

*シェルのコマンドは組み込みコマンドと、外部コマンド呼び出しが可能です*。

内部コマンドには、操作コマンドとしてechoやprintf、ジョブ制御のfg・bg・jobs等があります。ディレクトリ管理用のdirs・popd・pushd、履歴管理のfcやhistory、環境設定のsetやalias等が用意されています。スクリプト言語の構文では、evalやbreak・continue・return・break・exit等が用意されていますのでコマンドを併用し、プログラミングに利用することができます。

外部コマンドの例ですが、LinuxやUNIX環境ではファイルやディレクトリ表示のls、カレントディレクトリ変更のcd・chdir、ファイルやディレクトリ移動のmv、削除のrm、コピーのcp等を利用し、業務プログラムと連携してスクリプト処理を作成します。上記以外にも、ご利用の環境で提供されているコマンドは外部コマンドとしてシェルから実行できます。

### シェルスクリプトの作成方法

*スクリプトファイルはテキスト形式ですので、emacsやvi等のテキストエディタを用いて作成します*。

シェルスクリプトでは環境変数に応じた処理の追加や、コマンド解釈で必要とされる引用ルールに応じた文字列を引数として渡すことができます。シェル組み込みコマンドや外部コマンドを組み合わせて、より大規模な処理を登録することが可能です。

WindowsのシェルはPowershellですが、LinuxやUNIXで使用しているBashを共通利用する場合はWSLを利用するのが良いでしょう。

WSL（Windows Subsystem for Linux）とは、Windows上でLinuxのコマンド・ツール・アプリケーションを直接実行するサブシステムを指します。*WSL2では最新の仮想化テクノロジーを使用し、Linux環境がそのまま動作します*。インストールも簡単に行うことができます。
【参考】：[Windows Subsystem for Linuxに関するドキュメント](https://docs.microsoft.com/ja-jp/windows/wsl/)
【参考】：[Microsoft WSL のインストール](https://docs.microsoft.com/ja-jp/windows/wsl/install)

## シェルの活用は、運用効率化の鍵

シェルはインタラクティブに操作するインターフェースとして、LinuxやUNIX系システムで標準的に利用されています。WindowsでもWSLの活用が進んでいます。*シェルスクリプトをシステム間で統一することで統合運用を図ることができます*。運用自動化や作業プロセスの標準化が可能となります。

特にBashはクロスプロットフォームでも動作するため、活用実践や知識吸収は運用スキルアップとしてもおすすめです。

DXとは？その意味と日本の現状、DX推進の障壁となる要因を分かりやすく解説！

shell（シェル）とは、OSの操作を行うためのインターフェースプログラムを指します。対話型で操作できるほか、シェルスクリプトというスクリプト言語に対応します。このため、運用自動化にも貢献します。ここではシェルの特徴やメリット、代表的な種類や活用方法を解説していきます。

shell（シェル）とは、システムコマンドを実行するOSの操作インターフェースを指します

対話的に逐次解釈する方法と、シェルスクリプト実行によるバッチ処理や一括実行に対応します

運用の自動化や作業の標準化・作業品質向上が期待でき、システム運用に活用されています

shell（シェル）とは？特徴やメリット・活用方法を解説

**PowerShellとは、日本語ではパワーシェルとも呼ばれ、自動化や構成管理に便利なクロスプラットフォームのシェルスクリプトのこと**です。

PowerShellを使用すれば、運用コストの削減や業務効率の向上が期待できます。PowerShellの活用例として、連番のフォルダ作成・ログの監視・ファイル名の一括修正などが挙げられるでしょう。ここでは、PowerShellの概要やコマンドプロンプトとの違いについてわかりやすく紹介します。

【参考】：[PowerShell ドキュメント - PowerShell | Microsoft Docs](https://docs.microsoft.com/ja-jp/powershell/)

**PowerShellとは、Microsoft社が開発したスクリプト言語であり、コマンドラインインタフェース（CUI） の1つです。**CUIとは、コンピュータがユーザーに対して情報を提示したり、操作を受け付けたりする方法の1つで、全てのやり取りを文字によって行う方式を指します。

例えば、あるプログラムを起動・停止させたり、ファイルのパスを変更したりすることが可能です。また、PowerShellはコマンドによりコンピュータの制御を行えるため、*キーボードのみで操作することができ、マウスは必要ありません。*

### PowerShellとコマンドプロンプトの違い 

WindowsOSには、コマンドプロンプトというCUIもあります。しかし近年では、**コマンドプロンプトだけではなく、PowerShellも搭載されているのが一般的です。**

PowerShellとコマンドプロンプトの共通点はどちらもCUIという点です。PowerShellは、コマンドプロンプトが抱えている課題を改善して開発されているのが特徴です。

現在でもコマンドプロンプトを使用してコンピュータの制御を行うことはできますが、特に理由がなければ*PowerShellの利用をおすすめします。*理由として、今後はコマンドプロンプトに代わってPowerShellが普及していくと予想されるということが挙げられます。

Windows11のコマンドプロンプトはどこにある？ない時の出し方

PowerShellはCUIの1つであり、今後はコマンドプロンプトよりも普及していくと予想されていることは理解できたでしょうか。しかし、PowerShellで具体的に何ができるのか気になる方も少なくないでしょう。

ここでは、PowerShellでできることについてわかりやすく紹介します。

### コマンドレットを使用できる

**コマンドレットとは、PowerShellで使用できる軽量のコマンドのこと**です。コマンドレットは「動詞-名詞」という命名規則で作成されており、直感的にコマンドの内容を理解できるのが特徴です。

例えば、PowerShellで「Get-Command」というコマンドレットを実行すれば、コンピューターにインストールされている全てのコマンド一覧を取得することができます。

また、*これまでコマンドプロンプトで使用してきたコマンドも利用できるため、PowerShellはコマンドプロンプトの上位互換とも言える*でしょう。さらに、初めてコマンドによるOS操作に触れるという方は、PowerShellを使用すれば、学習コストの削減にもつながるでしょう。

### Microsoftのサービスを操作できる

**PowerShellを使用すれば、「Microsoft 365」「Microsoft Exchange」などのMicrosoft社が提供しているクラウドサービスを操作できます。**そのためPowerShellにより、メールボックスからユーザーデータを取得したり、ユーザーをグループ化したりすることが可能です。

また、フィルター処理をして自動化を行うこともできます。さらに企業で一元管理している多数のアカウント設定を一括変更できるため、PowerShellを業務に使用することも十分に可能です。

【参考】：[Microsoft 365 の紹介 | Office アプリ、クラウド サービス、セキュリティの統合](https://www.microsoft.com/ja-jp/microsoft-365)

【参考】：[Microsoft Exchange | 企業に役立つ安全なビジネス メール サービス](https://www.microsoft.com/ja-jp/microsoft-365/exchange/email)

### パイプラインを使用して細かくコンピュータを制御できる

**PowerShellのメリットの1つは、複数の命令を組み合わせる機能が備わっている点**です。この機能をパイプラインと呼び、先行のコマンド結果をパイプラインを使用して、次のコマンドに受け渡すことが可能です。PowerShellではパイプラインを縦棒「|」で記述します。

例えば「Get-ChildItem」と「Out-File」というコマンドレットをパイプラインを使用して組み合わせれば、取得したファイル一覧情報の中から特定のテキストファイルを出力させることが可能です。

*PowerShellではパイプラインを使用すれば、コンピュータで行う操作のほとんどをコマンド実行することができます。*そのためコマンドプロンプトと比較して、PowerShellは細かくコンピュータの操作を制御することが可能です。

### 統合開発環境「PowerShell ISE」が備わっている

**PowerShell ISEとは、PowerShell専用の統合開発環境で、WindowsOSに標準搭載されています。**また統合開発環境とはIDEとも呼ばれ、一般的な複数の開発ツールをまとめたものです。

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