エンジニアの中で「Flask」を初めて聞くと言う方は少なくないかもしれません。Flaskは人気言語**PythonのWebアプリケーションフレームワークの1つ**です。ここでは*Flask入門編*ということで、Pythonエンジニアを目指す方に必要な情報を分かりやすく説明いたします。

**Flaskは、Python上で動くマイクロWebアプリケーションフレームワークの名称**です。Webアプリケーションフレームワークとしては、日本発のプログラミング言語Ruby上で動く「Ruby on Rails」がよく知られていますが、*FlaskはPython上で最もよく利用されるWebアプリケーションフレームワーク*です。

フレームワークはテンプレートのようなもので、イチからすべてコーディングをしなくとも、あらかじめ備わっている機能を組み合わせ、最小限の工数でプログラムを組める優れものです。

ちなみにFlaskの自称「マイクロ」は、*機能が絞られており、身軽であること*を示すための形容詞です。

Flaskは軽量さとシンプルさを特徴として、自らをマイクロフレームワークと称しています。**同じPython系のWebアプリケーションフレームワークの「Django」と比較して、機能面では劣りますが、使いやすさでは勝っている**と言えます。シンプルさが売りであるため、Flaskは簡単なものなら数行のコーディングでWebアプリが作成できます。小規模なWebアプリの作成であれば、Flaskで十分事足りるでしょう。

一方のフルスタックフレームワークと称される*「Django」は、機能の豊富さが特徴で、Webアプリの開発で必要とされる機能はほぼ備わっています*。
多くの機能を覚える必要がある点は面倒ですが、大規模のWebアプリ開発でも自作部分を抑えて効率的に作業が行えるため、結果的に作業工数の大幅カットが可能です。

*シンプルさと軽さで選ぶなら「Flask」、機能の豊富さで選ぶなら「Django」*という判断になるでしょう。

では実際に、Flaskはどのような場面で採用されることが多いのでしょうか？Flaskはシンプルであること、軽量であることが特徴ですが、その特徴を生かして次のような場面で採用されることが多いです。

*1.短納期（2～3日）でのスピード開発が求められている時*
*2.コストをかけず、複雑な機能やデザインにこだわらないシンプルなWebアプリを求められている時*
*3. プロトタイプを作成して、デモやシミュレーションに利用したい時*

このようなケースではFlaskが向いています。機能がシンプルなだけに、入門編として学ぶのにも適しています。

Flaskを実際に利用して作られたWebアプリケーションについてですが、現在公開されている情報がありません。ここでは、Pythonを利用して作られたサイトの例をいくつかご紹介します。著名なものが多くあり、**AIや機械学習が得意とされているPythonは実はWebアプリにも強い**ことが分かります。

*▪YouTube（世界最大の動画サービスサイト）*
*▪Instagram（写真共有アプリ）*
*▪DropBox（オンラインストレージサービスのアプリ）*
*▪Evernote（ドキュメント管理アプリ）*

誰もがよく知るアプリやサイトばかりです。

Flaskがよく利用される理由は何でしょうか？それは次のようなメリットを得るためです。ここでは、Flaskの主なメリットを3つ挙げておきます。

Flaskは「マイクロWebアプリケーションフレームワーク」を謳っている通り、機能を必要最低限にとどめているため、**他のWebアプリケーションフレームワークと比較して動きが軽いというメリット**があります。

そのため、それほど機能が求められない*単純なWebアプリケーションを作るのに適しています*。

### 機能がシンプルな分、学習しやすい

Djangoのような多機能のフレームワークでは、覚えるべき機能が多い分、学習に時間を要しますが、**Flaskでは元々備えられている機能が少ないことから、学習しやすいというメリット**があります。

### 細かいカスタマイズがしやすい

他のWebアプリケーションフレームワークは、元から備わっている機能をベースにアプリケーションを開発するため、カスタマイズが発生することは少なめです。
一方、Flaskではエンジニアが新たに実装しなければならない機能が多くなり、結果的に**標準機能に縛られず、カスタマイズの自由度が高くなります**。
FlaskでさくっとWebアプリのベースを作り、後はエンジニアとしての力量を発揮して*オリジナリティのあるWebアプリケーションを開発する、といったニーズに応えやすい*メリットがあります。

Flaskを学ぶには最初に学習環境を整える必要があり、**学習環境を整えて実際に試してみるとスキルが身に付きます**。後ほど初心者向けの入門書を紹介しますが、その前に学習環境を用意してみましょう。
*Windows10パソコンとネットワーク環境があるという前提で以下、手順を紹介*します。最新のPythonをインストール済の方は、『3：Flaskをインストールする』に進んでください。

まず初めに、Python のダウンロードから行います。

1.*[Python公式サイト](https://www.python.org/) *へアクセスします。画面上部に表示されているメニューの中から「Download」にマウスを合わせるとメニューが表示されます。

2.Windows向けのPythonのさまざまなバージョンのダウンロード用リンクが表示されますので、最新バージョンの*「最新のPython3リリース-Python3.10.0」*をクリックしてください。

3.「Python 3.10.0」のページが表示されたら、ページの1番下、*「Windowsインストーラー（64ビット）」*をクリックするとダウンロードが開始されますので任意の場所に保存しておきます。

ダウンロードは以上で終了です。

### 2：Pythonをインストールする

ダウンロードしたファイルをダブルクリックすると、インストーラー画面が起動しますので、「*Install Now*」の部分をクリックするとインストールが開始されます。**「Setup was succesful」と表示されたらインストールは終了**です。

Python3系がインストールされた環境でのFlaskのインストールは、非常に簡単です。コマンドプロンプトを起動し、下記のpipコマンドを実行するだけでインストールは完了します。

テキストエディタ（メモ帳）に、次のプログラム本文をコピペして、「hello.py」という名前で保存してください。

-----------------次の行から----------------------------------

# サーバーを起動（コメント行）

------------------この手前まで--------------------------------

プログラムの実行方法ですが、コマンドラインで

と入力すると、*Webサーバーが起動*します。

次に*Chromeなどのブラウザ*を起動して、「http://localhost:8888」  にアクセスしてみましょう。

「Hello!」と表示されたら成功です。

このように、**Pythonフレームワークのインストールや実行は非常に簡単**なので、不安を抱かずぜひチャレンジしてみてください。

## Flaskの入門におすすめのチュートリアルと入門書

では最後に、Flask入門におすすめのチュートリアルと入門書を紹介します。

Flaskのチュートリアルでは、*[「Flask Documentation」](https://msiz07-flask-docs-ja.readthedocs.io/ja/latest/)*がよく知られています。インストールからクィックスタート・チュートリアル・テンプレート・Flaskアプリケーションのテストなど、**基本的な部分から実務面まで幅広くカバー**しています。ただし、Pythonの経験がまったくない人には少し難解かもしれません。

*[▮ＰｙｔｈｏｎフレームワークＦｌａｓｋで学ぶＷｅｂアプリケーションのしくみとつくり方](https://honto.jp/netstore/pd-book_29825676.html)*は、**書籍での学びと体系的に知識を理解することができます**。当書では、Flaskを用いたWebアプリ開発の基本を学ぶと同時に、サーバーサイド開発・フロントエンド開発・データベース開発に関連したプログラムの知識も増し、*Web開発のスキルアップに役立つ*でしょう。

結論から述べると、**Flaskを利用した開発案件は増加していく可能性が高い**と言えます。Pythonそのものの人気が高まっており、それに連れてPythonのWebアプリケーションフレームワークであるFlaskによる開発の需要も上昇していくでしょう。
ただし、Flaskは比較的小規模のシンプルなWebアプリ開発には適していますが、大規模で多機能のWebアプリはDjangoがよく利用されています。せっかく*Flaskを習得するのであれば、その次にはぜひDjangoにもチャレンジ*し、活躍の機会を広げてみてください。

「Flask」は、人気のプログラミング言語「Python」のWebアプリケーションフレームワークです。PythonエンジニアがWebアプリケーションを開発する際に必須のフレームワークFlaskを入門編として紹介します。 ぜひ習得を目指してください。

Flaskはプログラム言語のPythonの軽量タイプのWebアプリケーションフレームワークで、Djangoと対比される。

Flaskはシンプルで軽量なフレームワークで、単機能のWebアプリの開発などに適している。

Flaskは今後も案件が増加し、将来性が高いと思われるが、「Django」も併せて学ぶと活躍機会が広がる。

Flask入門｜Pythonエンジニアを目指すなら習得しておこう

## 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おすすめ本を紹介！特徴・メリット・学習方法も解説！

NumPyとは、**Pythonの代表的な数値計算ライブラリ**の1つを指します。NumPyは*多次元配列オブジェクト*をPythonに実装し、多数の演算関数を提供します。主に*データの読み込み工程*や*データの前処理・加工工程*で広く用いられています。
参考：[NumPy](https://numpy.org/)

*NumPyのライブラリコード*は*C言語*で作成されています。このためNumPyは**高速処理できる**ことが特徴で、初心者から専門家まで人気があります。

**科学技術計算で用いるライブラリ**は、NumPy以外にも*Matplotlib*や*Pandas*が用いられます。

*Matplotlib*とはNumPyをベースにした*グラフ描画ライブラリ*で、*データの可視化*に用います。
参考：[Matplotlib](https://matplotlib.org/)

*Pandas*とは数表や時系列データを得意とする*データ操作解析ライブラリ*です。データを読み込んで並べ替えを行ったり、欠損データの補完を行ってデータ分析しやすい形式に変換したりします。主に*データの読み込み工程やデータの前処理工程*で用いられます。
参考：[Pandas](https://pandas.pydata.org/)

MatplotlibとPandasはNumPyに依存関係がありますので、NumPyを同時インストールして利用します。

pipは、**Python標準**の*PyPI（Python Package Index）*のパッケージをインストール・管理します。PyPIとは、Python Software Foundation（PSF）による*Python用リポジトリ*を指します。PyPIに登録されているPythonの各ソフトウェアやライブラリは 、pipを用いてインストールすることができます。

pip以外のインストール方法として、*Anaconda*を使う方法があります。Anacondaには、*数値計算やデータ解析に必要なライブラリ*が**セットで組み込まれています**。250を超えるデータサイエンスや機械学習のパッケージは自動的にインストールされ、利用者はインストール後すぐに開発作業を開始できるメリットがあります。

Anacondaの使い方はGUI、CUIそれぞれが提供されています。GUI版の*Anaconda Navigator*でインストール管理・起動管理ができます。CUIは*condaツール*を用いて行います。

pipとcondaの違いは、*PyPIとAnacondaのそれぞれに対応したインストール・管理ツールであること*です。PyPIとAnacondaは、Python用ソフトウェア公開サービス（リポジトリ）です。

選ぶ際の大まかな基準は、*データサイエンスや機械学習用途*に用いるのが*Anaconda*、*初心者や汎用用途*では*PyPI*を利用することをおすすめします。

NumPyのインストール方法は、パッケージインストーラを用います。以下に、代表的なパッケージインストーラの基本操作を説明します。pipでは「*パッケージ名==バージョン番号*」とすることでバージョン指定が可能です。

・*pipを用いたインストール方法*（**MacOS、Linux**）
　$ python -m pip install numpy 、または
　$ pip install numpy

・*pipを用いたインストール方法*（**Windows**）
　$ py -m pip install numpy

### NumPyのpip以外のインストール方法

pip以外のインストール方法の場合も、NumPyのパッケージ名を指定することでインストールできます。*Anaconda*は、*Windows・Linux・MacOS*で利用可能です。*UbuntuやDebian*では*sudo*を用いることができます。*MacOS*では*Homebrew*が使われることが多いです。

・*pip以外を用いたインストール方法*（**sudo**）
　$ sudo apt-get install python-numpy
　「パッケージ名=バージョン名」とすることでバージョン指定が可能です。

・*pip以外を用いたインストール方法*（**Homebrew**）
　$ brew install numpy
　バージョン指定は1度ローカルでハッシュを変更して保存し、インストールします。

なお、*Anaconda*では**標準でNumPyがインストール**されますので、”*conda list*”や*Anaconda Navigator*でインストールされていることをご確認ください。そこでバージョン変更したい場合や、誤ってアンインストールした場合は以下のコマンド、またはAnaconda Navigatorでインストールすることができます。

・*pip以外を用いたインストール方法*（**Anaconda**）
　$ conda install -c anaconda numpy
　「パッケージ名=バージョン名」とすることでバージョン指定が可能です。

Anaconda Navigatorの場合は、パッケージの「Not Installed」からNumPyをチェックし「Apply」をクリックします。「Installed」に表示されたら使用可能です。

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

NumPyがインストールできない場合は、概ね以下のことが考えられます。下記症状に該当するかどうか確認をしてみてください。

・**インターネット接続に問題がある**
pipをはじめとするインストーラはインターネット接続により、リポジトリからパッケージをダウンロード・インストールします。そのため、ネットワーク環境が正しく接続されているか動作確認をしましょう。オフィスからの接続はリポジトリがアクセス制限されている場合もあるため、合わせてご確認ください。

・**pipのバージョンが対応していない**
pipが古いと「WARNING: pip is being invoked by an old script wrapper. This will fail in a future version of pip.」の警告が表示される場合があります。pipが古いため将来問題が生じる可能性がある、というメッセージです。

pipでインストールをする場合、pip自体を最新にすることでパッケージ管理で生じるエラー発生リスクを低減することができます。pip自体のアップグレードは、パッケージのアップグレードと同等です。”python -m pip install --upgrade pip” で最新の状態を維持しましょう。

・**pipがそもそも入っていない**
pipはPython2.7.9・Python3.4からPythonに同梱されています。それ以前のバージョンの場合は、Python自体のバージョンアップまたはpipの個別インストールが必要です。

・**システム管理者権限が設定されていない**
pipのパッケージダウンロード・インストールは、システム管理者の権限が必要です。権限がない一般ユーザの場合は、フォルダ・ディレクトリやファイルのパーミッションでエラーが発生します。

さらに「*コマンドが見つかりません*」のエラーの場合は、pythonの実行パスが正しく設定されていない事が考えられます。PATH環境変数を確認してパス設定を正しく行ってください。

*VSCode（Visual Studio Code）*は、*マイクロソフト社*が提供する**無料コードエディタ**です。マイクロソフト社のダウンロードサイトから入手します。Anacondaの場合は、VSCodeは利用可能な状態になっていますので「Anaconda Navigator」からインストールすることができます。
参考：[Download Visual Studio Code](https://code.visualstudio.com/download)

VSCodeを使ってPythonおよびNumPyを使うには、*VSCode Python extension*をインストールする必要があり、*Extension Marketplace*から入手可能です。Extension Viewで「*VSCode Python extension*」を検索すると表示されるので、Installボタンをクリックします。
参考：[Visual Studio Code Python extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-python.python)

NumPyの使い方は、Pythonコードで以下のようにライブラリをインポートします。
“**import numpy as np**”
”np”はNumPyのドキュメントでも頻繁に利用される名称ですので、問題なければそのまま使用します。

”import”時にエラーとなるなど*NumPyが使えない*場合は、NumPyが**インストールされていない**可能性があります。その際は今1度インストール状況を確認してみましょう。インストールしてもエラーが発生する場合は、**ライブラリのパスが正しく反映されていない**可能性があります。

Pythonインストール時のインストール先のパスを変更した場合には、*PATH環境変数*への反映を行う必要があります。それでもimportエラーが解消されない場合は、*PYTHONPATH*を合わせて確認してください。
参考：[NumPy Troubleshooting ImportError](https://numpy.org/doc/stable/user/troubleshooting-importerror.html)

## NumPyのインストールが完了したらデータ分析に活用してみましょう

*NumPy*は多次元配列を用いた基本演算の他、*データ集計機能*が充実しています。科学技術計算では多次元配列を活用しますので、Pythonの*データ分析の代表的なライブラリ*です。NumPyのインストールが完了したら実際に**多次元配列を用いたデータ分析に活用する**ことをおすすめします。

NumPyはデータサイエンスで用いられているPythonのライブラリです。PythonはAIをはじめとするデータ分析に活用されていますが、NumPyは代表的なライブラリとなります。ここではインストール作業の手順とトラブル対応方法について、解説していきます。

NumPyはPythonの代表的な数値計算ライブラリです

NumPyはデータの読み込み工程やデータの前処理・加工工程で広く用いられています

インストールは簡単なため、すぐに利用可能です

NumPyのインストール手順！トラブル対応法も解説！

**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のきほん

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