まずは*Flaskとは何か*を解説します。そもそもフレームワークとは？Pythonとは？という所から初心者にも分かるよう詳しく説明します。**Flaskという言葉を初めて聞いた方**は、まずはこちらからお読みください。

*FlaskはArmin Ronacherによって開発され、2010年に発表されたPythonフレームワーク*の1つです。読み方は「フラスク」です。Pythonフレームワークの中でも、高い知名度を誇っています。**Flaskは必要最小限の機能のみをまとめた、コンパクトなフレームワーク**であることが特徴です。

*Pythonはプログラミング言語の1つ*です。Webアプリケーション開発や人工知能開発で主に使われており、最近注目されている言語でもあります。Pythonは文法が平易な上に、**ソースコードが読みやすく、初心者にも上級者にも人気**です。ライブラリも豊富で、機械学習や統計解析などの複雑な処理が必要なシステムも簡単に開発できます。

Webアプリを開発できる言語は他にPHPやRubyなどがあり、その中でもPythonは将来性が高いと言われている言語です。

フレームワークとは、*Webアプリ開発で必要な基本機能が予めひとまとめになったもの*のことです。フレームワークはインストールして活用するのが一般的です。フレームワークを使うことで基本機能を自分で開発しなくてよくなるため、開発効率を上げることができます。実際多くのWeb開発企業ではフレームワークが使われています。

「フレームワークとライブラリの違いが分からない」という方は多く、ライブラリは一部の機能のみがまとめられたものを指します。たとえば、Numpyというライブラリは数値計算のみの機能を提供しています。

Flaskは最低限の機能のみ提供しているものの、**Webアプリに必要な機能を全般的に提供している**ので、ライブラリではなくフレームワークに含まれるのです。

*Flaskが標準で搭載している機能は大きく分けて3つ*あり、ルーティング・リクエスト処理・blueprintモジュールです。この3つしか備わっていないシンプルなフレームワークです。

また、拡張機能を使うことで、**これ以外の機能をFlaskに追加することも可能**です。たとえば、Flask-Loginという拡張機能を使えば、ログイン機能を実装することができます。拡張機能を上手く使えば、Flaskでも多くのことができるようになるでしょう。とはいえ、拡張機能を入れすぎるとFlaskが重くなってしまうので、注意が必要です。

## Flaskのメリット・デメリット

ここでは、*Flaskのメリット・デメリット*についてまとめました。必ずしもFlaskを使えば良いというわけではありません。状況によっては他のフレームワークを使った方が良いこともあります。**使うべき場面を見極めるために、メリット・デメリットを把握しておきましょう。**

Flaskのメリットは最小限の機能しかない分、*シンプルで分かりやすい*ことです。覚えることが少ないため、これからはじめてWebアプリを作る方におすすめでしょう。また、小規模なWebアプリを作る場合にも向いています。

さらに、Flaskは処理が高速なのもメリットです。Webアプリを開発する場合、処理の速さは重要と言えます。**処理が遅いとWebサイトが重くなってしまい、ユーザーにとって使いにくくなってしまいます**。

拡張機能を入れれば、様々な機能が使えるのも魅力です。拡張機能を増やしていって、自分好みのフレームワークにしていけるため、使いどころによっては業務で活用するのもおすすめです。

機能が少ないことはFlaskのメリットであり、デメリットでもあります。Flaskが提供していない機能は、自分で作る必要があり*その分開発工数がかかってしまう*でしょう。特に、Flaskは管理画面を作る機能がないのが難点です。Webアプリを作る場合、管理画面はほぼ必ず作る必要があります。このようにFlaskは機能が少ないため、様々な機能が必要な大規模なWebアプリには向いていないでしょう。

拡張機能を使えばFlaskに機能は追加できますが、**拡張機能を入れすぎると管理が大変になる恐れ**があります。何の機能があるのか分からない状態になりやすいため、要注意です。

また、Flaskについて日本語で解説されたサイトが少なく、英語が読めない場合は学習に苦労するかも知れません。

ここでは、*Flaskと比較されやすいDjangoとの違いについて*まとめました。**機能面・動作面・学習面**について、それぞれ比較しています。どちらのフレームワークから学ぶべきか迷っている方は、ぜひ参考にしてください。

*機能が充実しているのはDjangoの方*です。Djangoは管理画面・ユーザー認証・案内ページといった機能まで提供しているため、開発コストを大きく下げることが可能です。特に多くの機能が必要な大規模開発で、Djangoは効果を発揮するでしょう。

実際Djangoも多くの企業で導入されています。また、**Webアプリ自体はFlaskで作り、管理画面はDjangoで作る**、というように使い分けている場合もあります。

*動作が軽いのはFlaskの方*です。Flaskは最低限の機能しか提供していないため、その分動作が軽いです。Webページの速度を重視したい場合は、Flaskの方が向いていることもあります。**Djangoは機能が豊富な分、動作がどうしても重くなってしまいます**。

### 簡単なのはFlask、学びやすいのはDjango

Flaskは機能がシンプルな分、初心者にも分かりやすいため、フレームワークとしての簡単さはFlaskの方が上でしょう。ただし、*初心者にFlaskがおすすめかというと、必ずしもそうとは言えません*。Djangoの方が日本語の情報が多いため、Djangoについて解説する書籍やサイトは多く、学習しやすい環境が整っています。対して**Flaskは日本語で書かれた書籍が少ない**ため、英語が苦手な方の場合、むしろDjangoから学んだ方が良い可能性もあります。

最後に、*Flaskの学習方法について解説*します。Flaskは日本語で書かれた書籍が少なく、勉強がしにくいのが難点です。そこで、**書籍以外でFlask入門編を学習する方法**をまとめました。これからFlaskを学ぼうと思っている方はぜひ参考にしてください。

### Flask公式チュートリアルを活用する

最も王道の学習方法は、公式チュートリアルを使うことです。公式チュートリアルでは、*Flaskのインストール方法から、基本的な使い方まで幅広く解説*しています。チュートリアルに沿って学習すれば、確実にスキルを身につけられるでしょう。ただし、**公式チュートリアルは初学者にはやや難しく**、途中で学習を挫折してしまう可能性もあります。難しいと感じた場合は、後述のPaizaを使う方法を検討しましょう。

2つ目は*Paizaを利用する方法*です。Paizaにはプログラミングについて解説する動画がたくさんあります。Paizaには「Webアプリ開発入門 Flask編」という入門編のコースがあります。動画で解説してくれるので、**本を読むのが苦手な方も学習しやすい**でしょう。月額料金も600円と安くておすすめです。

3つ目は*実際にアプリを開発する方法*です。Flaskの基礎について公式チュートリアルやPaizaで習得した後は、掲示板やbotなど簡単なWebアプリを作ってみましょう。**プログラミングの楽しさが最も実感できるのは、実際にアプリを作っているとき**です。またアプリを開発しながら、分からないところは自分で調べていくことで、実践的なスキルが身につきます。

## Flaskは小規模なWebアプリ開発におすすめ！

本記事では*Flaskとは何か*、について解説しました。Flaskのメリット・デメリットやDjangoとの違いがご理解頂けたかと思います。Flaskは必要最低限の機能のみ提供するフレームワークのため、小規模なWebアプリ開発に向いているといえるでしょう。**個人でアプリを作りたい場合には、Flaskがおすすめ**です。

プログラミング上達の近道は自分でアプリを作ってみることです。PythonとFlaskの基礎を身に着けたら、実際にWebアプリを作ってみましょう。

Flaskについて解説します。FlaskはPythonフレームワークの中でも代表的なものです。今回はFlaskの基礎知識やDjangoとの比較、おすすめの勉強方法についてまとめてみました。Pythonを学んでいる方はぜひ本記事も参考にしてください。

Flaskは最小限の機能のみをまとめたPythonフレームワーク

Djangoに比べ小規模アプリの開発に向いている

Flaskは公式チュートリアルやPaizaを使って学習するのがおすすめ

Flaskとは何か？基本機能やDjangoとの違いについて解説

まず最初に、*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とは？特徴やメリット、注意点を解説

*CSS*は、HTML言語で用いる*スタイルシート*を表します。*スタイルシート*は*文書の色やフォント・サイズおよびレイアウトを設定*し、**見栄えを良くするための記述言語**です。

CSSは起源をさかのぼると、1994年欧州原子核研究機構（CERN）に勤務する技術者が提唱したもので、レイアウト設定を行う際の考え方は欧文の組版技術からヒントを得ています。そのため、*em（エム）*とは*組版で用いる長さの単位*を表します。*em*は**大文字のMを基準としたサイズ表記**が由来となっており、Mの高さを基準とする意味で用います。

またemは何かの略と思ってしまいますが、そうではなく単純に*Mの読み方そのもの*を指します。なお、HTMLの\<EM\>タグはEmphasisの略で、テキストを強調する際に使用しますがCSSのemとは異なるものです。

CSSにおけるemは、*フォントサイズを指定する際に一般的に用いる方法*です。具体的な違いについては、以降で説明します。

## CSSで用いるフォントサイズの単位は？

CSSで*フォントサイズを指定*するには、以下の**3通りの指定方法**があります。

・*相対値で指定する方法*
　相対値で指定する場合は親要素と比較してサイズが決定します。
　指定はem、exが該当します。
・*パーセント値で指定する方法*
　パーセント値で指定する場合はある基準に対する比率を指定します。
・*絶対値で指定する方法*
　絶対値で指定する場合は相対関係は影響せず固定設定となります。
　指定はpx、pt、pc、in、cm、mmが該当します。

以降でさらに詳しくフォントサイズ方法を見ていきましょう。

### フォントサイズを相対値で指定する方法は？

フォントサイズを*相対値で指定する方法*は、**em、ex**があります。

・*emによる指定*
　現行のフォントサイズを1とした場合のサイズを指定します。
　利用者がブラウザでサイズを拡大・縮小した場合でもサイズが追従するメリットがあります。
　*指定方法：*
　　p {
　　　font-size: 0.8em;
　　}
・*exによる指定*
　使用するフォントの小文字の “x”の高さを基準とした指定方法です。
　日本語では和文を多用するため、通常は欧文指定のexは用いません。
　*指定方法：*
　　p {
　　　font-size: 1.2ex;
　　}

この他にも、このあと絶対値の項目で説明するpxについても画面解像度に対して相対的な指定となります。そのためpxを相対値の分類に含めることもあります。

### フォントサイズをパーセント値で指定する方法は？

フォントサイズを*パーセント値*で指定する場合も**相対値指定可能**です。
*指定方法：*
　p {
　　font-size: 120%;
　}

なお、**1em＝フォントサイズ100%**が成り立ちますのでパーセント値で指定するほか、em値を指定することもできます。

### フォントサイズを絶対値で指定する方法、pxの変換方法は？

フォントサイズを*相対値で指定する方法*は、**px、pt、pc、in、cm、mm**があります。この場合は*固定サイズ*となるため、事前に決められているサイズを設定する際に用います。

pxによる指定は以下の通りです。
・*pxによる指定*
　このして方法もCSSで頻繁に用いられている指定方法で、ピクセル値で指定します。
　ピクセル値で指定しますので最も精密に表示指定できます。
　1px＝1/96インチです。
　*指定方法：*
　　p {
　　　font-size: 16px;
　　}

pxによる指定はディスプレイ解像度が低い場合は表示が収まらないこともあるため、対象となる端末で確認が必要です。なお、最近のブラウザではフォントサイズ変更に対応できるものもあります。
ここで、emとpxの関係について補足しておきます。*emの単位*は**使用するフォントサイズを基準**としています。通常フォントは16px・12ptなため、フォントサイズを指定していない場合は1emは16pxです。

次に*pt、pc、in、cm、mm*の指定は以下の通りです。指定方法は数値に単位を追記するものでpxと同等の記載方法にしたがいます。**pxの変換方法**として理解しておきましょう。
・*ptによる指定*
　ポイント数を指定します。
　1pt＝1/72インチです。
・*pcによる指定*
　Picas（パイカ）数を指定します。
　1pc＝1/6インチ、12ptです。
・*inによる指定*
　インチ数を指定します。
　1in＝2.54センチメートル、96pxです。
・*cmによる指定*
　センチメートル数を指定します。
　1cm＝1/2.54インチ、96/2.54pxです。
・*mmによる指定*
　ミリメートル数を指定します。

なお、組版印刷では絶対値指定は非常に重要ですが、ウェブブラウザ表示を基本とするCSSではほとんど用いることがありません。理由としては、*修正等のメンテナンスに工数がかかる*ためです。

*em*と同等の指定方法で、*rem*があります。一方の*em*は**親要素を基準**としたフォントサイズ指定となります。つまり、フォントを指定することでそのサイズが1emの基準単位となります。

他方の*rem*は**ルート要素**のフォントサイズを基準とします。そのため未指定（デフォルト状態）の時は、*1em＝16px*が成り立ちますし、階層が深いフォント指定の基準として利用することができます。

なお、*rem*はIE8以前のブラウザではサポートされていないため、*バージョン差異による表示の違い*については事前に確認しておくことをおすすめします。

emの使い方が理解できたところで、使用例を見ていきましょう。

*使用例：*
\<!DOCTYPE html\>
\<html\>
　\<head\>
　\<link rel="stylesheet" type="text/css" href="sample\_css.css"\>
　　\<title\>日記帳\</title\>
　\</head\>
　\<body\>
　　　\<h1\>私の備忘録\</h1\>
　　　\<h2\>買い物\</h2\>
　　　\<p\>昨日野菜を買いに行きました。うっかり\<span\>エコバック\</span\>を忘れてしまいました。\</p\>
　\</body\>
\</html\>
*sample\_css.cssの内容：*
h2 {
 color: blue;
 font-size: 1.2em;
}
p {
 color: green;
 font-size: 0.8em;
}
span {
 color: red;
 font-size: 1.5em;
}
*表示例：*

この例では、*h2要素*に1.2emを設定しています。同様に*p要素*に0.8em、*span要素*に1.5emを設定しています。*em*は**親要素のフォントサイズを相対指定**しいるため、*親子関係がシンプルな場合はこのまま利用できます*。

次に、remの使用例を見ていきましょう。

*使用例：*
\<!DOCTYPE html\>
\<html\>
　\<head\>
　\<link rel="stylesheet" type="text/css" href="sample\_css.css"\>
　　\<title\>日記帳\</title\>
　\</head\>
　\<body\>
　　　\<h1\>私の備忘録\</h1\>
　　　\<h2\>買い物\</h2\>
　　　\<p\>昨日野菜を買いに行きました。うっかり\<span\>エコバック\</span\>を忘れてしまいました。\</p\>
　\</body\>
\</html\>
*sample\_css.cssの内容：*
html {
 font-size: 1em;
}
body {
 font-size: 2em;
}
h2 {
 color: blue;
 font-size: 1.2em;
}
p {
 color: green;
 font-size: 1.1em;
}
span {
 color: red;
 font-size: 2.5rem;
}
*表示例：*

この例では、HTML文書は変更せずにCSSファイルのみ修正しました。*span要素*のみ*rem値*を指定し、それ以外は*em値*を指定しました。理解を深めるために意図的にサイズを大きく指定しています。ここで例示した各要素のフォントサイズを確認してみましょう。

・*html要素*
　1emですので16px相当のサイズです。
　この値がルート要素の設定サイズとなります。
・*body要素*
　親要素の2倍のem値を指定しました。
・*h2要素*
　親要素がbody要素となりますので、親要素2em値x指定した1.2em値＝2.4em値となります。
・*p要素*
　親要素がbody要素となりますので、親要素2em値x指定した1.1em値＝2.2em値となります。
・*span要素*
　ルート要素基準となりますので、ルート要素1emx指定した2.5rem値＝2.5em値となります。

上記の通り、*em値*では*親要素の設定値*により**影響を受けてしまいます**。*rem値*は*ルート要素を基準*としていますので**影響がありません**。そのため*親子関係が複雑な文書*では*ルート要素を基準としたremで指定するのも効率的*です。

フォントサイズ指定方法となる*pxは絶対値で指定*し、*em値は相対値で指定*します。

*pxはドキュメントを忠実に再現*するため、**百科事典や美実品紹介・DTP**等に適しています。*em*は拡大・縮小に追従するため、**モバイル端末やスマートフォンで表示**する際に便利です。したがって、どちらか一方を利用するよりも*適材適所で使い分け*たり、*併用*したりすることをおすすめします。

## CSSのフォントサイズ指定で統一デザインのウェブコンテンツ作成をすすめましょう

近年*スマートフォンやモバイル端末の利用*は加速しているため、*小さい画面での見栄えが重要*になってきています。

このように、*CSSのem指定*は*モバイル端末での指定に最適*です。CSSのフォントサイズ指定が理解できたら、実際にCSSスタイルシートを作成し見栄えの調整を進めましょう。*複数のウェブコンテンツにCSSを適用する*ことで**統一感のあるデザインが実装**できるため、とてもおすすめです。

CSSは、ウェブコンテンツの見栄えを良くするためにHTMLとセットで用いられています。CSSのフォントサイズ指定にはいくつかの方法があります。ここでは、代表的な指定方法であるem値を中心に、フォントサイズ指定方法の違いを比較し解説していきます。

CSSのem（エム）とは、欧文の組版技術のサイズ表記が由来となるフォントサイズ指定方法です

CSSのフォントサイズ指定には、絶対値指定と相対値指定の方法が提供されています

emはCSSの相対値指定方法として最も用いられている方法です

CSSのemとは？フォントサイズ指定方法の違いを比較解説！

*bash*とはUNIX系システムで用いられているシェルで、*フリーソフトウェア財団*（Free Software Foundation、FSF）の*GNUプロジェクト*により開発されました。bashとは、*Bourne-again shell*の頭文字をとった名称です。簡単に言うと、bashは*Bourne Shellのフリーソフトウェア版*として*機能を継承*しつつ、**C ShellやKornShellの機能**を取り入れたシェルと言えます。

現在、bashは*Linux*や*MacOS*および*Microsoft Windows*でも対応する代表的なシェルと位置づけれています。bashの関連情報は以下のサイトから入手可能です。
参考：[GNU Bash](https://www.gnu.org/software/bash/)

*シェル*とは、*オペレーティングシステム（OS）*の操作を行うための**コマンドインターフェイス**を指します。*OSをカーネル（核）*と言う際に、その外側のインターフェイス機能を対比して*シェル（殻）*と呼んでいます。シェルは*対話的（インタラクティブ）*に*ユーザー操作要求を解釈*し、*必要な処理を実行*します。

シェルのコマンドインターフェイスは、*CLI形式のコマンドラインシェル*が多くを占めています。*CLI*とは*コマンドラインインターフェイス（Command Line Interface）*の略です。コマンドラインシェルはシェル自体が解釈できる*組み込みコマンド*と、外部のコマンドやアプリケーションを起動する*外部コマンド呼び出し*が可能です。

*シェルスクリプト*とは、シェルで解釈される一連の手順から成る*スクリプト言語*を指します。シェルは*コマンドインタプリタ機能*があり、コマンド解釈を逐次実行します。そのため、CLIからの対話型実行、並びにシェルスクリプトを用いた一括実行が可能です。

CLIのメリットは、運用管理における*作業手順の標準プロセス化*が可能なことです。具体的には、作業の操作をコマンドラインに記述し実行できますので、*スクリプト化*による*バッチ処理や一括実行*が可能です。このことにより、スクリプト実行による**作業品質の均一化**が可能です。さらに、複数の作業手順をスクリプト実行することで、**運用管理の自動化**が期待できます。

以上のことから、シェルの*最大のメリット*は**シェルスクリプトが実行できること**と言えます。

*シェル*は現在までに多くの**派生版や改良版**が登場しています。以下に、bash以外の代表的なシェルを紹介します。

・*Bourne Shell（sh）*
Bourne Shellは、1977年に登場したシェルです。古くから使われていますがスクリプト言語はC言語と異なっています。対話的に操作する場合にコマンド編集等の機能が実装されていませんでした。

・*C Shell（csh）*
C Shellは、BSD UNIXで配布されたシェルです。スクリプト言語はC言語に近い体系を取っています。同様に、C ShellはBourne Shellと比較してヒストリ機能やエイリアス機能を実装したことで、対話的な操作性が大幅に向上しました。加えて、ジョブコントロール機能によりフォアグランドジョブとバックグラウンドジョブの管理を可能にしました。

・*KornShell（ksh）*
KornShellは、Bourne Shellの上位互換で、かつC Shellのメリットであった対話的操作の際のコマンド編集機能を実装したものです。

・*派生シェル*
FreeBSDやmacOSで組み込まれているtcshは、C Shellの流れを汲みシェルです。同様に、Z shell（zsh）はBourne Shellを拡張したシェルでbash・ksh・tcshの機能を取り込んでいます。

### bashのインストール方法は？

*bash*は*LinuxやmacOS*には導入済みですので、**そのまま利用可能**です。もし、異なるバージョンを試してみたい場合は、GNUからgzファイルをダウンロードしたり、正規ディストリビューションを利用したりすることが可能です。

*Windows*の場合は、*Windows 10 用 Windows Subsystem for Linux*をインストールすることで、*Bash on Ubuntu on Windows*が導入されます。
参考：[Windows 10 用 Windows Subsystem for Linux のインストール ガイド](https://docs.microsoft.com/ja-jp/windows/wsl/install-win10)

Windows 10 用 Windows Subsystem for Linuxは開発者モードでインストールされますので、必要なセキュリティ対策等は十分ご留意ください。インストール後の再起動を経てコマンドプロンプトまたはPowerShellで*bash*と入力することで、bashのインストール設定が開始します。作業完了後、スタートメニューに「*Bash on Ubuntu on Windows*」が追加されます。

*bash*は現在デフォルトシェルとして広く利用されています。bashのリファレンスマニュアルは*GNU*で配布されています。しかしながら、*リファレンスマニュアル*は**膨大**ですので理解に時間を要します。ここでは利用方法の要点を中心に説明していきます。
参考：[Bash Reference Manual](https://www.gnu.org/software/bash/manual/bash.html)

*bash*は*対話型*で実行することも可能ですし、*スクリプトファイル*を読み込んだり*リダイレクト機能*を用いて入出力先を変更したりすることも可能です。入力した文字は、空欄および#で始まるコメント行を除外して解釈され、実行されます。

システムの*ログインシェル*としてbashが設定されている場合は、**そのままbashのコマンド入力が可能**です。同様に、外部コマンドとしてbashを起動したり、シェルスクリプトの1行目のコメント行に実行プログラム名としてbashを #!/bin/bash のように*明示的に指定*したりすることでbashが起動されます。

### bashのスクリプトを作成するには？

*bash*は*対話型*で動作する他、*シェルスクリプト*と呼ばれるスクリプトファイルを読み込むことができます。スクリプトファイルは*テキスト形式*で作成しますので、viエディタ等普段利用されているエディタで作成します。

シェルスクリプトではbashの*環境変数に応じた処理*の追加や、コマンド解釈で必要とされる*引用ルールに応じた文字列*を引数として渡すことができます。bashでは*シェル組み込みコマンド*や*外部コマンド*を適宜実行させることで、**複雑な処理を実行可能**です。さらに、*複合コマンド*を用いてより**大規模な処理**を登録することが可能です。

*bash*では他のシェル同様に**文字列の引用**が可能です。コマンド引数とする際に必要な引用ルールを選択します。

・*エスケープ文字（\\）*
・*一重引用符（’）*
・*二重引用符（”）*
・*ANSI-C引用符（アラート、バックスペース、改行、タブ、8進16進数字等）*

### bashのシェル組み込みコマンドは？

bashの*シェル組み込みコマンド*は、**Bourne Shellから継承されたコマンド**と**bash固有のコマンド**からなります。

Bourne Shellから継承されたコマンドは以下の通りです。
・*:（コロン）*
　何もしない
・*.（ピリオド）*
　ファイル引数からコマンドを読み込み実行
・*break*
　終了
・*cd*
　作業ディレクトリの変更
・*continue*
　ループ続行
・*eval*
　ステータス評価
・*exec*
　シェルの置き換え実行
・*exit*
　終了
・*export*
　環境変数の設定
・*getopts*
　引数の解釈
・*hash*
　ハッシュ情報の生成
・*pwd*
　作業ディレクトリの表示
・*readonly*
　読み取り専用変数の設定
・*return*
　値を戻し終了
・*shift*
　変数のシフト
・*test*
　exprの評価
・*times*
　シェルとチャイルドプロセスのユーザ時間とシステム時間の表示
・*trap*
　sigspecのトラップ設定
・*umask*
　シェルプロセスのファイル作成マスクの指定
・*unset*
　設定した変数や関数の削除

### bash固有のシェル組み込みコマンドは？

**bash固有**の*シェル組み込みコマンド*、並びに**bashで拡張**された*組み込みコマンド*は以下の通りです。

・*alias*
　変数の別名登録、表示
・*bind*
　編集キーマップの割り当て変更・表示
・*builtin*
　組込みシェルコマンドを明示的に実行
・*caller*
　サブルーチンコールの情報表示
・*command*
　外部コマンドの明示的実行
・*declare*
　変数の属性設定
・*echo*
　引数の出力
・*enable*
　シェルの組み込みコマンドの有効化・無効化
・*help*
　シェルの組み込みコマンドの情報表示
・*let*
　シェル変数の演算確認
・*local*
　ローカル変数の割り当て
・*logout*
　ログインシェルの終了
・*mapfile*
　ファイルインデックスの作成
・*printf*
　指定した書式での出力
・*read*
　行単位入力
・*readarray*
　行単位入力値を配列に格納
・*source*
　Bourne shellの・と同等
・*type*
　コマンド名実行時の解釈表示
・*typeset*
　KornShellと互換性維持、declareと同等
・*ulimit*
　プロセスの制限設定と表示
・*unalias*
　aliasのリストから登録名を削除

その他シェルの属性変更と追加オプション設定のために、*set*と*shopt*が組み込みコマンドとして用意されています。

bashでは*複合コマンド*を用いて、*複雑な処理*を*シェルスクリプト*で**プログラミング実装すること**ができます。

最初にループ構造として、以下のコマンドをサポートします。
・*until*
　終了条件の指定
・*while*
　繰り返し条件の指定
・*for*
　実行回数の指定

次に条件分岐として、次のコマンドをサポートします。
・*if*
　条件指定
・*case*
　パターンマッチング
・*select*
　リスト選択

最後にグループ化コマンドでは、以下のコマンドをサポートします。
・*(コマンド)*
　コマンドをカッコで囲みサブシェル処理をグループ化します。
・*{リスト;}*
　現在のシェルコンテキストで処理をグループ実行します。

### bashのジョブコントロール機能は？

bashでは**ジョブコントロール**のために、以下の*組み込みコマンド*が用意されています。

・*bg*
　ジョブをバックグラウンドで再開
・*fg*
　指定ジョブをフォアグラウンドで実行
・*jobs*
　ジョブの表示
・*kill*
　ジョブのシグナル終了
・*wait*
　指定プロセスの終了待機
・*disown*
　ジョブテーブルから指定ジョブの削除、シグナル設定
・*suspend*
　シェルの実行一時停止

## bashに慣れたらシェルスクリプトに挑戦しましょう

*シェルスクリプト*は、一連のコマンド操作を自動的に実行します。シェルスクリプトを起動するだけですから作業に不慣れな方にとっても実行可能で、**作業品質の平準化**が図られます。さらに、複雑な処理を条件処理することで、**大規模で複雑な処理**を実行可能です。この作業により、*運用の自動化*が近づきます。ぜひとも挑戦してみてください。

bashとはBourne Shellの機能を継承し、さらに他のシェルの機能を取込み拡張したシェルです。UNIX系システムで広く用いられており、LinuxやmacOSでも標準採用されています。ここでは、bashの概要と他のシェルとの違いを説明していきます。

bashはBourne Shellのフリーソフトウェア版として登場し、高機能化が図られたシェルです

シェルは対話型としてもシェルスクリプトとしても利用可能です

bashはシェルスクリプトとして利用する機能は豊富で、システム運用自動化に活用可能です

bashとは？シェルの概要から他のシェルとの違いまで解説！

## 自動処理可能なRPAにも様々なデメリットがある

業務効率化を図れるRPAは自動処理などメリットが様々ありますが、その反面デメリットも存在します。それらをしっかりと把握し、RPAを自分のビジネスへどういう風に導入していくのか検討が必要です。

この記事でポイントを押さえ、RPAのデメリットを改善できる仕組みを考えていきましょう。

### RPAは使い方を誤ると情報漏えいや不正アクセスの原因に

RPAでは様々な処理だけでなく、ログインなどの重要な管理も行っています。例えば、ログインが必要なシステムを使用する場合に、RPAでログイン時に使うIDやパスワードを記録することができます。1度登録すれば、次回の作業時に*記憶した情報を活用*できます。

業務効率化を図れる反面、情報としてRPAに記録する際には、**ログインIDやパスワードを不正利用させない**ことが重要です。これらは漏洩してしまうリスクもあり、不正利用されれば**会社に多大な悪影響**を伴ってしまうデメリットがあります。

不正利用は第三者がアカウントを使ってシステムへログインしたり乗っ取ったりする行為だけでなく、社内からアクセスする時の権限で発生することもあります。

また社内でシステム運用を行う中で、複数のシステムを**1つのRPAで共有していく場合にも注意**が必要です。アクセス権限などで共有した情報で漏洩などが発生すると、適切な管理ができないだけでなく全てのシステムで不正利用のリスクを負ってしまうことも。適切にアクセス権限が管理できていないと、他部署へのアクセスや重要事項などを確認できない状態になることもあります。

最悪の事態になってしまうと想定外の情報漏えいが発生するため、セキュリティ体制を疎かにしないように意識共有し、システム内の*セキュリティ強化*を行う必要があります。

### 業務自体がRPAによってブラックボックス化になる可能性

RPA導入後に担当者が異動や退職をした場合に、必ず**引継ぎを行える体制を作る**必要があります。自動化している業務の引継ぎがしっかりとできなければ、RPAで処理している作業について*不透明*になってしまうことがあり、誤作動や異常によるシステム停止が発生した際の対応が困難になります。このように、自動処理を行う業務が**ブラックボックス化してしまう点**が多々発生します。

また、RPAを導入したシステムの管理者が不在となり、そのまま放置されるケースもあります。これはテスト導入などでRPAを作成し、役目を終えた時にRPAを導入したまま長期間放置することで起こってしまいます。

管理者が不在で引継ぎができていないと誰も内容を把握できず、上書きなどをきっかけに情報漏えいや誤作動を引き起こす可能性もあります。適切な設定変更などを行えるように対策が必要です。

さらに、メンテナンスや復旧を行う際に、処理などのフローを確認できる人がいなければ対応が遅れてしまうこともあるため注意しなければなりません。

### RPAは変更が発生した時に学習できず誤作動が起こすことがある

RPAは様々なシステムやアプリケーションを連携して自動処理を行いますが、アップデート対応などで*変化が起こる*と対応できなくなります。RPAはシステムのフローや変更点は学習できず、自ら処理方法を改善させることができません。

システム変更をする際には、事前にRPAでどのような処理を行っているか*注意して対応*しなければなりません。現場や各部門の連携も必要で、不十分だとRPAが誤作動を起こします。

時には**停止して再起動まで時間がかかる可能性もある**ため注意してください。変更時は関連システムやアプリケーションについて、影響が出ないか事前にチェックしておきましょう。

## 経営上RPA導入による様々な検討項目が生まれる

これからRPAの導入を検討する際には、**自動処理や業務効率化などのメリット**を十分活かしたいところです。

ただ、RPAを利用する社員や経営側は業務フローなどの再検討を行うこともあり、RPAを導入することで起こり得るデメリットも表面化していきます。様々な観点でRPA導入後のデメリットを把握し、*早い段階で改善*していくことも求められます。

### RPA導入によって業務の担当者などを変えることもある

ある社員に任せた業務をRPAに変えることによって、*人員配置*に悩まされるケースがあります。自動化によって運用をスムーズに行えますが、一部の担当者に任せたままにするのは危険です。

ツールで専門知識がなくても簡単に動かすことができますが、属人的業務となると他者とノウハウが共有されないこともあります。

RPAはプログラミング的な側面が含まれます。業務が複雑化するほどその側面は強くなり、自動化に携わった担当者しか内容を把握しておらず、**変更があっても修正できないといったトラブル**につながりやすくなります。 

また、RPAに必要なプログラミング技術を理解している場合でも、他者が作成した自動化プログラムを修正するのは時間がかかります。

このような状況に陥りやすい主な原因は、担当者の知見を広く共有して管理していないことに原因があります。中でも、担当者が業務内容を個人的な判断で変更した際に**属人化が起きる可能性が高く**なります。

### RPAを導入して従来の業務フローが変わってしまうことがある

従来のシステムに対してRPAを導入することによって、社員は少なからずインパクトを受けます。今まで長い年月をかけて人力で処理を行っていたことを、RPAによって自動化すると仕事内容が変わるためです。

RPAを導入すれば業務効率化に十分役立てられますが、その分業務フローの見直し・改善も必要です。業務のやり方を改めて覚え直さないといけないため、経営側としては社員の負担も検討しなければなりません。

RPAは導入時に現場で作業する社員の理解が必要で、協力や理解を得られない状態で導入すると定着しません。社員も業務フローを変えずに作業を進めるため、導入コストが無駄になることも。

事前に困っている部分や業務フローで遅延などが生じる部分を洗い出し、RPAを導入して業務フローが変わるかチェックしておきましょう。また無理なく導入ができるか判断し、社員も納得したところで導入しましょう。

### 定例業務がRPAでなくなるが利用開始までの時間もかかる

事務作業などの処理を反復して行うRPAは、これまで社員が行っていた**定例作業に活用**できます。しかし、常に変化する業務などには対応できず、時には*業務フローやシステムでトラブル*になってしまうことがあります。

労働環境を変えていく中で、処理が常に同じかどうかのチェックが求められます。そして、RPAが十分活用できるか判断してコストをかけ、**変化が起こる作業**は継続して社員に任せていくことも求められます。

[RPAの7つの導入メリットとは？デメリットや対策も紹介](https://www.aspicjapan.org/asu/article/5136)

[【RPAとは】違いからメリット・デメリット、事例、検討ポイントまで徹底解説](https://it-trend.jp/rpa_tool/article/502-0010)

## RPAの問題点をクリアし、業務効率化を目指す

自動処理によって業務効率化を目指せるRPAですが、変化する作業には対応できないなどの*デメリット*があります。

コストをかけてRPAを導入する際は、**問題点をクリアしながら活用**しなければなりません。リスクを最小限に抑え、RPAの導入を成功していくことが重要です。

### RPAを導入する対象業務を仕分けしてプロセス化する

基礎知識の記事（89ページ目）