【初心者向け】MEANスタックとは？特徴と入門編

Webアプリケーション開発において、これまでよく使われてきたLAMPに代わって注目されているのが「MEANスタック」です。この記事では多くの企業が採用しているMEANスタックとは何かや、MEANスタックを構成する要素、主な特徴について解説しています。あわせてインストール方法も解説しているので、これからMEANスタックを学習されようとしている方は是非参考にして下さい。

MEANスタックとは

MEANスタックとは、Webアプリケーションを開発するときに使う以下オープンソースの組合せを指します。

M：MongoDB
E：Express
A：Angular
N：Node.js

ご覧のように、各オープンソースの頭文字をとって「MEANスタック」と呼ばれています。従来、Webアプリケーションを開発するオープンソースの組合せとして「LAMP」がよく使われていました。昨今ではMEANスタックが、LAMPに代わる構成として注目されています。

MEANスタックを構成する4つの要素

前述の通り、MEANスタックは4つの要素によって構成されています。以下、それぞれどんな特徴があるかみていきましょう。

【M】：「MongoDB」 – ドキュメント指向のデータベース

MongoDBとは、ドキュメント指向型データベースの1つです。代表的なNoSQL（非SQLデータベースの総称）としても知られており、世界中で多くの企業が採用しています。

MongoDBはJSON※に似た形式でデータを保存するため、外部システムとの連携が容易です。その他、インメモリで動作するため処理速度が速いことや、負荷分散や冗長化の機能をもつことなどがメリットとしてあげられます。

MongoDBの詳細については、以下記事も参照ください。

【E】：「Express」 – サーバーサイドのJavaScriptフレームワーク

Expressは数あるサーバーサイド向けJavaScriptフレームワークのなかでも、特に高い人気を誇ります。Expressは高速かつ軽量な上に、機能や拡張モジュールが豊富です。またサーバーを制御するのに必要な記述が少なくてすむことから、複雑なシステムでも比較的容易に拡張できます。その他、多くのユーザーに採用されていることから、日本語のドキュメントが豊富で、学習しやすいのもメリットです。

【A】：「Angular」 – フロントエンドのJavaScriptフレームワーク

AngularはGoogle社が個人・企業によって構成されるコミュニティと共に開発を進めている、オープンソースのJavaScriptフレームワークです。ExpressがWebアプリケーションのなかでもサーバーサイドの開発を担当するのに対し、Angularはフロントエンドを担当します。

AngularはMVCというパターンを採用しているため、アプリケーション開発をスムーズに進めることが可能です。また双方向データバインディング機能により、ソースコードの記述を減らせる点もメリットとしてあげられます。 Angularの詳細については、以下記事も参照ください。

【N】：「Node.js」 – サーバーサイドのJavaScript実行環境

Node.jsとは従来Webページ作成などの際に使われていたJavaScriptを、サーバー側で動作させるためのプラットフォームです。ノンブロッキングI/O方式を採用しているため大量のアクセスにも強いこと、リアルタイム処理が可能なことなどがメリットとしてあげられます。

Node.jsの詳細については、以下記事も参照ください。

MEANスタックの主な特徴

MEANスタックの構成要素についてみてきました。それではMEANスタックとして4つの要素が集まったときには、どのような特徴があるのでしょうか。以下、主な特徴をみていきましょう。

JavaScriptだけでWebアプリを開発できる

MEANスタックを採用することで、フロントエンドからサーバーサイドまでJavaScriptだけで開発できます。サーバーサイド・フロントエンドそれぞれのルールがあるので全く同じわけではないものの、JavaScriptで統一できるのは大きなメリットです。

クライアントからサーバーまでJSONで通信が可能

MEANスタックではフロントエンドからサーバーサイドまで、データの受け渡しをJSONで統一可能です。またMongoDBをデータベースとして採用しているため、JSONフォーマットを利用できます。

少ないメモリで高速に動作する

MEANスタックでサーバーの役割を担うNode.jsは、前述のとおりノンブロッキングI/O 採用により少ないメモリで高速に動作します。大量のアクセスが発生しても、Node.jsであれば対応可能です。

MEANスタックのインストール方法

ここではUbuntuにMEANスタックをインストールする手順を紹介します。

1.パッケージを更新します。

sudo apt update

2.依存関係を管理するため、NPM（パッケージ管理ツール）をインストールします

sudo apt -y install npm

3.MongoDBをインストールします。

sudo apt install -y mongodb

4. cURL※をインストールします。

sudo apt -y install curl

※インターネット上から、これからインストールするプログラムをダウンロードするためのツールです。

5. 公式のnodesourceスクリプト※を使い、最新版のNode.jsを取得します。

curl -sL https://deb.nodesource.com/setup_*** | sudo -E bash -

※参照元：GitHub – nodesource/distributions: NodeSource Node.js Binary Distributions
※「***」の部分にはNode.jsのバージョン番号（最新のもの）を入力します。バージョン番号については参照元で確認可能です。

6. Node.jsとgit※のインストールを行います。

sudo apt install -y nodejs gcc g++ make git

※バージョン管理を行うシステムです。

7. yarnをインストールします。

sudo npm install -g yarn

※yarnとはJavaScriptで開発されたモジュールを管理するためのNode.js用パッケージマネージャーです。

8. gulpをインストールします。

sudo npm install -g gulp

※gulpとは、Node.js用のタスク自動化ツールです。

9. MEAN スタックパッケージのクローンを作成します。

git clone https://github.com/linnovate/mean

10. mean.jsのディレクトリに移動します。

cd mean

11.meanディレクトリに必要なファイルをコピーします。

cp .env.example .env /mean

12.yarnコマンドを実行します。

yarn

以上で環境の構築は完了です。

まとめ

MEANスタックとは、Webアプリケーション開発の際に使われるオープンソースの組合せの1つです。MEANスタックを使うと、WebアプリケーションのフロントエンドからサーバーサイドまでJavaScriptで開発できます。またクライアントからサーバーまでJSONで通信できる点もメリットです。その上でサーバーの役割を担うNode.jsがノンブロッキングI/Oを採用していることから、少ないメモリで高速に動作します。