## Djangoを学びたい方へのおすすめ本一覧

**Djangoとはジャンゴと呼ばれ、Pythonで実装されたWebアプリケーションフレームワークです。**Djangoはオープンソースとして公開されていて、無料で誰でも自由に使用することができます。Djangoには、Webアプリケーション開発に便利な機能がまとめられているため、効率よく開発可能です。例えばInstagram・YouTube・DropBoxなどの有名サイトも、Djangoを使用して作成されています。

ここではDjangoの特徴・メリットを紹介する前に、Djangoを学びたい方へのおすすめ本を難易度別にわかりやすく解説します。実際に本を探すときには、AmazonなどのECサイトやランキング形式で紹介しているサイトを活用したり、書店を利用したりするのがおすすめです。

Djangoを勉強する初心者におすすめの本を、2冊ご紹介します。

**1.Djangoのツボとコツがゼッタイにわかる本**
*本書籍はDjangoに興味がある方や、過去にDjangoの学習に挫折してしまった経験がある方におすすめの本です。*Djangoの仕組みや使い方を簡易的なWebアプリケーションを作成しながら勉強することができます。*難しい解説はできる限り排除しているのが特徴で、Django初心者でも安心して学習可能です。*本書籍の最初はフレームワークの解説から入り、開発したWebアプリケーションの公開方法についても説明しています。
（ 参考：https://www.shuwasystem.co.jp/book/9784798062211.html ）

**2.Djangoビギナーズブック**
*本書籍はDjangoの基礎を身に付けるための初心者向けの本です。*できる限りPython・HTML・CSSには触れずに、Djangoフレームワークにフォーカスして解説しているのが特徴と言えます。*Djangoを使用できるけれど、仕組みについて詳しく理解を深めたいという方にも、ぴったりの1冊です。*最終章ではブログアプリケーションの作成方法について解説しています。またDjango初心者の方のよくある疑問点やエラーをFAQ形式で各節の最後にまとめているため、安心して学習することが可能です。
（ 参考：https://www.cutt.co.jp/book/978-4-87783-469-2.html ）

続いては、Djangoを学びたい中級者におすすめの本をご紹介します。

**1.動かして学ぶ！Python Django開発入門**
*本書籍ではDjangoを使用したWebアプリケーションの開発手法を勉強できます。*DjangoによるWebアプリケーションの開発・動的機能の作成・認証処理・データベースやクラウドとの連携・セキュリティなど、Djangoの基礎を体系的に学ぶことが可能です。*対象読者はフルスタックエンジニアとされています。*なおフルスタックエンジニアとは、明確な定義があるわけではありませんが、システム開発などにおいて複数のスキルを持つITエンジニアのことです。
（ 参考：https://www.shoeisha.co.jp/book/detail/9784798162508 ）

**2.現場で使える Django の教科書《基礎編》（3.2 対応版）**
*本書籍はDjangoの勉強を始めた方や、ベストプラクティスを習得したいと考えている方におすすめの本です。*第1章から第3章まででDjangoの全体像や重要な概念を解説しています。そして第4章以降では各構成要素の基本的な動作や記述方法、つまずきやすいポイントを丁寧に解説しながら、筆者の知見や経験にもとづくベストプラクティスも紹介しているのが特徴です。またサンプルコードや付録も記載されています。*Djangoの学習本には英語書籍が数多く、日本語書籍を探し求めている方にもおすすめです。*
（ 参考：https://akiyoko.booth.pm/items/1308742 ）

続いては、Djangoを学びたい上級者におすすめの本をご紹介します。

**1.現場で使える Django の教科書《実践編》**
*本書籍は「現場で使える Django の教科書《基礎編》」よりもさらに実践的な内容に踏み込んでいます。*ソーシャル連携認証の仕組みから導入まで・JSONレスポンスの取り扱いとAjaxとの連携方法・ファイルアップロード実装時の注意点・本番公開時に困らないためのセキュリティ対策・Djangoサイトの高速化など、深い部分について解説しているのが特徴です。また*、開発しているときによくある疑問や課題に対する解決策・ヒント・ノウハウも提供しており、Djangoのスキルを深めたい方におすすめの1冊です。*
（ 参考：https://akiyoko.booth.pm/items/1030026 ）

**2.現場で使える Django REST Framework の教科書（第2版）**
*本書籍はDRFを実務で使用するときに役立つ基礎知識をまとめた本です。*なおDRFとは「Django REST Framework」の略称であり、Djangoを使用してAPIを開発するために利用されるライブラリを指します。*Djangoの経験があり、DRFに興味を持っている方や、DRFを現場で使用してみたいと考えているにおすすめの1冊です。*また本書籍は改訂版であるため、改訂する前の書籍を購入しないように気を付けましょう。
（ 参考：https://booth.pm/ja/items/1559869 ）

Djangoに関するおすすめの本を紹介しましたが、Djangoの特徴や導入するメリットについても気になりますよね。ここではDjangoの特徴やメリットについてわかりやすく解説します。

**Djangoはフルスタックフレームワークとも呼ばれ、豊富な機能が搭載されているのが特徴です。**なおフルスタックフレームワークとは、Webアプリケーションフレームワークの分類の1つであり、Web開発に必要な機能がほとんど網羅されているフレームワークを指します。例えばDjangonにはWebサイトやWebアプリケーションの開発・保守・運用に必要な機能がほとんど網羅されています。*Pythonの他のフレームワークとして、Flask・Bottleなどがありますが、汎用性の高さではDjangoが最も優れていると言えるでしょう。*

**Djangoではセキュリティレベルの高い設計が施されています。**例えばパスワードをハッシュ化してデータベースに保存することで、パスワードが安全に管理されるような設計となっています。またクロスサイトスクリプティングやSQLインジェクションなど、*WebサイトやWebアプリケーションに対するサイバー攻撃に対応するためのセキュリティ設計についても考慮されているのが特徴です。*

**DjangoではMTVモデルを採用しているのが特徴です。**なお*MTVとは「Model（モデル）」「Template（テンプレート）」「View（ビュー）」の頭文字を取った名称です。*Modelでは、データベースのテーブルやカラムを定義し、データベースからデータの取得を行います。またTemplateでは、Viewから渡されたデータの表示方法を定義します。そしてViewでは、リクエストやデータベースの情報を処理し、どのようなデータを表示するかについて決定します。

一方*Rubyフレームワーク「Ruby on Rails」や、PHPフレームワーク「Larave」ではMVCモデルが採用されています。*なおMVCとは「Model（モデル）」「View（ビュー）」「Controller（コントローラー）」の頭文字を取った名称です。そのため*他のフレームワークを扱った経験がある方は、Djangoを勉強する際に、最初は戸惑いを感じるかも知れません。*

**Djangoを勉強するにあたって、本・動画教材・学習サイト・プログラミングスクールなどを活用するのがおすすめです。**本を利用すれば、体系的な知識を習得することが可能です。また動画は、文字で学習するよりも理解しやすいというメリットがあります。*Djangoの動画教材はまだまだ少ないですが、例えば「Udemy」というサービスを利用すれば、動画でDjangoを学習することが可能です。*

本や動画で知識をインプットするだけでは、Djangoに限らずプログラミングスキルは身に付きづらいため、学習サイトなどを活用してアウトプットするのが大切です。

Djangoを勉強できる学習サイトとして、「*paizaラーニング*」「*PyQ*」などがあります。学習サイトは費用コストが低く、自分のペースで勉強できるというメリットがあります。また*、ある程度の学習経験がある方であれば、下記のDjangoチュートリアルサイトを活用するのもおすすめです。*
（ 参考：https://docs.djangoproject.com/ja/2.1/intro/tutorial01/ ）

このように様々な方法でDjangoを学べるため、目的を明確にし、自分に適した勉強方法で学習することが重要です。

## 自分のレベルに合ったおすすめ本を活用してDjangoを効率よく勉強しよう！

これまでにDjangoを勉強するにあたってのおすすめ本や、Djangoの特徴・メリット・学習方法について解説しました。**Djangoとは、Pythonで実装されたWebアプリケーションフレームワークの1つで、フルスタックフレームワークと呼ばれるように、汎用性の高さが特徴です。**

Djangoを独学で勉強する場合、*本・動画・学習サイト*などの教材を活用するのがおすすめです。またDjangoチュートリアルサイトでも、Djangoを勉強できます。独学が苦手な方はプログラミングスクールの受講を検討しましょう。*まずは自分のレベルに合った本を活用してDjangoの勉強を始めてみてください。*

Djangoとは、Pythonで実装されたWebアプリケーションフレームワークの1つで、汎用性の高さが特徴です。当記事ではDjangoを勉強するにあたってのおすすめ本や、Djangoの特徴・メリット・学習方法についてわかりやすく解説します。

Djangoの特徴は汎用性やセキュリティ強度の高さなど

Djangoを独学で勉強する場合、本・動画・学習サイトなどの教材を活用するのがおすすめ

Djangoについてある程度の知見がある方は、Djangoチュートリアルサイトを利用するのもおすすめ

Djangoおすすめ本を紹介！特徴・メリット・学習方法も解説！

**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方式が採用されています。また、申し込み方法もこれまでと異なるため注意が必要です。**

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

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

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