**HTMLとは「Hyper Text Markup Language」の略称であり、Webサイトを作成するために開発されたマークアップ言語です。**HTMLでWebサイトの本文部分などの構造を作成し、CSSやJavaScriptといった言語でWebサイトを装飾するのが一般的です。ここでは、HTMLの詳細やHTMLタグの使い方について初心者向けに紹介します。

**HTMLはWebサイトの構造を定義するためのマークアップ言語です。さらにCSSを使用すれば、Webサイトを装飾できます。**HTMLでWebサイトの装飾ができないということはありませんが、HTMLとCSSで用途を分けることで分業がしやすくなり、開発効率の向上が期待できます。Webサイトのメンテナンス性も向上したり、JavaScriptというプログラミング言語を使用すれば、Webサイトに動的な要素を追加したりすることが可能です。

HTMLそのものはテキストデータであるため、テキストエディタなどを使用して記述したテキストに拡張子「.html」を付ければ、一般的にWebブラウザでページの構造を確認できます。例えばメモ帳でも簡単にコーディング可能です。

また*HTMLを記述する場合には、タグ付けを行う必要があります。*例えば装飾を行いたい本文や画像などには、1つひとつタグ付けを行わなければなりません。

**HTMLではコンピュータに文書の意味を理解させるために、タグ付けを行う必要があります。**HTMLタグは検索エンジンが作成したWebサイトを認識するための要素の1つであり、検索エンジン最適化にもつながるでしょう。検索エンジン最適化への対策をすれば、検索結果の上位にWebサイトが表示されやすくなり、数多くのユーザーに自分のサイトを見てもらえる可能性は高まります。

また、タグ付けにはルールがあります。タグとは「<>」で囲った文字列を指し、*一般的なタグの記載方法は「<タグ名>テキスト</タグ名>」です。*なお最初の「<タグ名>」は開始タグと呼び、最後の「</タグ名>」は終了タグと呼びます。開始タグと終了タグでテキストを挟めばタグの作成が可能で、終了タグが必要ないタグ要素もあります。

開始タグの中には、必要に応じて「<タグ名 属性="属性値">テキスト</タグ名>」のように属性を記載できます。**属性を記載すれば、HTMLの要素に対して性質を与えることが可能です。**例えばimgタグを使用する場合、src属性を使用すれば、簡単に画像のパスを指定することができます。

またtitle属性を使用すれば、画像のタイトルを指定することが可能です。さらにalt属性を使用すれば、画像の代替のテキストを入力でき、検索エンジンが画像の中身を理解する際などに利用されます。他にも属性を記述すれば、様々なことができるようになります。

HTMLやHTMLタグの概要については理解できたでしょうか。ここでは、一般的なWebサイトの構成について初心者向けに紹介します。

**HTML文書を書き始める際に、まずはDOCTYPE宣言を記述します。DOCTYPE宣言は「HTML文書を記述する」という宣言文を意味します。**DOCTYPE宣言部分を修正すれば、使用するHTMLのバージョンを変更することができます。例えば、HTML5では「<!DOCTYPE html>」と簡単に記述可能です。大文字と小文字は区別されません。

*HTML5以前のDOCTYPE宣言の書き方は、HTM5とは異なるため、使用したい方は公式リファレンスなどを参照しましょう。*そして記述したテキストファイルは、拡張子を「.html」にしてHTMLファイルにしましょう。

**DOCTYPE宣言が指定できたら言語を指定しましょう。```<html lang="言語名">```の言語名の部分に使用したい言語を記述すれば、言語の指定が可能です。**例えば言語名に「ja」を入力すれば、日本語のWebサイトにすることができます。また「en」を入力すれば、英語のWebサイトにすることが可能です。

**言語の指定ができたらhead要素に、metaタグ・linkタグ・titleタグなどを記述しましょう。**head要素には、一般的にコンピュータが認識するデータを記述します。

```<meta charset="文字コード">```*の文字コードの部分に、使用したい文字コードを記述すれば、文字コードの指定ができます。*一般的に「UTF-8」を使用することが多いです。他には「Shift_JIS」「EUC-JP」などがあります。

```<meta name="description" content="要約">```*に、記事本文の要約を記述すれば、要約の指定が可能です。*指定した要約は検索結果に表示されるため、文字数などユーザーに配慮して記述するのが大切と言えます。

**linkタグを使用すれば、自身のファイルと別のファイルを関連付けることが可能です。**例えばCSSファイルと関連付けるときには```<link rel="stylesheet" href="style.css">```などと記載します。なお「style.css」はCSSファイルの名称になるため、「style」という部分はファイル名に合わせて自由に変更可能です。また、linkタグとaタグは異なるため注意する必要があります。

```<title>タイトル名</title>```*のタイトル名の部分に、使用したいタイトル名を記述すれば、タイトルの指定が可能です。*ここで記述したタイトル名は、Webサイトを開いたときのタブに表示されます。タイトルは検索エンジン最適化において重要な要素の1つになるため、必ず記述しましょう。

**head要素が記述できたら、body要素にコンテンツの中身を記載しましょう。bodyタグの中に記述された本文や画像は、Webブラウザの画面上に表示されます。**bodyタグには色を指定する属性がいくつかありますが、いずれも非推奨とされているため、色を指定したいときにはスタイルシートを使用しましょう。

一般的なHTMLファイルで記述する内容については理解できたでしょうか。ここでは、HTMLタグ一覧ということで、よく使用されるHTMLタグについて初心者向けに紹介します。

**一般的に見出しにはhタグを使用します。hタグには「h1」から「h6」までの6種類があります。**見出しを付けることで、文章の構成が理解しやすくなるというメリットがあります。例えばWordPressで見出しタグを使用すれば、プラグインを入れて自動で目次を生成させることも可能です。また、検索エンジン最適化への対策にもつながります。

**aタグとはリンク先を指定するHTMLタグです。**これまでにも説明しましたが、linkタグとaタグは異なるため注意が必要です。また*リンク先を指定するhref属性、リンクを開く方法を指定するtarget属性など様々な属性があります。*例えば```<a href="リンク先">こちらへ</a>```と記述すると、「こちらへ」をクリックすればリンク先へ飛ぶことができるようになります。

### 画像を挿入するタグ（imgタグ）

**画像を挿入するには、imgタグを使用しましょう。imgタグには終了タグは必要ありません。**表示する画像ファイルは、src属性で指定できます。またwidth属性やheight属性を付ければ、画像の縦横のサイズを変更することが可能です。さらにalt属性を付ければ、画像が出力されなかったときの代わりに表示させるテキストを指定することができます。例えば```<img src="サンプル.png" width="100" height="100" alt="サンプル">```と記述すれば、「サンプル.png」という画像を縦100px、横100pxで表示させることが可能です。また画像が出力されなかったら、「サンプル」というテキストが表示されます。

**文章を明示的に改行したいときには、brタグ使用しましょう。brタグには終了タグは必要ありません。**brタグは一般的に余白を作りたいときに使用されますが、*スタイルシートを使用する方がおすすめです。*brタグでデザインを作成したとしても、ユーザーの閲覧する環境によって行間が変わってしまうことは少なくありません。また文字サイズによって改行の位置が変わり、本文が読みづらくなってしまうこともあるため、brタグの使い方には注意が必要です。

## HTMLタグの使い方をマスターして効率よくWebサイトを作成しよう！

これまでに、HTMLやHTMLタグの概要・Webサイトの構成・HTMLタグ一覧について初心者向けに解説しました。**HTMLはWebサイトの構造を定義するためのマークアップ言語です。**CSSやJavaScriptといった言語を使用すれば、Webサイトに装飾を加えることができます。

さらに*HTMLタグを使用してWebサイトの構造を作成することが可能です。DOCTYPE宣言・言語の指定・head要素・body要素などのWeb制作における一般的な部分はきちんと押さえておきましょう。*またHTMLタグには様々なものがあります。この記事ではよく使用されるタグを紹介しましたが、まだまだあらゆるタグがあります。Web制作に興味がある方は書籍・学習サイト・公式リファレンスなどを活用して、HTMLやCSSの言語から勉強を始めてみましょう。

HTMLはWebサイトの構造を定義するためのマークアップ言語です。そしてHTMLタグを使用してWebサイトの構造を作成することができます。当記事ではHTMLやHTMLタグの概要・Webサイトの構成・HTMLタグ一覧について初心者向けに解説します。

HTMLとはWebサイトの構造を定義するためのマークアップ言語

HTMLタグは検索エンジン最適化に対して影響を与える

HTML5であればDOCTYPE宣言が簡単に記述できる

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

Pythonの*pip*とは、"*Pip Installs Packages*"・"*Pip Installs Python*"の略から名付けられたPythonの**標準パッケージ管理システム**を指します。パッケージ管理システムとは、パッケージソフトウェアをインストール・管理するためのソフトウェアです。

Pythonではパッケージの多くが*Python Package Index（PyPI）*に登録されています。pipは、PyPIのパッケージをインストール・管理します。
参考：[Python モジュールのインストール](https://docs.python.org/ja/3/installing/index.html)
参考：[pip documentation](https://pip.pypa.io/en/stable/)

pipでできることは、*パッケージ管理*における以下の主要な処理を行うことです。

・*パッケージの検索*
　PyPIやGitHub等のPython用ソフトウェア公開サービスからパッケージを検索・表示します。
・*パッケージのインストール*
　PyPIやGitHub等のPython用ソフトウェア公開サービスからパッケージをインストールします。
　ダウンロードのみを行い、インストールしない指定もできます。
・*パッケージのアップグレード*
　インストール済みパッケージのバージョンアップを行います。
・*パッケージのアンインストール*
　インストール済みパッケージをアンインストールします。
・*パッケージの表示*
　インストール済みパッケージの表示や、古いパッケージを表示します。
　パッケージの詳細表示も可能です。

具体的なpipの使い方は以降で説明します。

PyPIは* Python Package Index*の略です。**Python Software Foundation（PSF）によるPython用リポジトリ**で、ソフトウェア公開サービスを指します。PyPIに登録されているPythonの各ソフトウェアやライブラリは 、*pipを用いてインストールする*ことができます。
参考：[PyPI](https://pypi.org/)

使用方法は簡単で、以下のようにパッケージ名を指定するだけです。
“$ python -m pip install パッケージ名”
参考：[Python Docs Python モジュールのインストール](https://docs.python.org/ja/3/installing/index.html)

### その他のパッケージマネージャは？

pipの他に有名なパッケージ管理システムの*パッケージマネージャ*として、Anacondaの「*conda*」を紹介します。*Anaconda*とはPythonの実行環境で、**データサイエンス**に必要とされる各種*ツールやライブラリを提供するプラットフォーム*です。

Anacondaには数値計算やデータ解析に必要なライブラリがセットで組み込まれており、大変便利です。Anacondaにソフトウェアを取込む場合は、*conda* ツールを用いて追加することができます。condaはAnacondaをインストールすると同梱されるツールで、*パッケージのインストール・管理*を行います。

詳しくは、以下のサイトにAnacondaのインストール方法が記載されていますのでご確認ください。Anacondaの無償版は*Individual Edition*ですが、商用利用時には有償版が必要です。
参考：[日本Pythonユーザ会 Python環境構築ガイド Anacondaのインストール](https://www.python.jp/install/anaconda/index.html)
参考：[ANACONDA Individual Edition](https://www.anaconda.com/products/individual)

pipとcondaの違いは、**PyPIとAnacondaのそれぞれに付随したインストール・管理ツールであること**です。PyPIとAnacondaはPython用ソフトウェア公開サービス（リポジトリ）です。現状それぞれソフトウェア管理の形態が異なりますので、併用することが難しいです。

いずれかを選択する際の判断基準は、*データサイエンスや機械学習用途*に用いるのが*Anaconda*、*汎用用途あるいは初心者の利用*は*PyPI*を利用するのが良いでしょう。pipとcondaは選択したリポジトリに対応させて使用します。

pipの使い方は、”python -m pip …”として*pythonコマンドを用いる方法*、*pipコマンドを直接用いる方法*の2つがあります。どちらも動作に違いがありませんが、日本Pythonユーザ会では、初心者はpythonコマンドを用いることを推奨していますので、pythonコマンドの用法に慣れるのが良いでしょう。

以下の用法で**バージョンの確認と指定**が可能です。なおLinux、MacOSの場合の*”python -m pip”コマンド*は、Windowsでは*”py -m pip”コマンド*で実行します。そのため以降の説明を置き換えてご確認ください。

・*Python自体のバージョン確認*
用法：$ python --version　（Windowsでは、C:> py --version）
・*pipのバージョン確認*
用法：$ python -m pip --version　（Windowsでは、C:> py -m pip --version）

### pipでパッケージをインストールする方法

以下の用法で**パッケージのインストール**ができます。


・*パッケージのインストール（PyPIをリポジトリとして使用する場合）*
用法：$ python -m pip install パッケージ名
・*パッケージのインストール（GiHubをリポジトリとして使用する場合）*
用法：$ python -m pip install git+https\://github.com/pypa/パッケージ名.git@main

### pipでパッケージインストール時にバージョン指定する方法

以下の用法で、**パッケージインストール時にバージョンを指定する**ことができます。


・*パッケージのインストール時にバージョン指定する*
用法：$ python -m pip パッケージ名==X.Y.Z
・*パッケージのインストール時にオプション変更する*
用法：$ python -m pip install オプション パッケージ名
インストールのオプションは多岐に渡ります。詳しくは以下のリンクをご確認ください。
参考：[pip install](https://pip.pypa.io/en/stable/cli/pip_install/#options)

### pipでパッケージインストール時にPythonのバージョンを指定する方法

以下の用法で、*パッケージインストール時*に**Pythonのバージョンを指定する**ことができます。


・*LinuxやMacOSの場合のバージョン指定方法*
用法：$ pythonバージョン -m pip install パッケージ名
使用例：
　$ python3 -m pip install パッケージ名
・*Windowsの場合のバージョン指定方法*
用法：$ py -バージョン -m pip install パッケージ名
使用例：
　$ py -3 -m pip install パッケージ名

ここではバージョン指定時にpython3を指定しましたが、3.8や3.9等のより詳細な指定が可能です。

### pipでインストール済みパッケージの表示をする方法

以下の用法で**インストール済みパッケージの表示**を行います。
・*インストール済みパッケージのバージョンを表示する*
用法：$ python -m pip list
　　　$ python -m pip freeze
listとfreezeの違いは出力形式の違いです。freezeはパッケージ一括インストール時にも用います。
・*インストール済みパッケージの情報を表示する*
用法：$ python -m pip show パッケージ名
　　　$ python -m pip show --verbose パッケージ名
このように“--verbose”を指定することで、より詳細な情報が表示できます。

### pipでパッケージのアンインストールとアップグレードの方法

以下の用法で、**パッケージのアンインストールとアップグレード**が可能です。なお、アップデート（update）作業はアップグレード指示（--upgrade）をinstallに続いて指定入力します。

・*パッケージのアップグレード*
用法：$ python -m pip install --upgrade パッケージ名
・*パッケージのアンインストール*
用法：$ python -m pip uninstall パッケージ名

pipが使えない場合やエラーとなる場合は、概ね以下の3通りのことが考えられます。下記の症状に該当するかどうか確認をしてみてください。

・*インターネット接続の確認*
pipはインターネット接続により、リポジトリからパッケージをダウンロード・インストールします。オフィスからの接続ではトラフィック制限により、リポジトリ等へのアクセスを遮断している場合もあります。そのため、別のネットワーク環境から動作確認することをおすすめします。

・*pipのバージョンが対応していない*
pipでインストールをする場合、pip自体を最新にすることで提供サービスがカバーされることがあります。インストールに先行してpipをアップグレードすることをおすすめします。

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

さらに「*コマンドが見つかりません*」のエラーの場合は、pythonの実行パスが正しく設定されていない事が考えられます。PATH環境変数を確認してパス設定を正しく行うことをおすすめします。なおpipはPython 3.4から同梱されていますが、それ以前のバージョンではpipを**個別インストールする**必要がありますので合わせてご確認ください。

### pip自体のアップグレードは？

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

## pipを用いてPythonの豊富なライブラリパッケージを活用しましょう

Pythonは豊富なパッケージが特徴で、開発生産性の高さから人気があります。*pip*は*Pythonの標準パッケージ管理システム*です。pipを用いて多岐に渡り公開されている*ライブラリを活用*し、より**効率的にシステム開発を行うこと**をおすすめします。

pipとは、Pythonの標準パッケージ管理システムです。pipはPyPIやGitHubに登録された豊富なライブラリパッケージをインストール・管理します。ここでは、pipのインストールや使い方から使えない場合の対処方法まで分かりやすく解説していきます。

pipとは、パッケージソフトウェアをインストール・管理するためのPythonの標準パッケージ管理システムを指します

pipはPythonで標準利用されており、Python用リポジトリであるPyPIやGiHubを用いてパッケージ管理します

pipは初心者でも分かりやすいコマンド体系のため、汎用ライブラリを用いる場合におすすめです

pipとは？Pythonのライブラリ管理方法を分かりやすく解説！

## Ruby on Rails（ルビーオンレイルズ）とは

**Ruby on Rails（ルビーオンレイルズ）とは、Rubyというプログラミング言語のフレームワークの1つを意味します。**Ruby on Railsを使用すれば、シンプルなコードでWebアプリ開発を行うことが可能です。他にも様々なメリットや特徴があります。ここでは入門ということで、Ruby on Railsの概要や使い方について詳しく紹介します。

Ruby on RailsとはRubyを使用したフレームワークの1つであり、2004年にデンマークのプログラマであるデイヴィッド・ハイネマイヤー・ハンソン氏により開発されました。開発者の間では「Rails」や「RoR」と呼ばれることも多いです。なおフレームワークとは、アプリケーションの開発を行う際に、その土台として機能させるソフトウェアのことです。フレームワークを使用すれば、ベース部分の開発を短縮させられるため、開発効率の向上が期待できます。

一方Rubyとはプログラミング言語の1つで、1995年に日本人のまつもとゆきひろ氏により開発されました。国産の言語であるため、日本語の文献も多いのが特徴です。2021年8月時点におけるTIOBEインデックスによると、プログラミング言語ランキングの中でRubyは15位に位置しており、R言語・Swift・Go言語などと同じくらいの順位です。
（ 参考：https://www.tiobe.com/tiobe-index/ ）

**Ruby on Railsを使用するにあたって、まずはRubyの実行環境を構築する必要があるため、下記のサイトにアクセスします。**自分のPCが32ビット版の場合はx86、64ビット版の場合はx64をダウンロードしましょう。
（ 参考：https://rubyinstaller.org/downloads/ ）

*次にコマンドプロンプトを開き「gem install rails」というコマンドを入力すれば、Ruby on Railsのインストールが開始されます。*「rails -v」というコマンドを入力すると、きちんとインストールされていれば、Ruby on Railsのバージョンを確認することが可能です。

そして「gem install sqlite3 --version 1.3.13」というコマンドを入力すれば、SQLite3ライブラリをインストールすることができます。次に、下記のサイトにアクセスし「Download」から「Precompiled Binaries for Windows」の中のzipファイルを選択すればダウンロードが開始されます。
（ 参考：https://www.sqlite.org/index.html ）

*zipファイルを展開すると「sqldiff.exe」「sqlite3.exe」「sqlite3_analyzer.exe」の3種類のファイルがあるため、「sqlite3.exe」をPATHが通っているディレクトリに移動しましょう。*これで準備は完了し、Ruby on Railsを使用してWebアプリ開発などを開始できます。

Ruby on Railsは「オワコン」「将来性がない」などと言われることもありますが、Ruby on Railsには様々なメリットがあります。ここでは、Ruby on Railsの特徴や使用するメリットについて詳しく紹介します。

### プログラミング未経験者でも習得しやすい

**Rubyのプログラミング言語はシンプルな文法が特徴であり、エラーが他の言語と比較すると出力されにくいため、プログラミング未経験者でも習得しやすい傾向にあります。それはRuby on Railsも同様です。**またRubyの言語やRuby on Railsのフレームワークは、日本語で使い方について説明されている情報が多いため、疑問点や不明点があったらすぐに解決できます。Ruby on Railsは、プログラミング未経験者でも学習しやすいフレームワークと言えるでしょう。

### ソースコードをシンプルに記述できる

Ruby on Railsを使用すれば、Rubyよりも短くソースコードを記述することが可能です。また、**Ruby on RailsはRubyよりもソースコードの記述ルールが細かく決められているため、ルールに従って記述すれば、簡単にWebアプリを開発できます。**よってRuby on Railsを採用すれば、開発効率の向上が期待できるため、スタートアップ企業などスピード感をもって開発を行いたいと考えている企業で数多く導入されています。

**Rubyに関する副業案件の数は数多くあります。その中でも約80%以上の案件がRuby on Railsを使用する案件だとも言われています。**Ruby on Railsを習得すれば、副業案件を獲得しやすいと言えるでしょう。副業案件を探す場合には、エージェント・クラウドソーシング・求人サイト・SNSなどを活用するのがおすすめです。また、*事前にどのような案件があるかを確認しておくと、必要なスキルを把握し、効率よく学習できます。*

Ruby on Railsはソースコードをシンプルに記述でき、未経験者でも習得しやすいことは理解できたでしょうか。ここではRuby on Railsでできることについて詳しく紹介します。

**Ruby on RailsはWebアプリケーションを開発するためのフレームワークであるため、Webアプリケーションの開発を得意としています。**「gem」を利用すれば、Ｗebアプリケーションに必要な様々な機能を簡単に実装することが可能です。なおgemとは、RubyGemsが公開しているRubyのパッケージもしくは、パッケージを管理する管理システムの名称を指します。

ブログを立ち上げるには、一般的にブログサービスやWordPressなどを使用します。*しかしRuby on Railsを使用してCMSを構築し、ブログサイトを制作することも可能です。*Ruby on Railsのスキルを習得すれば、機能やデザインを自由に設定することができます。**したがってRuby on Railsによって、比較的自由度の高いブログサイトを構築することが可能です。**

### ECサイト・ショッピングサイトの開発

Ruby on Railsを使用すれば、**豊富な機能を搭載したECサイト・ショッピングサイトを開発することができます。**RubyだけでECサイトに必要なログイン機能・決済機能・カート機能などを実装するのは難しいですが、「Solidus」というRuby on Railsのパッケージを使用すれば簡単に構築可能です。

Ruby on Railsを使用すれば、**ユーザー登録機能やログイン機能の搭載された実装されたSNSを開発することができます。**そもそもRubyというプログラミング言語は、サーバーサイドの開発を得意としています。そのためSNSの開発に、Rubyが採用されることは多いです。

APIとは「Application Programming Interface」の略称で、ソフトウェアやプログラムの間を繋ぐインターフェースを指します。例えばスマホアプリでは、サーバとデータをやり取りする必要がありますが、そのときの入口がAPIとも言えます。**Ruby on Railsを使用すればではAPI機能の開発も可能です。**

*スクレイピングとはインターネット上のWebサイトから、必要なデータを抽出し加工する技術を指します。*スクレイピング技術を上手く活用すれば、業務を自動化させることが可能です。そのため業務効率の向上が期待できま。

**Ruby on Railsでは「Nokogiri」「Mechanize」といったパッケージを利用すれば、簡単にスクレイピング技術の実装が可能です。**RubyとNokogiriでもスクレイピングを行うことはできますが、Ruby on Railsと組み合わせれば、Webアプリケーションとしてスクレイピングができるようになります。*そのためスクレイピングを有効活用するためにも、Ruby on Railsと連携して開発するのがおすすめです。*

## Ruby on Railsのスキルを習得して開発効率を向上させよう！

これまでに、Ruby on Rails（ルビーオンレイルズ）の概要・使い方・特徴・メリット・できることについて解説しました。**Ruby on Railsとは、Rubyというプログラミング言語のフレームワークの1つです。Ruby on Railsを使用すれば、シンプルな文法でソースコードを記述できるため、開発効率の向上が期待できます。**そのためスタートアップ企業などの開発スピードを重視する企業で、Ruby on Railsは数多く採用されています。

Ruby on Railsでできることとして、*Webアプリケーション・ブログサイト・ECサイト・SNS・API機能・スクレイピング技術*などの開発が挙げられます。RubyやRuby on Railsはプログラミング未経験者でも習得しやすいため、特に学びたい言語が決まっていない方はRubyから勉強を始めてみるのもおすすめです。

Ruby on Railsとは、Rubyというプログラミング言語のフレームワークの1つです。Ruby on Railsを使用すれば、簡単にWebアプリ開発ができます。当記事では、Ruby on Railsの概要・使い方・特徴・メリット・できることを解説します。

Ruby on RailsとはRubyを使用したフレームワークの1つ

RubyやRuby on Railsはシンプルな文法が特徴であり、プログラミング未経験者でも習得しやすい

Ruby on Railsでできることは、Webアプリ・ブログサイト・ECサイト・SNS・API機能・スクレイピング技術などの開発

Ruby on Railsとは？特徴・使い方・できることを解説

*SSMS*とは、*SQL Server Management Studio*の略です。*SSMS*は*SQL ServerならびにRDBを管理する*ための**統合環境**で、*マイクロソフト社*により提供されています。SSMSで管理するSQL Serverはマイクロソフト社が開発したリレーショナルデータベース管理システム（RDBMS）を指します。
参考：[SQL Server Management Studio (SSMS) とは何か?](https://docs.microsoft.com/ja-jp/sql/ssms/sql-server-management-studio-ssms?view=sql-server-ver15)

*SQL Server*は*Sybase社*との提携により、*マイクロソフト社*によって開発されました。SQL Serverは、*Microsoft Windows*上で*.NET Framework*を利用することが可能です。そのため、Windows環境で利用するRDBMSとして**高い認知度**があります。

さらにSQL Serverは豊富なエディションを持ち、*小規模なシステムから企業向け大規模システムまで対応が可能*です。
参考：[Microsoft SQL Server 2019](https://www.microsoft.com/ja-jp/sql-server/sql-server-2019)

*SSMS*は**無償**で利用できます。SSMSの場合も通常のマイクロソフト社製品と同様に、*インストール時にライセンス条項が表示*され、インストールボタンを押すことでライセンスに合意したものと見なされます。詳しいライセンス条項は以下のリンクに記載されています（英語）。
参考：[SQL Server Management Studio - License Terms](https://docs.microsoft.com/ja-jp/Legal/sql/sql-server-management-studio-license-terms?redirectedfrom=MSDN&view=sql-server-ver15)

*SSMS*は*SQL Server*を使って**以下の処理**を行います。SSMSを用いて、データベース設計やクエリ投入がローカルでもクラウドでも実行することができます。

・*サーバー接続*
　対象となるSQL Serverに接続します。
・*データベースの作成、削除、バックアップ、リカバリ*
　データベース自体の操作を行います。
・*テーブルの作成、変更、削除*
　データを格納するテーブルへの操作を行います。
・*データの登録、参照、更新、削除*
　対象となるデータに対する捜査を行います。

上記処理を行うために、先行して管理対象となるSQL Serverをインストールしておきます。

### SSMSで接続するSQL Serverのインストール方法

*SQL Serverのインストール方法*は**エディションにより異なり**、*無償版であるDeveloperやExpress*は*マイクロソフト社のダウンロードサイトからダウンローし、インストール実行*します。インストールでは「基本(B)」・「カスタム(C)」・「メディアのダウンロード(D)」から種類を指定しますが、通常は「基本(B)」を選択すれば必要なインストールが行えます。
参考：[SQL Server ダウンロード](https://www.microsoft.com/ja-jp/sql-server/sql-server-downloads)

*有償版であるEnterpriseやStandard*では、*ライセンス契約にしたがい*インストールを行います。ライセンス契約方法はマイクロソフト社に掲載されています。
参考：[Microsoft ライセンス SQL Server](https://www.microsoft.com/ja-jp/licensing/product-licensing/sql-server)

### SSMSのダウンロード・インストール方法

SQL Serverのインストールが完了したら、*DB構築*のために**SSMSをダウンロード**しましょう。
参考：[SQL Server Management Studio (SSMS) のダウンロード](https://docs.microsoft.com/ja-jp/sql/ssms/download-sql-server-management-studio-ssms?view=sql-server-ver15)

SSMSのモジュールダウンロード後、インストーラを起動することでSSMSのインストールが完了します。SSMSが*インストールできない場合*は、*システム再起動して再インストールを試してみる*ことをおすすめします。なおインストール作業は*システム管理者権限が必要*なため、念のためアカウントをご確認ください。

*上記手順でインストールできない場合*は、SSMS・Visual Studio・SQL Profiler・Microsoft ODBC Driver等の*SQL Server関連モジュール*を「コントロール パネル」「プログラムの追加と削除」から*アンインストールし、再度インストール*して見てください。
参考：[SQL Server Management Studio (SSMS) のセットアップに失敗したか、再起動が必要です。](https://docs.microsoft.com/ja-jp/sql/ssms/troubleshoot/install-failed-requires-restart?view=sql-server-ver15)

インストールが完了したら*SSMSを起動*してみましょう。SSMSを起動するには*「スタートメニュー」「 Microsoft SQL Server Tools 18」「Microsoft SQL Server Management Studio 18」*を選択します。

SSMSの日本語化対応版は、*「SQL Server Management Studio (SSMS) のダウンロード」*のサイトの使用できる言語の記載から**「日本語」**のリンクを選択してください。これにより、日本語化対応の*”SSMS-Setup-JPN.exe”*がダウンロードされます。間違って「SSMS のダウンロード」のリンクを選択すると”SSMS-Setup-ENU.exe”という英語版がダウンロードされ、日本語で利用できません。

続いてSSMSの初期起動時に英語表示された場合は、*「Tools」「Option」*の*「International Settings」*で*「日本語」*を選択し、再起動します。

### SSMSで利用するSQL Serverの接続方法

*SQL Serverとの接続*は*SSMS*を使います。SSMSを起動し、*「サーバーへの接続」*または*「オブジェクト エクスプローラー」「接続」「データベース エンジン」*の順に選択し、**サーバーインスタンスへ接続**します。
参考：[クイックスタート: SQL Server Management Studio (SSMS) を使用して SQL Server インスタンスに接続し、クエリを行う](https://docs.microsoft.com/ja-jp/sql/ssms/quickstarts/ssms-connect-query-sql-server?view=sql-server-ver15)

SSMSで*サーバーへ接続できない場合*は、1度*ローカル接続*で試してみることをおすすめします。ローカル接続は成功して*リモート接続が失敗する場合*は、*ネットワークやファイアウォールの設定の問題*で接続できない場合があります。以下のリンク先に問題解決方法がまとめてあります。エラーログのエラー番号と見比べると対処方法が分かります。
参考：[SQL Server データベース エンジンへの接続のトラブルシューティング](https://docs.microsoft.com/ja-jp/sql/database-engine/configure-windows/troubleshoot-connecting-to-the-sql-server-database-engine?view=sql-server-ver15)
参考：[接続エラーを解決SQL Server](https://docs.microsoft.com/ja-jp/troubleshoot/sql/connect/resolving-connectivity-errors)

### SSMSを用いるSQL Serverのデータベースの作成方法

*データベースの作成*も、SSMSで行います。*SSMSを起動*し、*「オブジェクト エクスプローラー」「新しいクエリ」*の順に選択し、クエリウィンドウに*CREATE DATABASE*文を入力することで**データベースが作成できます**。

さらに、クエリウィンドウで*CREATE TABLE*文を入力することで**テーブル（表）が作成できます**。以降は*INSERT・UPDATE・SELECT*を用いて必要とされるクエリを確認したり、スクリプトを作成したりできます。そのため、SSMSからクエリで一連の*DB操作や処理を試してみる*ことをおすすめします。
参考：[SQL Server Management Studio でオブジェクトのスクリプトを作成する](https://docs.microsoft.com/ja-jp/sql/ssms/tutorials/scripting-ssms?view=sql-server-ver15)

### SSMSのアンインストール方法

SSMSはSQL Server 2016以降は**個別アプリケーション**となるため、*「コントロール パネル」「プログラムの追加と削除」*から*アンインストールすることができます*。それ以前のバージョンでは、SQL Serverの「アンインストール／変更」からアンインストールするコンポーネントを指定します。
参考：[アンインストールSQL Server Management Studio](https://docs.microsoft.com/ja-jp/troubleshoot/sql/ssms/uninstall-management-studio)

## SSMSを用いてSQL Serverを効率的に管理・運用しましょう

*SSMS*はSQL Serverの管理インターフェイスとして、*SQL Server*の*インフラストラクチャ管理からSQL言語のクエリ作成やスクリプト作成まで*幅広く利用できます。SQL ServerならびにSQL言語の理解が深まったら、SSMSで実際の**DB操作を行い理解を深めること**をおすすめします。

SSMSとは、マイクロソフト社のSQL Serverのインフラストラクチャ管理からSQL言語のクエリ操作まで対応する統合環境を指します。ここでは、SQL Serverを管理するための導入・構築の一連の流れを詳しく説明していきます。

SSMSはSQL Server Management Studioの略で、マイクロソフト社の統合DB環境を指します

SSMSは、SQL Serverのインフラストラクチャ管理からSQL言語のクエリ操作まで対応します

SSMSを活用することで、SQL Serverの管理と運用が簡単に行えます

SSMSとは？SQL Serverを管理するための導入手順を解説

まず最初に、*XAMPPの意味について解説*します。XAMPPはどこで使われているのか、どういった機能が入っているのかといった基礎知識についてまとめました。**XAMPPの基礎知識**を押さえたい方はここから読み進めてください。

XAMPPとは、Webアプリケーション開発に必要なソフトウェアをパッケージとしてまとめたもののことです。XAMPPには、*Apache・MariaDB・PHP・Perl*の4つが入っています。XAMPPをインストールするだけで、これら4つが全て自分のパソコンで使えるようになるため、開発環境の構築が楽に行えるのです。

また、XAMPPはクロスプラットフォームでもあります。クロスプラットフォームとは、どのOSでも同じ仕様で動作するもののことを言います。**MacでもWindowsでもLinux**でも同じように使えます。

次項からは、XAMPPの中に入っているソフトウェアを1つずつ解説していきます。

Apacheは、*Webサーバーソフトウェアの1つ*です。Webサーバーの中で最も高いシェアを誇っています。Apacheをインストールすることで、インストールしたパソコンをWebサーバーとして使うことが可能です。Apacheが人気の理由は、OSに依存せずに動くこと・無料で使えること・処理速度が速いことなどが挙げられます。加えて、他のWebサーバーよりも**セットアップがすぐに完了するのもメリット**です。

このようなApacheを、XAMPPをインストールすることですぐに使えます。

MariaDBは、*MySQLと同様にデータベース管理システム*です。MariaDBを使うことで、データベースのデータを更新したり追加したりすることができます。MariaDBの特徴は、MySQLよりも高いパフォーマンスを発揮することです。基本的な使い方はMySQLと変わらないため、MySQLを習得済みの方ならMariaDBも使いやすいでしょう。

なお、XAMPPの画面上には「MySQL」と記載されている部分もありますが、**実際はMariaDBのため、誤解しないように注意してください。**

PHPは、*Webアプリケーション開発で多く使われる言語*です。HTMLに埋め込んで使える他、学習コストが低いということもあり、多くの開発現場で導入されています。文法が平易で分かりやすく、初心者に向いている言語です。例えば、**FacebookやぐるなびなどのWebサービス**でもPHPが使われています。

XAMPPにはPerlも入っています。Perlも*PHP同様、Webアプリケーション開発で使われる言語*です。Perlはテキスト処理に関連する機能が豊富な言語です。また、Perlはオープンソースであり、誰でも無料で使うことができます。以前だとPerlは開発現場で多く使われていましたが、最近はPHPやPythonにシェアを奪われています。そのため、今からWebアプリケーション開発を行うなら、**PerlよりもPHPやPythonを扱う方がいいかも知れません。**

続いて、XAMPPの使い方を解説します。*XAMPPは簡単に開発環境が構築できます*が、使い方がよく分からない人も多いでしょう。そこでXAMPPの使いを1から順番に解説します。**こちらの解説通りに行えば、XAMPPは問題なく使用できる**でしょう。

まずは、XAMPPを*公式サイトからダウンロード*します。XAMPPの公式サイトには、それぞれのOS用のリンクが用意されています。自分のOSに合ったものを選択し、「Download」をクリックします。**クリックしたら自動的にXAMPPのダウンロードがされます**。ダウンロードには少し時間がかかることもあります。

XAMPPをダウンロードしたら、*ダウンロードしたファイルをダブルクリック*してください。すると、XAMPPのインストーラが開きます。ここからは、インストーラの指示に従ってXAMPPのインストールを行います。インストーラでXAMPPの細かい設定ができますが、**基本的にはデフォルトのままで問題ありません**。「Next」をクリックし、先へ進んでいきます。

XAMPPのインストールが完了したら「Finish」が出ます。「Finish」をクリックすることでインストーラを閉じることが可能です。

XAMPPのインストールが完了したら、**XAMPPを起動させます**。ダウンロードしたXAMPPをクリックしましょう。すると、黄色い画面が表示されます。これが*XAMPPのコントロール画面*です。基本的にはこの画面を通じてXAMPPを操作します。

最後にApacheを起動させましょう。Webアプリケーション開発を行うには、まずApacheを起動させてWebサーバーを使えるようにしないといけません。*XAMPPのコントロールパネルのApacheの行にある「Start」ボタンをクリック*すると、Apacheが起動します。

Apacheが起動しているかを確認するには、**「http://localhost/ 」にブラウザからアクセス**してください。URLを入力してApacheの初期画面が表示されたら成功です。なお、Apacheを停止させるには、Apacheの行にある「Stop」をクリックします。

このような感じでXAMPPは使います。PHPやMariaDBを使う場合も、同じように「Start」をクリックしてください。

ここでは、*XAMPPのメリットを解説*します。XAMPPを使わなくても、個々のソフトウェアをインストールすれば、開発環境は構築可能です。にも関わらず、**なぜXAMPPが使われ続けているのか、理由を紹介**しましょう。

*XAMPPを使うことで、開発環境が簡単に整います*。XAMPPを使わない場合、PHPやApacheを個別にインストールしないといけません。初心者にとって開発環境の構築は複雑なため、プログラミングを勉強する際、開発環境構築の段階で挫折する人が多いと言われています。**XAMPPなら簡単にインストールでき、煩わしさがありません**。また、細かい設定を間違えることもないでしょう。

XAMPPを使えば、*チームメンバー全員を同じ環境に統一*できます。チームで開発する場合、全員の開発環境を同じに揃えないとそれぞれの環境で別の結果が表示されてしまい、上手く連携が取れません。**XAMPPを使えば、個々のソフトウェアのバージョンを揃えることが可能**です。

### クラウド上にもインストール可能

XAMPPは*クラウド上でも動かすことが可能*です。例えば、AWSやAzureなどでもXAMPPは動きます。最近は自社でサーバーを立てるより、クラウドサーバーを活用することが増えたので、クラウド上で使えるかは重要です。また、XAMPPの公式サイトでは、**クラウド上でXAMPPを動かす具体的方法について解説**されています。

最後に、*XAMPPの注意点を紹介*します。XAMPPは様々なメリットがあり、多くの開発現場で使われています。しかし、利用にあたって気をつけなければならない点もあります。**場合によっては、XAMPPを使わない方が良いこともあるでしょう**。XAMPPの注意点を知ってから、XAMPPを使うべきか決めてください。

### ソフトが最新ではない場合もある

XAMPPに入っているソフトは*最新バージョンではない可能性もあります*。例えばインストールする時期によっては、PHPが1つ前のバージョンであったりすることもあるでしょう。**PHPはバージョンが違うと、挙動が異なってしまう場合があり**、開発する上で不便です。最新バージョンでないといけない場合は、XAMPPは向いていないでしょう。

### 開発環境構築に関する知識がつかない

XAMPPを使うと簡単に開発環境が構築できる分、*開発環境構築に関する知識がつかない*デメリットもあります。例えば、PHPの設定ファイルを調整するなどの作業をやらなくて良いため、PHPの内部に関する知識がつきません。PHPの内部に関する理解がないと、**何かトラブルが発生した場合に解決できない可能性があります**。

XAMPPを使う際は、PHPやApacheなども学んでおきましょう。

## XAMPPの注意点を押さえて便利に使おう

本記事では*XAMPPとは何か、について解説*しました。XAMPPの使い方や特徴がご理解頂けたかと思います。XAMPPは初心者でも簡単に開発環境が構築できる便利なものです。Web業界で長く使われ続けてるのも納得でしょう。

反面XAMPPには注意点やデメリットもあり、必ずしもXAMPPを使うべきとは限りません。特に上級者の場合、XAMPPを使うことによって制約が生まれることが、煩わしく感じる場合もあるでしょう。**XAMPPの良い点、悪い点を理解した上で、XAMPPを導入すべきかどうか決めるのが良い**です。

Web業界に勤めていると「XAMPP」という単語を聞くことがあります。今回は、XAMPPとはどういったものなのか、意味・特徴・使うメリット・注意点についてまとめました。Web業界に転職したい方は、ぜひ本記事でXAMPPについて学んでください。

XAMPPとは、Webアプリケーション開発に必要なソフトウェアをパッケージとしてまとめたもの

XAMPPには、Apache・MariaDB・PHP・Perlの4つが入っている

XAMPPを使えば簡単に開発環境が構築できる

Web業界で使われるXAMPPとは？特徴やメリット、注意点を解説

はじめに、*Djangoに関する基礎知識を紹介*します。Djangoとは何か、Pythonとは何か、プログラミング未経験者にも分かるように解説します。**まずはDjangoの基礎知識を押さえましょう**。

Djangoとは、*Webアプリケーション開発で使うフレームワーク*のことです。フレームワークとは、開発で必要な機能がひとまとめになったもののことです。フレームワークを使うことで、自分で機能を開発しなくてよくなり、開発スピードが格段に上がります。そのため、多くのWeb開発企業はフレームワークを使っています。

**Djangoはフレームワークの中でも人気が高い**です。Djangoが人気の理由として、無料で使えるオープンソースであることが挙げられます。また、機能もシンプルであり、学習コストが低いのもポイントが高いでしょう。そこまで複雑でないWebアプリケーションなら、すぐに開発することが可能です。

例えば、InstagramやPinterestなどのサイトはDjangoによって開発されています。

Pythonは、*Webアプリケーションや人工知能開発で使われる言語*です。人工知能は注目されている技術分野であるため、Pythonの人気は上がっています。また、Pythonは文法が平易で、初心者が最初に学ぶ言語としてもおすすめです。加えて、Pythonは可読性が高く他人のコードが読みやすい点も人気が高いです。

**Webアプリケーション開発で使われる言語には、他にもPHPやRubyなどがあります**。Pythonはその中でもシェアを伸ばしている言語です。Webアプリケーション開発に携わりたいなら、Pythonを学ぶのはおすすめでしょう。

DjangoはWebアプリケーション開発に必要な機能が一通り揃っているのが特徴です。対してFlaskは、*必要最低限の機能のみで構成*されています。例えば、管理画面を作成する機能はFlaskにはありません。**小規模なWebアプリケーションを作りたい場合はFlaskでも良い**ですが、Djangoの方が便利なことが多いでしょう。

続いて、*Djangoを使うメリットを紹介*します。Djangoは多くの企業で使われています。使われるということは、それだけフレームワークとして優秀であるということです。**Djangoのメリットは大きく分けて3つ**あります。1つ1つのメリットについて、詳しく解説していきます。

### ①Webアプリケーション開発に関する機能を網羅

Djangoは*Webアプリケーションの幅広い機能を開発*できます。よく使われる機能は、予めパッケージとしてまとめられており、手軽に活用することが可能です。**Djangoを使うことで、開発コストの削減が見込める**でしょう。

Djangoは*セキュリティ対策が優れているのもメリット*です。Webアプリケーションは全世界に公開するものであり、ハッキングなどの被害に合わないよう気をつけないといけません。Djangoは予想される多くの脅威に対して対策がされています。例えば、**ユーザー認証システムでは、パスワードを完全に管理する方法が使われています**。

拡張性が高いのも評価を上げている理由の1つです。*Djangoは各機能ごとに上手くファイルが分かれており*、それぞれの部品は自由に改良することが可能です。機能ごとに分かれているため、一部を改良しても他の機能に影響を与えることがなく、安心して改良できます。**DjangoはさまざまなWebアプリケーションにも柔軟に対応することができる**のです。

続いて、*Djangoでできることを解説*します。Webアプリケーションには様々な機能が必要ですが、Djangoを使って具体的にどの機能が開発できるのかご紹介します。**Djangoができることを知ることで、Djangoの特徴もみえてくる**でしょう。

管理画面とは、*管理者だけがアクセスできるページのこと*です。例えばECサイトを作る場合、サイトに掲載する商品を管理するための画面が必要です。Djangoには管理画面を作成できる機能が最初から入っています。テンプレートを用意しなくても、簡単に管理画面を作成することが可能です。

Djangoには、ユーザー認証の機能もあります。ユーザー認証とは、*システムが登録されたユーザーを自動で識別する機能のこと*です。ユーザー認証では、間違えて登録してないユーザーを通してしまうことがあってはいけません。**Djangoはそういったミスが起こらないように構成されています。**

Djangoには*RSSフィードを作成する機能も備わっています*。RSSフィードとは、**Webサイトの更新情報を配信するための文書フォーマットのこと**です。特にブログなど、更新したことをユーザーに伝えたいコンテンツに多く使われています。

Djangoには*サイトの案内ページを作成する機能もあります*。サイトの案内ページを1から作るのは大変です。特に大規模なサイトはページ数が多くて作成に時間がかかります。**Djangoなら素速く案内ページを作成可能**です。

## Djangoの使い方を勉強するのにおすすめの本

最後に、Djangoの使い方を勉強するのに*おすすめの本を紹介*します。これらの本を読むことで、Djangoを効率的に習得することが可能です。Djangoをこれから学ぶ方は、**ぜひこれらの本を参考にしてみてください**。

### 独学プログラマー Python言語の基本から仕事のやり方まで

*Djangoの勉強の前にまずはPythonの基礎を押さえることが必要*です。この本はPythonの基礎を網羅的に習得することが可能です。本の著者が、独学でPythonを習得した経験を元に書かれています。独学を通じて学んだエッセンスが詰め込まれた1冊です。これからPythonを学ぶ方は、まずこの本が良いでしょう。**Pythonの基礎文法や関数についてまとまっています**。また、プログラマーの心得も本書で学ぶことが可能です。

[独学プログラマー Python言語の基本から仕事のやり方まで](https://www.nikkeibp.co.jp/atclpubmkt/book/18/C92270/)

*「Djangoビギナーズブック」はDjangoの基礎が習得できる1冊*です。「フレームワークとはなにか」という部分から丁寧に解説されています。Pythonの基礎知識は押さえており、これからフレームワークを学びたい方におすすめです。**本書はPythonの文法やHTMLを使っての解説を減らし、根本的なフレームワークの仕組みを重点的に解説**しています。「なぜDjangoはそのように動くのか」という部分まで知ることが可能です。

更に本書の後半では、Djangoのよく起こるエラーをFAQ形式で解説しており、こちらも参考になります。

お役立ち記事