**HTMLとは「Hyper Text Markup Language」の略称で、Webサイトの文書構造を記述するための言語のことです。**近年ではWordPressなどのCMSの登場により、プログラミング経験がないような初心者でもHTMLを理解できれば、Webサイトの簡単な装飾ができるようになります。ここでは、初心者向けにHTMLの概要や特徴について詳しく紹介します。

**HTMLとは、インターネット上のWebサイトの文書構造を表現するための言語であり、CSSやJavaScriptといった言語と一緒に使用されるのが一般的です。**CSSを使用すれば、Webサイトのスタイルを指定することができます。またJavaScriptを使用すれば、動的なWebサイトを作成することが可能です。CSSやJavaScriptを適用するためにも、HTMLはまず習得すべき必須な言語と言えるでしょう。

*HTMLのような文書を記述する言語は、一般的にマークアップ言語とも呼ばれます。*マークアップ言語では、文字や画像などにタグを使用してマーキングを行い、文書の骨組みを明確にできます。HTMLタグは、開始タグ「<タグ名>」と終了タグ「</タグ名>」でテキストを囲んで使用するのが一般的です。なお終了タグが不要なタグ要素もあるため、注意する必要があります。

**HTML5とはHTMLのバージョンが「5」であることを意味します。**HTML1が開発されたのは1993年であり、バージョンアップを重ね、1999年にHTML4が開発されました。これまではHTML4がWebサイトを作成するための言語として主に利用されてきました。*2014年にHTML5がリリースされ、HTML5が現在の最新バージョンです。*

しかし**2021年1月28日にHTML5は廃止され、「HTML Living Standard」が標準規格となっています。**現状ではHTML5と「HTML Living Standard」では大きな差異はありませんが、「HTML Living Standard」は日々アップデートされるため注意が必要です。

*HTML5はHTML4と比較して機能の豊富さが特徴です。*例えばHTML5はマルチデバイスに対応しており、スマホなどさまざまなデバイスに対応したWebサイトを比較的簡単に作成できます。また、複数のブラウザにも対応しているのも魅力です。他にもHTML5を使用すれば、3Dアニメーションの作成・音声や動画の埋め込み・フォームの入力チェックなどができます。

HTMLはWebサイトを作成するために必要な言語であることは理解できたでしょうか。ここではHTML入門ということで、HTMLの基礎コードを初心者向けに紹介します。

**HTMLではタグ「<>」を使用して、文章構成を表現します。**例えば、タイトルを付けたいときは「titleタグ」を使用します。開始タグと終了タグの間にテキストを記述すれば、Webサイトのタイトルを作成することが可能です。画像を挿入したいときには「imgタグ」を使用しますが、このタグには終了タグはありません。そのため*終了タグの不要なタグがあることを覚えておきましょう。*

**要素の細かい動きを設定するためには、属性や属性値を記述する必要があります。属性の記述方法は「<要素名 属性="属性値">」です。**開始タグの要素名の後ろには、半角のスペースを空けなければなりません。また属性の後ろにはイコール「=」を付け、属性値はダブルクォーテーション「"」で囲む必要があります。なお*属性値を囲む際にシングルクォーテーション「'」も使用できますが、一般的にはダブルクォーテーション「"」を使用します。*

ここからはサンプルとして、英語や日本語などの言語を指定する「lang」という属性を使用し、例を示します。なお「lang」という属性は「html要素」に使用することが多いです。

この記述により、*HTML内の言語は日本語という設定にすることができます。*属性名では「ja」を指定しており、「en」にすれば英語に設定可能です。

属性は複数指定することもできます。また**よく使用される属性には「id」「class」があります。**これらの属性は、CSSでデザインを定義するときに便利です。*「id」は同じWebサイトで属性名が重複してはならない*という特徴があります。一方*「class」は同じWebサイトで同じ属性名を何度でも使用することが可能です。*

HTMLの基礎コードについては理解できたでしょうか。他にも理解しなければならないHTMLの基礎は数多くあるため、実際にサンプルコードを読み、まずはコードの意味を1つひとつ理解するのがおすすめです。ここでは、よく使用されるHTMLのコードについて詳しく紹介します。

**見出しタグには「h1タグ」から「h6タグ」までの6種類があります。**大きい見出しを作成したいときには「h1タグ」を使用し、数字が大きくなるほど小さい見出しとなります。*見出しタグを上手く使用すれば、ユーザビリティやSEO効果の向上が期待できるでしょう。*見出しタグはテキストの見た目を設定するために使用するのではなく、Webサイトの階層構造をユーザーや検索エンジンにわかりやすく示すために使用する点に気を付けましょう。

**「imgタグ」は画像を挿入するために使用します。**これまでにも説明しましたが、「imgタグ」では終了タグが必要ありません。*「src」という属性を使用して、表示する画像ファイルを指定することができます。*また「alt」という属性を使用すれば、画像を表示できない場合に画像の代替テキストを表示することが可能です。さらに「width」「height」という属性を使用すれば、Webブラウザ上で表示する画像の幅や高さを指定することができます。

**「aタグ」はリンクを貼るために使用します。「href」という属性を使用して、リンク先を指定することが可能です。**リンク先には遷移させたいURLを入力します。また「aタグ」ではテキストだけではなく、画像を挟むこともでき、画像のリンクボタンを作成することが可能です。

**「pタグ」は段落を表現するために使用します。**「pタグ」は頻繁に使用される要素の1つです。「pタグ」の開始タグと終了タグで囲まれたテキストは1つの段落であることを示します。

HTMLのよく使用されるコードについては理解できたでしょうか。ここでは、HTMLの初心者向けの勉強方法について詳しく紹介します。

HTMLに関する本は数多くあり、超初心者向けから上級者向けまでさまざまな本があります。初心者の方は、HTMLの概要や基礎についてゼロから説明している本を選ぶのがおすすめです。*本を活用するメリットはネット環境がなくても勉強できるため、場所を問わず学習できる点です。*また簡単にメモを書いたり、付箋を貼ったりして自分なりにアレンジできます。さらに、費用がほとんどかからないのも魅力です。

一方本を活用するデメリットとして、実践的なスキルが身に付きづらい点が挙げられます。**HTMLに限らずプログラミング言語は、実際に手を動かして試行錯誤しながら学ぶことによってスキルが身に付きます。**そのため体系的な知識を習得できる本だけではなく、サンプルコードや練習問題の記載された本も購入するのがおすすめです。

### HTML入門サイト（学習サイト）を活用する

近年では、インターネット上でプログラミング言語を勉強できる学習サイトも数多くあります。例えば、「*Progate*」「*ドットインストール*」「*schoo*」「*Udemy*」などがあります。学習サイトはプログラミングスクールと比較するとサポートが少ないため、独学で勉強したい方向けです。また、プログラミングスクールよりも一般的に安い費用で利用できます。

*学習サイトを利用するメリットは、実際に手を動かしながらHTMLを学べる点です。*環境構築が不要な学習サイトであれば、すぐにHTMLのコーディングを始められます。ただし、将来的にWeb制作現場などで働きたいと考えている方は、環境構築から丁寧に解説されている学習サイトを選びましょう。

**HTML初心者の方は、本で体系的な知識をインプットし、学習サイトでアウトプットすると効率よく習得できます。**そのため本と学習サイトを併用してHTMLを学習するのはおすすめです。独学な苦手な方は、プログラミングスクールの受講を検討しましょう。

## 実際に手を動かしながらHTMLを学習しよう！

これまでに、HTMLの概要・基礎コード・コード一覧・勉強方法について初心者向けに解説しました。**HTMLとはWebサイトの文書構造を記述するための言語を指します。**なお、*現在のHTMLの標準規格は「HTML Living Standard」です。*

*HTMLでは開始タグ「<タグ名>」や終了タグ「</タグ名>」を使用して、文章構成を表現します。*ただし終了タグが不要なタグ要素もあるため、注意が必要です。また*属性を付ければ、要素の細かい動きを設定することができます。*例えば「imgタグ」を使用するときには、「src」という属性を使用して表示する画像ファイルの指定が可能です。

**HTMLを勉強するにあたって、本と学習サイトを併用するのがおすすめです。**特に、本はサンプルコードや練習問題が記載されているものを選びましょう。実際に手を動かしながら学習することで、HTMLの実践的なスキルを身に付けることができます。

HTMLとはWebサイトの文書構造を記述するための言語です。HTMLを勉強するにあたって、本と学習サイトを併用するのがおすすめです。当記事では、HTMLの概要・基礎コード・コード一覧・勉強方法について初心者向けに解説します。

現在のHTMLの標準規格は「HTML Living Standard」

HTMLの開始タグに属性を付ければ、要素の細かい動きを設定できる

HTMLを独学で学習する場合は、本と学習サイトを併用するのがおすすめ

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

- [Rubyとは何か？Rubyの特徴やできることについて解説](https://and-engineer.com/articles/YOmYWBEAACcA0Hh8)

- [Rubyでできること・できないことを紹介！特徴についても解説](https://and-engineer.com/articles/YPUc2hIAACEAbTCP)

- [Ruby初心者向けに概要・特徴・作れるもの・勉強方法を解説！](https://and-engineer.com/articles/YR9sERAAAGEhAjPT)

## Rubyは独学でも勉強できるのか？

**Rubyとはまつもとゆきひろ氏により日本で開発された、国産のプログラミング言語のことです。**そのため他のプログラミング言語にはないような特徴もあります。ここではRubyの概要と特徴を説明するとともに、Rubyは独学で勉強できるのかについて解説します。

**Rubyは1995年にリリースされた、オブジェクト指向型のプログラミング言語の1つです。**また国際電気標準会議において、日本で開発されたプログラミング言語として国際規格に認定を受けた言語でもあります。

Rubyはフリーソフトウェアであるため、無償で使用でき、ユーザーが自由に複製・改変・再配布などを行うことが可能です。また*Rubyは短いコードでプログラムを記述できるため、可読性の高さが特徴です。*さらに*文法がシンプルであるため、プログラミング初心者におすすめされる言語の1つ*と言えます。

**「Ruby on Rails」という便利なフレームワーク**を使用すれば、簡単にWebアプリケーションの開発などを行うことが可能です。Rubyでできることは数多く、汎用性の高さも特徴と言えます。

Ruby on Railsとは？特徴やできることを徹底解説！

このような特徴から、**Rubyは開発スピードの向上やコストの削減が期待できるため、スタートアップ企業や自社開発企業などでよく使用されています。**またオランダのTIOBE Softwareが毎月公表している、プログラミング言語の人気ランキングを示すTIOBE Indexによると、2021年9月において、Rubyは13位に位置しており、GoやSwiftなどと同レベルの順位です。
（ 参考：https://www.tiobe.com/tiobe-index/ ）

### Rubyは初心者でも独学で勉強可能

*Rubyは国産のプログラミング言語で、シンプルな文法が特徴であるため、初心者でも独学で勉強しやすい言語の1つです。*例えば独学で勉強を進めている場合、エラーやバグが発生したときは自身で対処しなければなりません。

しかし、**Rubyであれば日本語で記載されているWebサイトや、解説本が豊富にあるため、問題の自己解決が比較的しやすいです。**海外で開発された言語の場合、英語で解説されている記事などが多い傾向にあり、学習コストが多くかかります。そのためRubyは独学で勉強を始めるのに、おすすめの言語と言えるでしょう。

## Rubyを独学で勉強するメリット

Rubyの特徴や独学におすすめのプログラミング言語であることは理解できたでしょうか。ここでは、Rubyを独学で勉強するメリットについて詳しく紹介します。

### プログラミング初心者でも独学しやすい

**Rubyの文法はシンプルであり、他のプログラミング言語では長文になるコードを短いコードで記述できることもあります。**また可読性が高く、どの部分が間違っているか見つけやすいのも特徴です。さらに*Rubyは日本語で解説されている本や記事が数多くあり、プログラミング初心者でも挫折することなく、勉強を継続できるでしょう。*このように、Rubyは習得難易度が他のプログラミング言語と比較して低いため、プログラミング初心者でも独学しやすいというメリットがあります。

**Rubyに限らずプログラミング言語を独学で勉強する場合、費用コストを抑えられるというメリットがあります。**近年では数多くのプログラミングスクールが登場していますが、一般的にスクールに通うと最低でも数十万円の費用がかかります。一方*本や学習サイトなどを利用して勉強すれば、費用はほとんどかかりません。*また無料で利用できる学習サイトや中古本を活用すれば、さらにコストを抑えることが可能です。

**Rubyはシンプルな文法やフレームワークが充実していることから、開発効率の向上が期待できるプログラミング言語の1つです。**Webアプリ・ECサイト・SNS・スクレイピングなどは、Rubyを使用すれば、比較的簡単に開発を行うことが可能です。そのため*Rubyは、スタートアップ企業や自社開発企業でよく使用されています。*

Rubyの開発スピードの早さは魅力的です。*独学でインプットした知識をアウトプットして成果物がスムーズに作成できると、モチベーションの向上にもつながるでしょう。*このように、開発スピードの早さも独学するうえでのメリットの1つ言えます。

Rubyを使用して開発を行っている企業は、スタートアップ企業から大手企業まで数多くあります。またRubyでできることは多様であり、汎用性の高さも特徴です。**近年では新しいWebサービスやWebアプリが数多く開発されており、Rubyの需要は高い傾向にあります。**そのためRubyのスキルを習得すれば、仕事がないという状況は考えづらいと言えるでしょう。

Rubyを使用して成果物を作成した経験があれば、就職や転職で役立ちます。また*独学で試行錯誤した経験は、会社で働く際の不具合やトラブルが発生したときに活かせます。*

Rubyを独学で学習するメリットは理解できたでしょうか。ここでは、Ruby独学のロードマップとして勉強方法について詳しく紹介します。

**Rubyを独学で勉強して、Webアプリケーションが開発できるまでの目安として300時間程度と言われています。**これは基本情報技術者試験や応用情報技術者試験などのIT資格を取得するまでに必要な勉強時間と同等であるため、Rubyは初心者でも勉強しやすいプログラミング言語と言えます。

ただし、これまでのIT経験や勉強方法によって勉強時間が異なるため、きちんとした手順で勉強するのが大切です。*まずはRubyを勉強して何を成し遂げたいかを明確にすることから始めましょう。目的を設定すると、やるべきことが明確になり、勉強効率が向上します。*

### 本を活用して体系的な知識をインプットする

Rubyを勉強するにあたって、プログラミング経験がない方の場合、本を活用してITやプログラミング言語の基礎から勉強する必要があります。そのため**初心者向けのRubyの学習本を選び、体系的な知識を学習することが大切です。**

一方プログラミング経験がある方ならば、サンプルコードや環境構築方法が細かく記述された本を選び、手を動かしながら勉強するのがおすすめです。このように、*これまでの経験に応じて選択すべき本は異なるため、自分に合った参考書を購入して勉強を始めましょう。*

また**Rubyを使用して開発を行うにあたって必須とも言われる「Ruby on Rails」についても解説されている書籍を選ぶようにしてください。**Ruby on Railsを使用すれば、短いコードでWebアプリケーションを開発することができます。注意点として、*IT技術のトレンドの移り変わりは激しいため、できる限り新しい本や改訂版で学習するようにしましょう。*

### 学習サイトを活用して習得した知識をアウトプットする

**近年ではオンライン教材が発展しており、Rubyを学習できる学習サイトは数多くあります。**例えば、Progate・ドットインストール・Udemyなどが挙げられます。学習サイトの特徴は様々であり、環境構築が不要なものや、動画解説が付いているものもあります。*自分の目的に合わせて使用する学習サイトを選択するのが大切です。*

将来的にRubyを使用したエンジニアへの転職を考えているのであれば、環境構築の作業は重要です。その際、コミュニケーションスキルも磨くことも大切と言えます。Rubyの学習に合わせて、エンジニアに必須なスキルを磨きましょう。

また、**学習サイトと本を併用して学習するのもおすすめと言えます。**本でインプットを行い、学習サイトを活用してアウトプットすると効率よく学習することが可能です。プログラミングは実際に手を動かすことで、スキルが身に付きます。そのため*インプットよりもアウトプットを重視して勉強に取り組みましょう。*

**Rubyの基礎が身に付いたら、実際にサンプルの成果物をゼロから作成してみましょう。**オリジナルではありませんが、サンプルの成果物を作成すれば、これまで勉強した知識やスキルを深めることができます。ただし、基礎を習得しないうちに成果物を作成しようとすると、挫折してしまう方も少なくないため、まず学習サイトや本で基礎をきちんと身に付けてから取り組みましょう。

### オリジナルのWebアプリを作成する

**サンプルの成果物が作成できたら、改良を加えオリジナルのWebアプリを作成してみましょう。**まずはRubyの開発環境の構築ができるところから始めるのがおすすめです。ここでつまづいてしまった場合は、本や学習サイトの基礎に立ち返りましょう。

*Rubyであれば、日本語でインストール方法を解説している無料のWebサイトもあります。*実際にオリジナルのwebアプリが作成できたらポートフォリオとして利用できるため、転職時に役立ちます。

## Rubyは初心者におすすめ！独学で勉強できるプログラミング言語

これまでにRubyは独学で勉強できるのか、独学で学習するメリット・勉強方法について解説しました。

**Rubyを独学で勉強するにあたって、本と学習サイトを併用し、インプットとアウトプットを繰り返すのがおすすめです。**またプログラミングは手を動かすことで、スキルが身に付くため、アウトプットを重視して学習するのが大切と言えます。Rubyの基礎が勉強できたら、サンプル作品を参考に成果物を作成し、最後はオリジナルのWebアプリを制作してみましょう。*オリジナルのポートフォリオは就職や転職の際に大いに役立ちます。*

Rubyとはまつもとゆきひろ氏によって開発された国産のプログラミング言語です。Rubyを独学で勉強する際は、本や学習サイトを活用するのがおすすめです。当記事ではRubyは独学で勉強できるのか、独学で学習するメリット・勉強方法について解説します。

Rubyはシンプルな文法が特徴であるため独学におすすめのプログラミング言語

Rubyを国産のプログラミング言語であるため情報取集しやすいのが特徴

Rubyを独学で勉強するにあたって本と学習サイトを併用するのがおすすめ

Rubyは独学できる? 勉強するメリットやおすすめの学習方法について解説

HTMLのdivタグとは？読み方・目的・使い方などを解説！ 

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

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

この記事ではHTMLの勉強法について解説しますが、その前にHTMLを学ぶ必要性や目的について確認しておきましょう。学ぶには明確な目的が必要です。「何となく」「後学のために」といった軽い気持ちで学んでも身に付きません。
学ぶ以上は、「*HTMLを学んで何をしたいのか*」「*自らの人生設計にどう役立てるのか*」を明らかにすることが先決です。

### エンジニアにHTMLの知識が必要な理由

*Webサイトは基本的にHTMLで作られています*。「ブログを作ったことはあるけれど、HTMLは使わなかった」という方は多いです。最近はCMSと呼ばれる、テキスト入力やWord操作の感覚でWebサイトの作成や更新ができるツールが増えました。
誰もが知っているWordPressではHTMLの知識が皆無でもWebページを作れますが、WordPressのアウトプットはHTMLです。つまり、Webページを作るだけなら、HTMLの知識は無くとも困ることはありませんが、次の理由から*ITエンジニアにとってHTMLは必要不可欠の知識*と分かります。

**1.Webページの最終調整にはHTMLスキルが求められる**

WordPressの操作で、シンプルなWebページは作れますが、特徴的なWebページを作るのに限界があります。仮にWordPressで作成できても、最終的な*Webページの微調整・動き・色合い整など、デリケートな調整はHTMLで直接記述することがあります*。

**2.HTMLの知識があると具体的な指示を出せる**

システムエンジニアがWebプログラマーやWebデザイナーに開発の指示・修正・微調整の指示を出す際に、*HTMLを知っているか否かによって、指示の具体性が大きく変わります*。

**3.フルスタックエンジニアへの近道**

複数の領域のスキルを持ち、オールラウンドに活躍できるエンジニアをフルスタックエンジニアと称しますが、*HTMLのスキルを持ったエンジニアは、フルスタックエンジニアを目指せる可能性*があります。
例えば、*フロントエンド開発の領域ではHTML・CSS・JavaScriptの3つを習得していれば、ほぼ独力でフロントエンド開発を担えます*。
さらにPHPやPythonなどの言語スキルを身に付け、*フロントエンド開発に加えてバックエンド開発を担えると、フルスタックエンジニアとして活躍の機会*が広がるでしょう。

HTMLは"Hyper Text Markup Language"の略語です。Languageは言語と訳されることが多いため、プログラム言語の一種と思いがちですが、プログラム言語ではありません。

HTMLのLanguageは言語の意味ではなく、文法やルールの意味合いです。*HTMLはプログラミング言語ではなく、マークアップ言語なのです*。

私たちが日常利用しているWebページは、視覚的に分かりやすくタイトル・文字・画像などが配置されています。一方、コンピューター側からWebページを見てみると、単なるコードの羅列です。
実は**HTMLがコンピューターと人間を取り持ち、翻訳者の役割を果たしています。**
HTMLがコンピューターに対して、Webページに表示する文字・画像のサイズ・配置を教え、その指示を受けたコンピューターが人間の視覚に訴えるページを作成します。
次に、HTMLのHyper Text （ハイパーテキスト）について確認しておきましょう。

### ハイパーテキスト（HyperText）とは

「HyperText」のHyperは直訳すると「超」です。「HyperText」はテキストを超越するテキストという意味になります。では、何が「超」なのでしょうか？

Webページには「ハイパーリンク」というものが頻繁に登場します。このハイパーリンクには、元の語句から直接、関連文章や説明文書を呼び出す機能があります。
このように*語句や文章を「関連づける」ことをハイパーリンク*と呼び、**ハイパーリンク機能を持っている文書を「ハイパーテキスト」と呼んでいます**。この「ハイパーテキスト」から成り立っているのがHTMLの特徴の1つです。

HTMLがハイパーテキストで構成されていることは理解できました。ではマークアップ"Markup"とは何を意味するのでしょうか？

「タグ（Tag）」と呼ばれる記号によって文章を囲い、**「マークアップ（Markup）」は文章に「目印をつけて」意味を持たせること**です。

*「タグ」（Tag）とはWebページ上での表示のさせ方を指定する「命令文」*であり、テキストをその意味ごとに"&lt;&gt;"で囲みます。

この**タグをコンピューターが読み取り、人に分かりやすい表示に変えてくれる**という仕組みです。

たとえば、見出しであれば階層の上から&lt;h1&gt;~&lt;h6&gt;を用います。大見出しの場合は&lt;h1&gt;大見出しの文言&lt;/h1&gt;と記述します。

本文であれば、段落を表す&lt;p&gt;本文&lt;/p&gt;を用います。

他、*画像は&lt;img&gt;タグを用います。&lt;img src="画像ファイル名"/&gt;の様に記述*します。

Webページの作成において、HTMLと切ってもきれない関係にあるのがCSSで、CSSは"Cascading Style Sheets"の略語です。
CSSは化粧に近いものと考えてください。**HTMLだけで作られたWebページに見栄えよく化粧を施したり、動きを付ける役目**を持ちます。HTMLを学習する際には、ぜひCSSも学びましょう。

HTMLが主にWebページの作成に使われていることは理解できましたが、実はHTMLはWebページ以外にも活用されています。ここでは、*HTMLが利用されている主な3つの領域*について紹介していきます。

世界中のWebサイトのほとんどがHTMLによって開発されています。それを確認する方法があります。

HTMLで記述されているソースコードを確認するには、*Windowsパソコンなら「Ctrl+U」、Macの場合は「⌘+Option+U」を同時に押すことでソースコードが現れます。*

**Webサイトの裏側はすべてHTMLで記述されている**のです。

普段利用している*EメールでもHTMLが使われているケースが増えています*。特に多いのは、広告メールです。メールを開くと、あたかもWebページのように画像やアニメーションが見られるメールを受け取ったことがあるでしょう。
ビジネスメールではテキストメールが主流ですが、**メルマガや登録サイトのお知らせメールなども「HTMLメール」が大半**です。

HTMLはOSに制限されない点が強みです。iOSやAndroidOSに関わらず、HTMLは共通の言語です。スマホアプリの開発では、iOSはObjective-CやSwiftなどを利用し、Androidは主にJavaを使います。iOSとAndroidの双方に対応できるスマホアプリを開発する場合は、基本的に二重開発を余儀なくされます。

しかし、**JavaScriptと、HTML（HTML5）を使うことで、iOSとAndoroid兼用のスマホアプリの開発が可能**です。
このようなアプリを*ハイブリッドアプリと言い、開発コストの低減が図れる*ことから注目を浴びましたが、動作面やパフォーマンス面の弱点があり、必ずしもスタンダードにはなっていません。

ここまででHTMLの概略は理解できたでしょうか。ここからは*HTMLの勉強法について紹介*していきます。何から勉強を始めるのか迷うところですね。

スクールに通う、オンラインスクールを受講するといった方法も選択肢としてはありますが、本格的にスクールに通う場合は、数十万円の受講料が必要です。オンラインスクールも有料のスクールは数万円程度かかります。
しかしHTMLやCSSは、さほど難易度は高くないため、独学が可能です。以上の理由から、ここでは独学をおすすめします。

### 難易度や習得に必要な勉強時間

*ITスキルのある方*（ITの基礎知識がある人、プログラミング言語を1つ程度習得している人）であれば、**1日1時間の学習で、半月から1カ月もあれば独力でブログサイトが作れる程度のレベルには達する**ことができるでしょう。

HTML・CSSの作成で、特別なものを用意する必要はありません。普段使っている*パソコン・Webブラウザ・テキストエディタ（ex.メモ帳）*があれば、すぐにでも作業は始められます。

テキストエディタがあればHTMLのコーディングは可能ですが、できれば**HTMLエディタを利用した方が、コーディングがはかどります**。
コードの記述ミスをチェックしてくれたり、タグの種類ごとに色分けしてくれたり、作業をサポートしてくれるため、フロントエンドエンジニアは必ずといっていいほど、それぞれが気に入ったHTMLエディタを活用しています。初めての方におすすめしたいHTMLエディタは以下の3つです。

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

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

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

ここでは、おすすめの独学法として2つ紹介します。もちろんすべてを選んでも構いませんし、1つに集中しても構いません。どちらも、*「一方的に講義を聞く」「ただ単にテキストを読む」という方法ではなく、手を動かして覚える実践的な方法*です。
いずれの学習法でも終了する頃には、独力で簡単なWebページを作れるだけのスキルが身についているはずです。

### 無料でプログラミング学習サービスを利用する

プログラミング学習サービスの1つに*[Progate](https://prog-8.com/)*というサービスがあります。この中に*[「HTML & CSS 初級編」](https://prog-8.com/lessons/html/study/1)*という学習コースがあり、**会員登録をすると誰でも無料で受講**ができます。中級以上でも月額1,078円で受講できるため、書籍代よりも安上がりかもしれません。Progateは初心者に優しいサービスが作られているので、飽きずに続けられるのがおすすめポイントです。

### 入門者向けのテキストで学ぶ

*[1冊ですべて身につくＨＴＭＬ＆ＣＳＳとＷｅｂデザイン入門講座（ ＳＢクリエイティブ）](https://honto.jp/netstore/pd-book_29559725.html)*

その名の通り、**この1冊でHTMLとCSS、さらにはWebデザインまで学べます**。テキストに従って、*実際に1つのサイトを作るので、実践を交えながら基礎を学ぶため、習熟は早い*でしょう。
テキストに従って最後まで進めていくと、お洒落なサイトが出来上がりますので、学習の達成感が倍増します。ちなみに著者はMana（マナ）という方で、「マナブログ」で有名な人気ブロガーの坂内学さんではないかと考える人がいますが、別人のようです。

スマホでスキマ時間にHTMLを学べるようなアプリがあると便利です。一時期、*「Trico-Hello world without PC」というHTML学習アプリがiPhoneアプリとして存在していましたが、残念ながら現在は提供されていません*。

HTML/CSSはどこまで勉強すればよいのか、誰もが不安に感じる点でしょう。とりあえず簡単なブログサイトを作れればそれで良いという方は、ひと月も学習すれば十分です。一方、**フロントエンドエンジニアを志す方は次の認定資格の取得**を目指しましょう。

*[HTML5プロフェッショナル認定試験](https://html5exam.jp/)*

エルピーアイジャパン（LPI-Japan）という特定非営利活動法人の認定資格で、*HTML5以外にCSSやJavaScriptなどに関する技術や知識も必要な試験*です。
レベルは1と2があり、*エンジニアレベルのスキルが求められます*。合格率は不明ですが、合格には70%の正当率が求められるため、決して易しくはありません。

以上、HTMLの勉強法について解説してきました。ここまで読まれたエンジニアの皆さんは、HTMLを習得し、もうワンランク上のエンジニアを目指してみてください。

Web全盛の時代を迎え、Webの基本であるHTMLはITエンジニアにとって必須知識・スキルといっても過言ではありません。ではHTMLはどう学べばよいのでしょう。ここではHTMLの習得を目指すエンジニアの方に向けて、HTMLの基本から勉強法まで解説していきます。

世界中のWebがHTMLによって作られていることから、ITエンジニアにとってHTMLは必須知識となっている。

HTMLはOSに左右されにくいWebアプリの開発にも利用されており、CSSとセットで学ぶことが望ましい。

HTMLは比較的易しい言語であり、教材も多く揃っていることから費用をかけず独学でも学べる。

HTMLは独学で学べる？勉強法や初級エンジニアに必要な習得時間

## 令和2年度から情報セキュリティマネジメント試験はCBT方式を採用

**令和2年度から情報セキュリティマネジメント試験と基本情報技術者試験は、CBT方式により試験が実施されています。**ここでは、情報セキュリティマネジメント試験とCBT方式について詳しく紹介します。
（ 参考：https://www.jitec.ipa.go.jp/1_11seido/cbt_sg_fe.html ）

### 情報セキュリティマネジメント試験とは

**情報セキュリティマネジメント試験とは、独立行政法人情報処理推進機構（IPA）が主催する国家資格の1つです。**IPAが主催する試験の難易度は4区分されており、*情報セキュリティマネジメント試験はレベル2*に相当します。レベル2に相当する資格として基本情報技術者試験試験が挙げられます。情報技術セキュリティマネジメント試験に受験条件はないため、誰でも受験可能です。
（ 参考：https://www.jitec.ipa.go.jp/sg/about.html ）

情報セキュリティマネジメント試験の合格率は約50%程度であり、他の情報系資格と比較すると難易度は低いと言えるでしょう。試験に合格するためには、*午前試験と午後試験の両方で得点率60%以上を取得する必要があります。*試験の日程については、IPAの公式サイトに掲載されています。例えば、令和3年（2021年下期）の試験日・試験会場・受験手数料・申し込み方法などは下記のサイトで確認可能です。
（ 参考：https://www.jitec.ipa.go.jp/1_02annai/r03-2sg_exam.html ）

**CBTとは「Computer Based Testing」の略称であり、コンピュータを活用して受験する方式のことです。**ITパスポート試験では既にCBT方式が採用されており、試験日程や試験会場が充実しています。また合格発表までのスピードの早さも特徴です。*今後は基本情報技術者試験や情報セキュリティマネジメント試験についても受験者へのメリットが増えていくことが予想できるため、今後の動向に注目です。*

既に情報セキュリティマネジメント試験をCBT方式で受験した方の感想によると、午前試験は紙媒体の試験と遜色ないと言われています。一方、午後試験ではページをめくるのが紙媒体と比べると面倒などのデメリットを感じている方もいます。

## 情報セキュリティマネジメント試験の申し込み方法

情報セキュリティマネジメント試験は、上期と下期の年2回CBT方式によって実施されます。**試験の申し込みを行うには、まず下記のプロメトリック社のWebサイトにアクセスします。**
（ 参考：http://pf.prometric-jp.com/testlist/sg/index.html ）

支払い方法は、*クレジットカード・コンビニエンスストア払い・Pay-easy払い*から選択できます。クレジット決済の場合と、コンビニエンスストア払い・Pay-easy払いの場合で予約受付期間が異なるため、注意が必要です。

*試験会場は全ての都道府県で1カ所以上あり、*試験会場については下記のサイトで確認可能です。また、試験日の3営業日前まで（土日が受験日程の場合は4営業日前まで）試験日時や試験会場は変更できます。ただし予約のキャンセルはできません。
（ 参考：http://pf.prometric-jp.com/testlist/sg/reserve.html ）

*実際に試験を予約するには、まず下記のサイトからプロメトリックIDを取得する必要があります。*
（ 参考：http://pf.prometric-jp.com/testlist/sg/online.html ）

プロメトリックIDが取得できたらログインし、試験の予約を行います。ログインができれば、個人情報を確認したり、試験会場・試験時間・支払い方法を選択したり具体的な詳細を決定することが可能です。*最後に予約完了メールが送付されるため、確認書を印刷し試験当日に持参しましょう。*確認書は持参しなくても受験は可能です。送付されたメールをきちんと確認し、当日に必要なものを把握するのが大切と言えます。

なお令和2年度の試験では中止や延期が発生しました。令和3年度以降も試験日程などが変更される可能性もあるため、公式サイトを随時チェックしましょう。

## 情報セキュリティマネジメント試験の資格を取得するメリット

情報セキュリティマネジメント試験の申し込み方法は理解できたでしょうか。ここでは、情報セキュリティマネジメント試験の資格を取得するメリットについて詳しく紹介します。

### セキュリティに関する知識が身に付く

**情報セキュリティマネジメント試験に合格するために勉強することで、セキュリティ関連の知識を身に付けることが可能です。**近年ではサイバー攻撃が増加しているため、あらゆる業界・業種でセキュリティ対策を重視しています。

*情報セキュリティマネジメント試験の勉強で得た知識は、仕事だけではなく、自分を守ることにもつながります。*例えば、自分のPCに保存された情報が外部に漏洩しないようにするには、自分自身で守らなければなりません。そのためセキュリティに関する知識を身に付けておくことは、現代の社会を生き抜くうえで重要と言えます。

### 就職や転職活動でアピールできる

情報セキュリティマネジメント試験は国家資格の1つであり、IPAが主催している試験ということで認知度も高いです。**資格を取得することによって、セキュリティ関連のスキルを客観的に証明することができます。**情報セキュリティマネジメント試験の資格は就職・転職活動におけるアピール素材の1つとして役立つでしょう。

しかし、IT業界では資格よりも実務経験が重視される傾向にあります。そのため資格だけではなく、実務経験を積むのも大切です。

近年ではセキュリティに関するスキルはIT業界だけではなく、金融・医療・教育など様々な業界で重視されています。そのため*情報セキュリティマネジメント試験の資格はIT業界だけではなく、他業界に就職する際にも役立ちます。*

### セキュリティ関連の上位資格を目指せる

**情報セキュリティマネジメント試験に合格すれば、IPAが主催しているセキュリティ関連の上位資格を目指しやすくなります。**例えばセキュリティ関連の資格として、「情報処理安全確保支援士試験」が挙げられます。*情報処理安全確保支援士試験はIPAが主催している試験の中では、最も難易度が高い試験の1つです。*情報処理安全確保支援士試験を受験するにあたって、受験条件はありませんが、事前にセキュリティに関する知識がある方が合格しやすいでしょう。

また、情報処理安全確保支援士試験に合格して申請を行えば、情報処理安全確保支援士（登録セキスペ）の国家資格を取得することができます。情報系資格の中では初めての士業であり、将来性は高いと言えるでしょう。*いきなり情報処理安全確保支援士試験に挑戦するのはハードルが高いため、まず情報セキュリティマネジメント試験の合格を目指しましょう。*

## 情報セキュリティマネジメント試験に合格するための勉強方法

情報セキュリティマネジメント試験の資格を取得するメリットは理解できたでしょうか。ここでは、情報セキュリティマネジメント試験に合格するための勉強方法について詳しく紹介します。なお、この記事では独学で学ぶ方法について解説します。

### 情報セキュリティマネジメント試験に合格するために必要な勉強時間

情報セキュリティマネジメント試験に合格するためには、**ITに関する知識がない方であれば目安として約200時間程度の勉強時間が必要です。**一方、ITの基礎知識がある方であれば、勉強時間を短縮できます。例えば下位資格であるITパスポート試験の資格を保有していれば、勉強時間は比較的少なくて済むでしょう。勉強時間は人によって異なるため、効率よく学習することが大切です。

**独学で学習する場合、書籍と過去問を活用するのがおすすめです。**午前試験は基礎知識を身に付ければ、十分に合格できます。そのため*書籍でインプットし、過去問でアウトプットする流れを繰り返すことで、効率よく学習することが可能です。*午前試験の合格点が取れたら午後試験の対策に移りましょう。

また、**午後試験では知識だけではなく、長文読解力も要求されるため問題に慣れることが大切です。**そのため問題集もしくは過去問を活用して、数多くの問題に取り組むのがおすすめと言えます。時間制限もあるため、きちんと制限時間内に問題を解くことができるのか確認するのも重要です。*IPAの公式サイトには過去問と解答が無料で公開されているため、積極的に活用しましょう。*
（ 参考：https://www.jitec.ipa.go.jp/1_04hanni_sukiru/_index_mondai.html ）

## 情報セキュリティマネジメント試験ではCBT方式が採用！

これまでに、情報セキュリティマネジメント試験・CBT方式の概要や情報セキュリティマネジメント試験の申し込み方法・メリット・勉強方法について解説しました。**情報セキュリティマネジメント試験では令和2年度からCBT方式が採用されています。また、申し込み方法もこれまでと異なるため注意が必要です。**

情報セキュリティマネジメント試験の難易度は基本情報技術者試験と同じレベルに位置し、*きちんと学習すれば独学でも十分に合格できます。*過去問は無料で利用できるため、上手に活用しましょう。

さらに**情報セキュリティマネジメント試験の資格を取得すれば、セキュリティに関する知識を習得したり、就職・転職活動のアピール素材として利用したりすることができます。**今後はセキュリティに関する高度なスキルを持った人材は重宝されるため、ぜひ情報セキュリティマネジメント試験に挑戦してみましょう。

情報セキュリティマネジメント試験では、令和2年度にCBT方式が採用されました。当記事では、情報セキュリティマネジメント試験・CBT方式の概要や情報セキュリティマネジメント試験の申し込み方法・メリット・勉強方法について解説します。

情報セキュリティマネジメント試験では令和2年度からCBT方式を採用

情報セキュリティマネジメント試験に申し込みを行うには、まずプロメトリック社の公式サイトにアクセスする

情報セキュリティマネジメント試験に合格すれば、セキュリティに関する知識を習得できる

情報セキュリティマネジメント試験はCBT方式！申し込み方法も解説

**Rubyとは、プログラミング言語の1つであり、文法や仕様が他のプログラミング言語と比較して簡易的であるため、ソースコードをシンプルに記述可能です。**またRuby on Railsというフレームワークを使用すれば、開発効率の向上が期待できます。ここではRuby初心者向けに、概要や特徴について詳しく紹介します。

**Rubyは1995年頃に、日本人のまつもとゆきひろ氏によって開発され､初めて国産のプログラミング言語で国際電気標準会議（IEC）で国際規格に認証されたことでも注目を浴びています。**2021年8月のTIOBEインデックスのプログラミング言語ランキングによると、Rubyは15位に位置しています。この結果からSwiftやGo言語よりも2021年8月時点では人気が高いと言えるでしょう。
（ 参考：https://www.tiobe.com/tiobe-index/ ）

**Rubyの大きな特徴としてソースコードの記述量が少ない点が挙げられます。**よって開発効率の向上にもつながるため、Rubyはスタートアップ企業や自社開発企業でよく使用されています。またソースコードの可読性が高く、保守性の高いサービスを作ることが可能です。

*JavaやC++などの他のプログラミング言語と同様に、Rubyはオブジェクト指向型言語の1つです。*Rubyは初期リリースのときからオブジェクト指向の考え方が取り入れられているのが特徴で、純粋なオブジェクト指向型言語と言えるでしょう。オブジェクト指向により、メンテナンス性・カスタマイズ性・プログラム品質の向上が期待できます。

**以上から、Rubyは他のプログラミング言語と比べて、簡単にコーディングできるため、スキルを習得しやすく初心者向けの言語と言えるでしょう。**

Rubyの概要や特徴は理解できたでしょうか。ここでRubyで何を作ることができるのか気になる方も少なくないでしょう。以下で、Rubyで作れるものについて詳しく紹介します。

**Rubyで作ることができるものの代表として、Webアプリ開発が挙げられます。Ruby on Railsというフレームワークを使用すれば高品質なWebアプリを短期間で作ることが可能です。**Ruby on Railsには豊富な機能が備わっており、汎用性の高さが特徴です。また日本語の資料やサイトなどの情報が多く、初心者でも学習しやすい点も特徴として挙げられます。Rubyで開発されたWebアプリの代表例として「クックパッド」「Gunosy」「クラウドワークス」などがあります。

**Rubyを使用して作れるものとして、API機能の開発も挙げられます。**APIとは「Application Programming Interface」の略称であり、ソフトウェアの機能を共有する仕組みを指します。具体的には機能を公開しているソフトウェアと、その機能を使用したいソフトウェアの間をつなげる窓口のようなものです。*API機能を開発するための専用ライブラリ「rails-api」を使用すれば、効率よくAPI機能をRubyで作ることができます。*

**RubyではRubyMotionというソフトウェアを使用すれば、 iOSのスマホアプリを作ることができます。**RubyMotionは2012年5月にリリースされた製品であり、スマホアプリを効率よく開発できる機能が用意されています。ただしAndroidアプリは開発できないため注意が必要です。*また、スマホアプリの開発に適しているプログラミング言語は他にもあるため、きちんと比較してから使用することをおすすめします。*

**Rubyで作れるものとして、スクレイピングの開発も挙げられます。**スクレイピングとは、Webサイトから情報を収集し、必要なデータを抽出・加工するための技術のことです。*RubyのNokogiriというライブラリを使用すれば、初心者でもスクレイピングを行うことができます。*スクレイピングを行うメリットは、手動よりもスピーディーに膨大な情報を収集できることです。そのためコスト削減にもつながるでしょう。

**Rubyで作れるものとして、Ruby on Railsを使用したECサイトも挙げられます。**Ruby on Railsには数多くのライブラリがあり、それに対して必要な機能を付け加えることで開発効率の向上が期待できます。*例えばRubyのSolidusというECパッケージを利用すれば、決済機能を簡単に実装することが可能です。*

**Rubyではチャットボットの開発を行うことができます。**チャットボットとは、テキストや音声によって、自動で会話するプログラムのことです。近年ではAI技術を活用したチャットボットを利用する機会は増加しています。例えばLINE公式アカウントなどでも、チャットボットを使用することは可能です。*Rubyではソフトウェア開発キット（SDK）を使用すれば、チャットボットをWebサイトに実装することができます。*

## Rubyコード一覧（初心者向け）

Rubyは初心者でも習得しやすく、様々なサービスを作ることができるのは理解できたでしょうか。ここでは、Ruby初心者向けにコードの基礎について紹介します。

**Rubyでは「#」をソースコードに記述すれば、「#」から行末までがコメントアウトされ、プログラムを実行する際に無視されます。**また複数行をコメントアウトしたい場合には、「=begin」と「=end」を使用します。ここからは具体例を見ていきましょう。

*1.単一行のコメント記述方法*
# コメント
print("Hello World!") # コメント「Hello World!」を出力します

*2.複数行のコメント記述方法*
=begin
コメント
コメント
コメント
=end

**Rubyでは他のプログラミング言語と比較して、簡単に変数を定義することが可能です。**数値の場合「変数名 = 数値」、文字列の場合「変数名 = '文字列'」で変数を定義することができます。*データ型を定義しないでも変数を定義できるため、ソースコードの記述量を少なくすることが可能です。*

**Rubyではputsメソッドを使用すれば、引数であるオブジェクトを出力させることができます。**なお引数であるオブジェクトは、文字列に変換されるため注意が必要です。ここからは具体例を見ていきましょう。

この場合「○○○」が出力されます。「()」はなくても問題ありません。*またダブルクォーテーションは、シングルクォーテーションでも良いですが、文字列には必ずどちらかを付けないとエラーが出力されてしまいます。*

Rubyコードの基礎については理解できたでしょうか。他のプログラミング言語よりも簡潔にソースコードが記述できるのがわかるでしょう。ここでは、Rubyのおすすめの勉強方法について詳しく紹介します。

ここでは、Ruby初心者向けの学習本について紹介します。**本で学習するメリットは、知識を体系的に身に付けられることです。しかしプログラミング学習の場合、実際に手を動かしながら学習することで、スキルが身に付くため、サンプルコードが記載されている本を選ぶのがおすすめと言えます。**

*1.3ステップでしっかり学ぶ Ruby入門*
本書はRuby初心者向けとなっており、プログラミングの基礎を図を使用するなどして丁寧に解説しているのが特徴です。予習・実践・復習の3段階のプロセスがあるため、Rubyの基礎スキルをきちんと定着できるような仕組みとなっています。WindowsとmacOSの両方に対応しているのも特徴です。ただしサンプルコードが他の本と比較すると少なく感じるかもしれません。
（ 参考：https://gihyo.jp/book/2018/978-4-7741-9502-5 ）

*2.たのしいRuby 第6版*
「たのしいRuby」は初版から17年以上経っているため、信頼と実績がある書籍と言えるでしょう。改訂も複数回行われており、第6版では最新のRubyのバージョンに対応しています。プログラミング初心者でも理解しやすいように、チュートリアル・基礎・クラス・実践とテーマを切り分けて解説を行っているのが特徴です。Rubyの基礎から応用まで学ぶことができます。また、サンプルコードも数多く用意されています。
（ 参考：https://www.sbcr.jp/product/4797399844/ ）

学習・勉強方法の記事（26ページ目）