**Django（ジャンゴ）とは、Pythonのプログラミング言語で実装されたWebアプリケーションフレームワークを指します。**なおフレームワークとは、アプリ開発を行うときに土台として機能させるソフトウェアのことです。*Djangoはオープンソースで公開されているため、誰でも無償で利用することが可能です。*

ここでは、入門者向けにDjangoを使用してできることについてわかりやすく解説します。

Djangoでできることとして、**Webアプリケーションの開発**が挙げられます。例えばニュースサイトやコンテンツ管理システムなど、様々なWebアプリケーションを作成することが可能です。Djangoには豊富な機能が搭載されており、複雑なコードにも対応できるため、簡単なWebアプリケーションであれば短時間で開発できます。Djangoで作られたサイトには、*YouTube・Dropbox・Instagram・Spotify・Pinterest*などがあります。

Djangoの利用例として、**WebAPIの開発**も挙げられます。Djangoには「Django REST framework」というライブラリが搭載されているため、「REST」という設計原則を満たしたRESTful APIを簡単に作成することが可能です。なお、RESTとは「REpresentational State Transfer」の略称で、分散システムにおいて複数のソフトウェアを連携させるのに適した設計原則を指します。

Djangoでできることや、Djangoには豊富な機能があることは理解できたでしょうか。Djangoに標準搭載されている機能には、主に*管理画面・ユーザー認証・モデル情報の取り扱い・セッション管理・メッセージ表示処理・静的ファイルの公開*があります。ここでは、Djangoの機能についていくつか紹介します。

**Djangoでは機能の作成・読込・更新を行う管理画面が自動生成され、ユーザーの管理などを行うことができます。**また表示するデータの変更を行うことも可能です。さらに、新規のページ追加など柔軟にカスタマイズできるため、開発効率の向上が期待できます。

フレームワークによっては管理画面を作成する機能を搭載していることもありますが、自動生成されることはほとんどありませんでした。Djangoでは一般的に「*localhost:8080/admin/*」にアクセスすれば、管理サイトにログインすることができます。

**Djangoにはユーザー認証機能も標準装備されています。「django-allauth」というパッケージを追加で利用すれば、パスワードからソーシャルログインまで簡単に設定することが可能です。**なおソーシャルログインとは、LINEやTwitterなどのSNSのアカウントを活用してログインする仕組みを指します。

ユーザー認証についてはセキュリティ面がよく気にされますが、Djangoではセキュリティにもよく配慮されているのが特徴です。例えば*セクション情報の配置場所や、パスワードの保存方法にセキュリティの対策がされています。*また脆弱性への対策も念入りにされています。

Djangoには豊富な機能が標準搭載されていることは理解できたでしょうか。ここでは、Djangoを導入するメリットについて詳しく紹介します。

**Djangoはフルスタックフレームワークと呼ばれるほど、万能なWebアプリケーションフレームワークです。**なおフルスタックフレームワークとは、Webアプリケーションフレームワークの分類の1つであり、Webシステム開発に必要な機能がほとんど用意されているものを指します。 

Djangoでは、WebサイトやWebアプリケーションの開発・保守・運用に必要な機能がほとんど網羅されているため、*汎用性の高さがDjangoを導入するメリットの1つです。*

### 市場シェアが拡大傾向にある

Webアプリケーションフレームワークには、「Ruby on Rails」「Laravel」など他にも数多くあります。Stack Overflow Trendsを参考に、「Ruby on Rails」「Laravel」「Django」のトレンドを調査すると、かつてはRuby on Railsが主流であったことがわかります。

しかし**現在では3者ともに拮抗しているのが理解できるでしょう。**またLaravelは急激に成長を遂げており、Djangoは徐々にシェアが拡大していると言えます。このように*Djangoの市場シェアは拡大傾向にあるため、今後はDjangoを使用した開発案件などが増加していくことも予想できます。*
（ 参考：https://insights.stackoverflow.com/trends?tags=laravel%2Cruby-on-rails%2Cdjango ）

### Python経験者であれば学習コストが低い

Djangoで使用するファイルやコマンドは、Pythonで記述されています。そのため**Pythonを勉強した経験がある方であれば、Djangoの使い方を身に付けるための学習コストは低いでしょう。**ただし*Djangoはフルスタックフレームワークであり、「MTV（モデル・テンプレート・ビュー）」というアーキテクチャを採用しています。*一方PHPフレームワーク「Laravel」やRubyフレームワーク「Ruby on Rails」では、「MVC（モデル・ビュー・コントローラー）」というアーキテクチャが採用されています。

「MTV」は「MVC」と比較しながら学習することも少なくありませんが、厳密には同じ役割ではないため、学び始めは混乱してしまう可能性もあるでしょう。また*フルスタックフレームワークは搭載されている機能が豊富にあるため、全ての使い方を理解し、使いこなせるようになるまでには時間がかかることもあります。*

## Djangoと他のフレームワークとの違い

Djangoを導入するメリットは理解できたでしょうか。Pythonのフレームワークには「Django」の他に「*Flask*」「*Bottle*」「*Tornado*」などがあります。ここでは、DjangoとこれらのPythonフレームワークとの違いについて詳しく紹介します。

**Flaskは軽量なフレームワークであり、小規模や中規模のWebアプリケーションの開発に向いています。**Flaskはマイクロフレームワークと呼ばれることもあり、動作が軽量で、覚えることも多くはありません。そのためFlaskには、必要最低限の機能しか搭載されていません。このようにFlaskはDjangoと比較して、軽量でカスタマイズしやすく、簡単なサイトであれば素早く構築できるのが特徴と言えます。
（ 参考：https://flask.palletsprojects.com/en/2.0.x/ ）

**BottleはFlaskと同様で軽量であり、シンプルなフレームワークです。**一般的に「bottle.py」という1つのファイルだけで構成されているのが特徴であり、サーバへのデプロイも簡単に行うことができます。ただし*BottleはDjangoと比較して、拡張性に劣るため、開発したいものに合わせて使い分けるのが大切です。*そのため商用目的ではなく、勉強目的で使用する方も多いです。なお、Bottleで実用的なWebアプリケーションを作成することももちろん可能です。
（ 参考：http://bottlepy.org/docs/dev/index.html ）

**Tornadoは、FriendFeedにより開発され、Facebookに買収された後に2009年9月にオープンソースソフトウェアとして公開されています。**フレームワークとしての機能だけではなく、Webサーバとしての側面もあるのが特徴です。*非同期処理や同時接続処理が得意であり、シンプルな記述で高速な処理を行うことができます。*ただし国内でTornadoのフレームワークを利用した求人・案件はほとんどないため、学習目的で利用するのがおすすめです。
（ 参考：https://www.tornadoweb.org/en/stable/ ）

## Djangoは豊富な機能が標準搭載されたフルスタックフレームワーク！

これまでにDjangoでできることや、Djangoの機能一覧・メリット、Djangoと他のフレームワークとの違いについて入門者向けに解説しました。**Djangoとは、Pythonで実装されたWebアプリケーションフレームワークのことです。**Djangoでできることとして、*WebアプリケーションやWebAPIの開発*が挙げられます。

またDjangoはフルスタックフレームワークとも呼ばれ、豊富な機能が搭載されているため、*汎用性やセキュリティ強度の高さなどが特徴です。*Djangoは他のPythonフレームワークと比較して人気が高く、大規模な開発で使用される傾向にあります。まずは書籍やWebサイトでDjangoの知識を深め、ポートフォリオとして役立つ成果物を作成してみましょう。

Djangoとは、Pythonで実装されたWebアプリケーションフレームワークを指します。当記事ではDjangoでできることや、Djangoの機能一覧・メリット、Djangoと他のフレームワークとの違いについて入門者向けにわかりやすく解説します。

DjangoでできることはWebアプリケーションやWebAPIの開発

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入門！初心者向けに基礎コード・文法一覧・勉強方法を解説！

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

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

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

まずは、*HTMLとは何か*について解説します。HTMLが使われる場面やPHPなどのプログラミング言語との違いについて詳しくみていきましょう。

### HTMLはホームページの文書を作成するための言語

HTMLとは、*ホームページの文書を作成するための言語*のことです。ホームページの文書には見出しが表示されていたり、画像・表・リストなどが挿入されていたりします。**HTMLでは「タグ」というものを使って、このような文書を書き表すことが可能**で、HTMLのソースコードを書いたファイルを「HTMLファイル」と呼びます。HTMLファイルをブラウザで開くと、ブラウザがHTMLコードを読み取り、ホームページを作成します。

また、HTMLと並んで多く使用されるのが「CSS」で、**ホームページのデザインを整えるための言語**です。デザインはHTMLだけでも整えることは可能ですが、HTMLのみだとコードの中身が複雑になり、開発が困難になってしまいます。そこで、デザイン部分の処理はCSSを使って記述することでコード全体がまとまり、ホームページの修正を行う際も比較的容易になります。

CSSとは？初心者が覚えたい基礎知識から使用例まで解説！

HTMLを使う代表的な仕事は、*Webデザイナー*です。WebデザイナーはWebサイトのデザイン面を担当する仕事で、どういったデザインにするか考え、デザイン通りになるようにHTMLコードを記述していきます。

他にも、マークアップエンジニアという仕事もあります。マークアップエンジニアは、HTMLコードの記述のみに特化したエンジニアです。**HTMLやCSSについてより深く精通し、ハイレベルなコードを書ける必要がある**でしょう。

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

### HTMLとプログラミング言語の違い

HTMLは厳密には、*プログラミング言語ではありません*。プログラミング言語とは、コンピュータに処理を行わせるための言語のことです。たとえば、コンピューターに計算をさせたり、同じ処理を繰り返しさせたりします。

**HTMLは計算や繰り返し処理を記述することができない**ため、それらの処理が得意なPHPやJavaScriptなどのプログラミング言語とは、明確に区別されています。

PHPでできることを解説！機械学習やスマホアプリ開発はできる？

JavaScriptでできることとは？代表的なものから特徴まで詳しく紹介！

## HTMLを勉強するのにおすすめな本5選

*HTMLを勉強するのにおすすめの本*を5つ紹介します。これらの本は、これからHTMLを勉強する方に特におすすめです。どの本を購入すべきかわからない場合はこの中から選んでみてください。

### スラスラわかるHTML&CSSのきほん

こちらは、ベストセラーにもなっているHTMLの本です。HTMLとCSSの基礎について丁寧に解説しており、スラスラ理解できる1冊です。書籍内にはソースコードも多く掲載されており、詳細な解説が特徴です。**自分が書いたコードの意味を、一行一行理解しながら進めていける**でしょう。

*[スラスラわかるHTML&CSSのきほん](https://www.sbcr.jp/product/4797393156/) *

### いきなりできます！最新ホームページ作り&HTML超入門

本書は、*ホームページ作りについて解説が網羅されている1冊*です。HTMLの書き方だけでなく、画像の扱い方やサーバにファイルをアップロードする方法まで、詳しく解説されています。さらに、Twitterボタンの設置方法など細かいところも抜けなく説明がされているため、本書でホームページ作りの基礎が身につくでしょう。
なお、本書は**Windows対応となっており、Macには対応していないので要注意**です。

*[いきなりできます！最新ホームページ作り&HTML超入門](https://www.sbcr.jp/product/4797382235/) *

### いちばんやさしい HTML&CSS 入門教室

本書は、HTMLとCSSの使い方について*ステップ・バイ・ステップで学ぶことが可能*です。また、現在のトレンドを意識し、**スマホ向けサイトの作り方を重点解説**しているのもポイントでしょう。最終的には、レスポンシブデザインの制作ができるようになります。現場で役立つスキルを身に着けたい方に、おすすめの1冊です。

*[いちばんやさしい HTML&CSS 入門教室](http://www.sotechsha.co.jp/pc/html/1213.htm) *

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

本書は、*書店員がオススメする「CPU大賞」の1位に選ばれている1冊*です。最新技術にも対応しており、**レスポンシブ・Flexbox・CSSグリッドも学べます**。コードの書き方だけでなく、デザインのことも同時に勉強することが可能なため、まさに1冊ですべてを身につけられる本と言えるでしょう。

*[1冊ですべて身につくHTML&CSSとWebデザイン入門講座](https://www.sbcr.jp/product/4797398892/) *

### いちばんよくわかる HTML5＆CSS3 きちんと入門

本書は、*やや上級者向けの本です*。HTMLやCSSの実践的なテクニックについて詳しく解説されてあり、多くのサンプルコードが掲載されているため、手を動かしながら学ぶことができます。本書を読み込むことで、無駄のないHTMLコードを書けるようになるでしょう。**ある程度HTMLとCSSを学んだ方に、おすすめの1冊**です。

*[いちばんよくわかる HTML5＆CSS3 きちんと入門](https://www.sbcr.jp/product/4797388541/) *

続いて、*HTML本の選び方について解説*します。書店に行くと多くの種類のHTML本が並んでいます。その中から自分に合った本を探すコツをまとめました。

基本的に技術書系は電子書籍より、*紙の本を選択するのがおすすめ*です。理由として、電子書籍だと見開きにしにくく、サンプルコードが途中で途切れてしまうこともあるためです。また、**紙媒体の方が調べたことをメモしやすい**など、メリットが多くあります。

HTMLの本は、*なるべく出版日が最新のものを選択*しましょう。HTMLやCSSはこれまで何度もバージョンアップされており、新機能が追加されてきています。**出版日が古い書籍だと新機能についての解説がありません**。書籍を購入する場合は、出版日を必ず確認するようにしましょう。

### CSSも解説しているものを選ぶ

HTMLだけでなく、*CSSも十分に解説されている本が良い*でしょう。なぜなら、HTMLを使う場合は必ずCSSも一緒に使うことになるためです。Webデザイナーやマークアップエンジニアは、**HTMLとCSSを上手く使い分けるスキル**が求められます。

### ホームページの作り方まで解説しているものを選ぶ

*ホームページの作り方まで解説されている本だと、より良い*でしょう。レンタルサーバーの使い方・ドメインの取得方法・FTPソフトの使い方・ファイルのアップロード方法について、総合的に解説している本がおすすめです。**HTMLの文法は分かるけれど、サイト作成でつまずいているという方は多い**です。ホームページの作り方に関しても、十分なページ数を割いて解説されているか確認しましょう。

最後に、*HTMLを勉強するコツ*についてまとめました。HTMLを効率的にマスターするにはどうすべきかまとめてあります。これからHTMLの勉強を始める方は、ぜひ参考にしてください。

まずは、*学習スケジュールを立てることが肝心*です。1週間後、1ヶ月後に、学習をどこまで進める予定か紙に書き出してみましょう。本格的なWebサイトを作れるまでは、長期的な学習が必要です。学習スケジュールを立てないと**現時点で学習が何%程度進んだのか分からず、学習意欲が衰退してしまい、途中で挫折してしまう可能性があります**。学習スケジュールはしっかり立て、机の前などに張り出すのが良いでしょう。

### 実際に手を動かしながら学習する

HTMLの勉強は、*実際に手を動かしながら学習*しましょう。HTMLの本にはサンプルコードが掲載されているものが多いため、サンプルコードを模写し、**自分のブラウザで表示させてみてください**。コードの実行結果を確認することで、HTMLについて分かることが増えたという実感が湧き、勉強意欲が出てきます。

何冊も本を購入する勉強方法は、あまりおすすめできません。まずは、*1冊を完璧にこなすことが大切*です。HTMLの優良な本には、1冊に基礎がほとんど詰まっているため、1冊を完璧にするだけでも十分に基礎は固まります。その反面、**複数の本をこなそうとすると学習が散漫になってしまいがち**です。他の本にチャレンジするのは、1冊目を完璧に理解してからでも遅くはありません。

## HTMLの勉強は本がおすすめ！手順に基づいて効率的に勉強を進めよう

本記事では、*HTMLを勉強する場合のおすすめの本*について解説しました。どういった本を購入するのが良いのか、お分かり頂けたかと思います。HTMLだけを学んでも実務に活かすのは難しいため、**CSSやホームページの作成方法まで総合的に学べる本を探すのが良い**でしょう。また、なるべく出版日が新しい本だとHTMLの最新バージョンに対応しているため、おすすめです。本記事がHTMLをこれから学ぶ方にとって、有意義なものとなれば幸いです。

本記事では、HTMLを勉強できるおすすめの本を解説します。HTMLは長きに渡って使われているIT言語のため、書籍も多く販売されています。そのため、どの本を選択すべきか分からない人も多いでしょう。今回はおすすめのHTML本を5つ厳選しました。

HTMLとはホームページの文書を作成するための言語

CSSやホームページの作成方法まで、総合的にHTMLを学べる本を探すのが良い

なるべく出版日が新しい本がおすすめ

初学者必見！HTMLを勉強するのにおすすめの本を5つ厳選

- [MySQLとは？特徴から使い方・学習方法まで詳しく解説！](https://and-engineer.com/articles/YThWCRAAACIAP_DX)

- [データベースとは？今更聞けないその内容をITエンジニアとして改めて学ぶ](https://and-engineer.com/articles/YFgi6hAAACEAvr1C)

- [データベースエンジニアとは？仕事内容や将来性、キャリアパスなどを解説](https://and-engineer.com/articles/YXqq8BUAACsAjC1P)

MySQLは、1995年に登場した*リレーショナルデータベース管理システム（RDBMS）*です。MySQLは、GPL（GNU General Public License）に基づくオープンソースの人気ナンバー1のRDBMSで、商用RDBMSであるOracle Databaseに続く人気を誇ります。

MySQL Workbenchとは、*MySQLデータベース*の**設計・開発・管理を行う統合ツール**です。GUIベースのツールのために、*ビジュアル表示*が可能です。加えてMicrosoft SQL Server、Microsoft Access、Sybase ASE、PostgreSQLからのデータベース移行にも活用できます。
参考：[MySQL Workbench](https://www.mysql.com/jp/products/workbench/)

## MySQL Workbenchのインストールの進め方

MySQL Workbenchのインストールは無償提供版となる**Community Downloadのサイト**からダウンロード実行します。2021年10月時点の最新版は*MySQL Workbench 8.0.26*です。
参考：[MySQL Community Downloads MySQL Workbench](https://dev.mysql.com/downloads/workbench/)

操作方法はダウンロードサイトの「*Select Operating System:*」でインストールするOSを選択し、最後に「*Download*」をクリックします。ダウンロードサイトでは「Download」クリック後Oracle Web accountのサインアップを求められますが、「*No thanks, just start my download.*」をクリックすることでサインアップせずにダウンロードすることも可能です。

### MySQL Workbench Windows版のインストール方法

MySQL Workbench Windows版のインストールは、Community Downloadのサイトで「Select Operating System:」で「**Microsoft Windows**」を選択します。ダウンロードサイトのサイト表示が代わり、Windowsのダウンロード画面が表示されます。

ここで推奨されているのは「*MySQL Installer for Windows*」というMySQL関連製品がすべて入っているインストーラです。こちらをインストールする場合は「Recommended Download:」下の「MySQL Installer for Windows」画像をクリックするか、「Go to Download Page」をクリックします。

「MySQL Installer for Windows」のリンク先は以下のサイトです。
参考：[MySQL Community Downloads MySQL Installer](https://dev.mysql.com/downloads/windows/installer/8.0.html)

すでにMySQLをインストール済みの場合は、*MySQL Workbench Windows版*のみを「Other Downloads:」の「Download」からダウンロードします。ダウンロードが完了したら、保存したmysql-workbench-community-8.0.26-winx64.msiをインストール実行します。

### MySQL Workbench Linux版のインストール方法

MySQL Workbench  Linux版のインストールは、Community Downloadのサイトで「Select Operating System:」で*ディストリビューションを選択*します。ダウンロードサイトのサイト表示が代わり、Linuxのダウンロード画面が表示されます。

ディストリビューションでして可能なOSは以下の通りです。
・**Ubuntu Linux**
　DEBパッケージがダウンロードできます。
　sudo apt install mysql-workbench-community_8.0.26-1ubuntu21.04_amd64.deb
　あるいは
　sudo apt update
　sudo apt install mysql-workbench

・**Red Hat Enterprise Linux / Oracle Linux**
　RPMパッケージがダウンロードできます。
　rpm -ivh mysql-workbench-community-8.0.26-1.el8.x86_64.rpm
　あるいは
　sudo yum install mysql-workbench-community-8.0.26-1.el8.x86_64.rpm
　依存関係はyum install で追加インストールします。

・**Fedora**
　RPMパッケージがダウンロードできます。
　sudo dnf install mysql-workbench-community-8.0.26-1.fc34.x86_64.rpm

### MySQL Workbench MacOS版のインストール方法

MySQL Workbench MacOS版のインストールは、Community Downloadのサイトで「Select Operating System:」で「**macOS**」を選択します。ダウンロードサイトのサイト表示が代わり、 MacOSのダウンロード画面が表示されます。

「Download」をクリックするとDMGファイルがダウンロードできます。ダウンロードしたDMGファイル（ここではmysql-workbench-community-8.0.26-macos-x86_64.dmg）をダブルクリックして、インストーラを起動します。表示されているMySQLWorkbench.appアイコンを、Applicationsディレクトリにドラッグアンドドロップしてアプリケーションコピーを行います。

### MySQL Workbenchがインストールできない場合は？

Windowsでは、MySQL Workbenchがインストールできないことがあります。Windowsで発生する問題は以下のような点があります。

・**Microsoft .NET Frameworkのインストールがされていない**
MySQL Installer では、Microsoft .NET Framework 4.5.2 以上が必要なため、事前に.NETをインストールしておきます。.NETが入っていない場合はインストール時にエラーダイアログが表示されます。
参考：[Microsoft .NET Framework 4.5](https://www.microsoft.com/en-us/download/details.aspx?id=30653)

・**Visual C++ Redistributable for Visual Studio 2019がインストールされていない**
Windows版MySQL Workbench実行時に「Visual C++ Redistributable for Visual Studio 2019」が必要です。以下のリンク先の下「Visual Studio 2019 の Microsoft Visual C++ 再頒布可能パッケージ」「ダウンロード」からVC_redist.x64.exeをダウンロードし、インストールします。
参考：[Visual C++ Redistributable for Visual Studio 2019 (for Japanese)](https://visualstudio.microsoft.com/ja/downloads/?q=Visual+Studio+2019+Microsoft+Visual+C%2B%2B+%E5%86%8D%E9%A0%92%E5%B8%83%E5%8F%AF%E8%83%BD%E3%83%91%E3%83%83%E3%82%B1%E3%83%BC%E3%82%B8)

MySQL Workbenchの起動方法は、Windowsでは*メニューからMySQL Workbenchをクリック*し、MacOSでは*アプリケーションからMySQLWorkbench.appを開きます*。Linuxでは*MySQL Workbenchのアイコンをクリック*するか*mysql-workbenchと入力*します。

最初にMySQL Workbench起動画面の「*MySQL Connections*」の「*+*」ボタンをクリックします。ここでMySQLサーバ接続に必要な情報を入力します。具体的には、MySQLとの接続方法やMySQLユーザ名・パスワード・データベース名等を設定します。

無事起動できたら*ER図を作成*し、ER図からデータベースの*テーブル作成*を行います。「File」「New Model」「Add Diagram」から進めていきます。その後「Database」「Synchronize Model」「Execute」で*スキーマが作成*されます。

同様に作成したデータベースからER図を作成することもできます。この場合は「Database」「Reverse Engineer...」と進め、「Stored Connection」でDBを選択し「Continue」と続けていきます。

### MySQL Workbench起動しない場合は？

MySQL Workbenchが起動しない場合は次のようなことが考えられます。

・**Windowsの場合**
「MySQL Workbenchがインストールできない場合は？」で触れましたが、「Visual C++ Redistributable for Visual Studio 2019」がインストールされていないと起動時にエラーが表示されます。そのため、あらかじめインストールしておきます。

・**MacOSの場合**
MacOSではBig Sur 11.1以降が必要です。バージョンが古い場合はバージョンアップをしておきましょう。
参考：[macOS Big Sur](https://www.apple.com/jp/macos/big-sur/)

MacOS版の起動時にPythonのエラーが表示される場合は、Pythonを再インストールしライブラリフレームワークのリンクを再設定します。

Homebrewの場合、以下の流れで設定します。
brew install python@3.X
sudo ln -s /usr/local/Cellar/python@3.X/3X.Y_Z/Frameworks/Python.framework /Library/Frameworks/Python.framework
MySQL Workbench 8.0.23の不具合と報告されているため、MySQL Workbenchのバージョンアップをおすすめします。

・**Linuxの場合**
起動時に以下のようにMySQLサーバとの接続できない旨エラーが表示されることがあります。
“Can't connect to MySQL server on 'localhost'”
この場合はアドレス解決に失敗していますので、/etc/mysql/my.cnfでbind-addressを設定します。以下の記述の先頭の#（コメント）を外して設定します。
#bind-address = 127.0.0.1

・**OS共通**
MySQLサーバ接続時に、アクセス権限がないため接続できないとのエラーが表示されることがあります。その場合は、MySQL Workbench起動画面の「MySQL Connections」の 「+」ボタンをクリックします。必要なMySQLの接続方法やユーザ名・パスワード・データベース名等を確認します。

## MySQL Workbenchで効率的にデータベース設計を行いましょう

MySQL Workbenchはビジュアル表示で*簡単にデータベース設計・開発・管理が可能*です。パフォーマンスのダッシュボードツールも提供を開始しました。MySQL Workbenchがインストール完了したら、**実際のデータベース設計に役立てる**ことをおすすめします。

MySQL Workbenchとは、データベースの設計・開発・管理を行う統合ツールを指します。ビジュアル表示で簡単にデータベースの設計・開発・管理を行うことができます。ここではインストール作業から初期設定までの一連の流れを解説していきます。

MySQL WorkbenchはMySQLのビジュアル開発統合ツールです

MySQLのデータベース設計・開発・管理を行うことができます

パフォーマンスのダッシュボードのツールも提供され、注目が高まっています

MySQL Workbench：インストール作業手順の流れを解説

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

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

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

**Ruby on Rails（ルビーオンレイルズ）とは、Rubyというプログラミング言語のフレームワークを指します。**またRubyとは、まつもとゆきひろ氏によって開発されたプログラミング言語であり、シンプルな文法が特徴です。そしてフレームワークとは、アプリケーション開発を行うとき、土台として機能させるソフトウェアを指します。

*Ruby on Railsというフレームワークを使用すれば、Webアプリなどの開発を比較的簡単に行うことが可能となり、開発効率の向上が期待できます。*Ruby on Railsを使用するには、まず開発環境を準備しなければなりません。 Ruby on Railsの環境構築は、初心者では難しいと感じる方も少なくないでしょう。ここでは、Ruby on Railsの開発環境の準備に必要なものについて詳しく紹介します。

**Ruby on Railsの開発環境として、主に「Ruby」「Rubyパッケージ」「データベース」「エディタ」「デバッガ」が必要です。**Ruby on Railsを使用するにあたって、特にRubyやRailsパッケージは必須です。またRuby on Railsでは、事前にデータベースを準備する必要があります。さらに*開発効率の向上のために、エディタやデバッガを用意するのがおすすめです。*エディタとはデータの作成や編集を行うためのソフトウェア、デバッガとはプログラムのエラーやバグを発見しや修正するためのソフトウェアを指します。

例えばWindows10を使用している方であれば、エディタはメモ帳で代用することも可能です。しかし、よりエディタの機能に特化したソフトウェアを導入するのがおすすめと言えます。またデバッガを使用すれば、プログラムのどの部分でエラーが発生しているかなど、詳細を確認することが可能です。なお**エディタやデバッガなど、プログラミングを行うにあたって便利な機能をまとめて提供するツールとして「IDE」と呼ばれる統合開発環境があります。**IDEを使用すれば、開発効率の向上が期待できるでしょう。IDEの例として、Microsoft社が提供しているVisual Studio Code（VSCode）やEclipseなどが挙げられます。自分の環境に合わせてIDEを導入するのが大切です。

### Ruby on Railsを使用するまでの流れ

Ruby on Railsを使用するにあたって、まずはRubyとRubyパッケージをインストールする必要があります。次にはSQLite3と呼ばれるデータベースをインストールします。ここまでできれば、1通り準備は完了です。ただし**WindowsとMacでそれぞれインストール方法などが異なるため、注意が必要です。**

## Ruby on Railsの開発環境の構築方法

Ruby on Railsの環境構築を行うための準備については理解できたでしょうか。ここではWindowsとMacそれぞれで、Ruby on Railsの環境構築を実際に行う方法について詳しく紹介します。なお、*Rubyはインストールされている前提で解説を進めていきます。*Rubyをインストールするには、下記のサイトからインストーラーをダウンロードしましょう。
（ 参考：https://rubyinstaller.org/downloads/ ）

また**Dockerというオープンソースソフトウェアを使用して、Ruby on Railsの環境構築を行うこともできます。**なおDockerとはコンテナタイプの仮想環境の中で、アプリを開発・配布・実行などができるプラットフォームのことです。開発環境はWindowsやMacなど人によって異なることが多いため、実行環境を共有するのは難しいです。しかし*Dockerを使用すれば、軽量に動作する実行環境を共有することができます。*

まずは*コマンドプロンプトを使用するために、PC画面左下にある検索バーに「cmd」と入力して「コマンドプロンプト」というアプリケーションをクリックして開きましょう。*Rubyがきちんとインストールされているか確認するために、「ruby -v」というコマンドを実行します。ここでバージョンが表示されていれば、Rubyがインストールされていることがわかります。

*Rubyがインストールされているのを確認できたら、SQLite3のインストールを行います。*SQLite3とは、オープンソースで軽量のデータベース管理システム（RDBMS）のことです。まずは下記のサイトに移動し、「Download」をクリックします。
（ 参考：https://sqlite.org/index.html ）

*次に「Precompiled Binaries for Windows」という箇所にある「sqlite-dll-win〇〇…」と「sqlite-tools-win32…」というzipファイルをダウンロードしましょう。*なお自分のPCのWindowsが32bit版か64bit版かを確認してから、適切なファイルをダウンロードするのが大切です。それぞれのzipファイルを展開すると「sqlite3.dll」「sqlite3.exe」があるため、Rubyのインストール時に作成されているbinフォルダにコピーしましょう。ここまでで、SQLite3の導入は完了です。

SQLite3まで準備ができたら、Ruby on Railsを実際にインストールします。**コマンドプロンプトで「gem install rails」というコマンドを実行すれば、Ruby on Railsのインストールが可能です。**次に「rails -v」というコマンドを実行して、バージョンが表示されれば、Ruby on Railsがインストールできていることを確認できます。これでWindowsでのRuby on Railsの環境構築は完了です。また、下記のサイトがRuby on Railsの公式サイトになるため、英語で書かれていますが、最新情報やガイドを閲覧できます。
（ 参考：https://rubyonrails.org/ ）

まずは*ターミナルを使用するために、一般的にPC画面右上にある虫眼鏡アイコンをクリックし、スポットライトを起動しましょう。*そこで「ターミナル」と入力すれば、ターミナルを起動させることができます。なおターミナルとは、Windowsで言えばコマンドプロンプトのようなものです。Rubyがきちんとインストールされているか確認するために、「rbenv versions」というコマンドを実行します。なおWindowsと入力するコマンドは異なるため、注意が必要です。

**Macには最初からSQLite3がインストールされているため、「sqlite3 -version」というコマンドを実行し、きちんとインストールされているか確認しましょう。**Ruby on Railsのインストールの流れは、Windowsと同様であるため省略します。

Ruby on Railsの環境構築の方法は理解できたでしょうか。Ruby on Railsの環境構築が完了すれば、Webアプリケーションなど開発を始めることが可能です。ここでは、Ruby on Railsの勉強方法について詳しく紹介します。

**Ruby on Railsを勉強するにあたって、学習サイトを活用するのがおすすめです。**Ruby on Railsを学べる学習サイトとして、「Progate」「ドットインストール」「Let'sプログラミング」「Schoo」などが挙げられます。開発環境を構築せずに、ブラウザ上で勉強を開始できる学習サイトもあるため、初心者でも簡単にプログラミングを勉強を始められるのが特徴です。また、開発環境の構築を丁寧に解説している学習サイトもあるため、自分の目的に合わせて使用するサイトを選択するのが大切です。

*学習サイトを使用すれば、Ruby on Railsだけではなく、同時にRubyや他のプログラミング言語の勉強を行うこともできます。*ただし目的を明確にしない状態で学習を始めると、勉強しても無駄になってしまうことも少なくありません。そのため**学習サイトを使用して何を達成したいかなど、目的を明確にしたうえで勉強を始めるのが重要です。**

**Ruby on Railsを学習するうえで、チュートリアルを利用するのもおすすめです。**チュートリアルは無料で使用することができます。
（ 参考：https://railstutorial.jp/ ）

Ruby on Railsはフレームワークであるため、Webアプリケーションの開発に便利な機能が数多くあります。そのため学習範囲も多く、全てを1度に理解しようとすると挫折してしまうことも少なくありません。*チュートリアルでは、全てを理解できないかもしれませんが、全体像を把握するのにおすすめです。*なお初心者の場合、いきなりチュートリアルで勉強を始めるのは難しい可能性があります。そこで、まずは*本や学習サイトで土台となる基礎知識を身に付けましょう。*

## Ruby on Railsの開発環境の構築はそこまで難しくない！

これまでに、Ruby on Railsの開発環境の構築や勉強方法について解説しました。**Ruby on Railsとは、Rubyというプログラミング言語のフレームワークを指します。Ruby on Railsの開発環境には、主に「Ruby」「Rubyパッケージ」「データベース」「IDE（統合開発環境）」が必要です。**

*Ruby on Railsの環境構築は、WindowsとMacでそれぞれ異なります。*また*Dockerというソフトウェアを使用して環境構築を行うことも可能です。*そしてRuby on Railsを実際に使用するにあたって、学習サイトやチュートリアルサイトを活用して勉強するのがおすすめと言えます。Ruby on Railsの環境構築はきちんと手順に従って行えば、誰でもできるためぜひ挑戦してみましょう。

Ruby on Railsとは、Rubyというプログラミング言語のフレームワークのことです。Ruby on Railsの環境構築は、WindowsとMacで異なります。当記事では、Ruby on Railsの開発環境の構築や勉強方法について解説します。

Ruby on Railsとは、Rubyというプログラミング言語のフレームワーク

Ruby on Railsの環境構築は、WindowsとMacでそれぞれ異なる

Ruby on Railsのおすすめの勉強方法は、学習サイトやチュートリアルサイト

Ruby on Railsの開発環境構築の方法をわかりやすく解説

ITエンジニアを目指して学習していると、「MySQL」という言葉を聞くことがあります。データベース関連だとは分かるものの、詳しくは分からない方が多いのではないでしょうか？
ここではそんな方に向けて*「MySQL入門編」*として、「MySQL」に関する素朴な疑問にお答えする形で解説していきます。

### MySQLは世界で最も使われているRDBMS

**「MySQL」とは、世界中でもっとも多く利用されているRDBMS「リレーショナルデータベース管理システム」**です。オープンソースで、商用利用以外であれば誰でも無償使用が認められており、初心者でも扱いやすい人気のRDBMSです。
また*オープンソースにもかかわらず、DBMSとして必要かつ便利な機能がしっかりと備わり、大容量のデータベースでも扱える*ため、多くの企業で利用されています。

MySQLという名前の由来は、MySQLの主製作者ミカエル・ウィデニウスが、娘の名前「My」から取ったとされています。**MySQLはC言語で書かれ、1995年に初期バージョンが「MySQL AB」社からリリース**されました。
2008年にMySQL AB社はサン・マイクロ社に吸収され、さらに2010年にはオラクル社がサン・マイクロ社を買収しています。*現在はオラクル社がMySQLの商用版を販売・サポート*しています。

 MySQLの特徴としては、**オープンソースである点以外にも次のような特徴**があります。

*▪さまざまなOS（LINUX、Windowsなど）に対応*
*▪個人レベルから大組織まで柔軟に対応可能*
*▪シンプルで開発しやすい*
*▪世界シェアではOracleに次いで2位*
*▪Webサービスでの利用が多い*
*▪クラウド利用が増えている*

MySQLを本格的に学ぶ予定がないエンジニアの方も、以上の特徴は押さえておきましょう。

ITエンジニアを目指す方は、データベースの概念についてはよくご存じと思いますが、初めての方のために今1度確認しておきましましょう。
**コンピュータ上で検索や蓄積などをしやすく整理した情報の集まりをデータベースと称し、その操作や管理を可能にしたものをDBMS（データベース管理システム）と呼んでいます**。

DBMSには主に次のような機能が備わっています。もちろんMySQLにもこれらの機能が備わっていますので、確認しておきましょう。

**1.データの管理機能**
データベースに格納するデータの形式を定義し、*データの追加・削除・更新・検索機能などの機能*です。

言語・開発の記事（102ページ目）