MEAN スタックとは？

これらの「標準化された構成要素」の最も一般的な例の 1 つは、 MEAN スタックと呼ばれます。MEAN スタックとは何か、その仕組み、利点と欠点、そして一般的にどのように使われているのかを学びます。

MEAN スタックは、スケーラブルな Web アプリケーションを開発するための JavaScript ベースのフレームワークです。MEAN という用語は、MongoDB、Express、Angular、Node の頭字語であり、これらは技術スタックのレイヤーを構成する4つの主要技術です。

• MongoDB：クラウドアプリケーション用に設計されたNoSQL、オブジェクト指向データベース
• Express (.js) :フロントエンド（例：クライアント側）とデータベース間のやり取りをサポートするNode(.js)のウェブアプリケーションフレームワーク。
• Angular(.js)：しばしば「フロントエンド」と呼ばれ、インタラクティブなユーザーインターフェイスで動作する動的 Web アプリケーションの作成に使用されるクライアント側の JavaScript フレームワーク。
• Node(.js)：スケーラブルなネットワークアプリケーションの構築に使用される最高の JavaScript ウェブサーバー。

目次

• MEAN、MERN、MEVN の違いとは？
• MEAN スタックはどのように機能しますか？
• MEAN スタックのメリット
• MEAN スタックのデメリット
• MEANスタックはどのような場合に使用できますか？
• MongoDB Atlas と MEAN スタックの使用
• MEAN スタックのセキュリティはどの程度でしょうか？
• よくある質問

MEAN、MERN、MEVN の違いとは？

MEAN スタックは、ウェブアプリケーションの構築において最も人気のある技術コンセプトの一つですが、以下のような代替手段も利用可能です。

• MERN：MERN スタックは、MEAN（例：AngularJS）の「A」を ReactJS の「R」に置き換えたものです。
• MEVN：MEVN スタックは、MEAN の「A」を Vue.js の「V」に置き換えます。

MEAN、MERN、MEVN の主な違いは、それぞれがフロントエンド（クライアント側など）の開発に異なるオプションを提供する一方で、バックエンド（サーバー側など）の開発には MongoDB、Express、Node.js を利用することです。開発者がどの技術スタックを採用すべきかを判断するための要素には、以下のようなものがあります。

• 開発者の習熟度：どのフレームワークで作業するかを選択する際の重要な要素は、開発者の習熟度です。多くの開発チームは、プロジェクトの成果物に大きな影響がないことを前提に、チームメンバーの経験や習熟度に基づいてスタックを選択します。シングルページアプリケーション（SPA）：複雑で機能豊富な SPA を構築する際、開発者はしばしば MEAN スタックを選択します。Google が維持管理する AngularJS は、複雑なウェブアプリケーションに適しています。
• 高速なユーザーインターフェースを必要とする大規模アプリケーション：Meta が保守する ReactJS（例：MERN スタック内）は、高速でインタラクティブなユーザーインターフェースの構築に特に有用な JavaScript ライブラリです。さらに、MERN フレームワークは高いパフォーマンスとスケーラビリティを提供するため、大規模なアプリケーションを作成する際に適しています。
• シンプルさ：Vue.js（MEVN スタックなど）はプログレッシブ JavaScript フレームワークで、使いやすく、統合が簡単なことで知られています。小規模から中型のアプリケーションで簡単かつ迅速な開発をしたい開発者は、MEVN を選択することが多いです。

MEAN スタックはどのように機能しますか？

MEAN スタックコンポーネント

MEANアーキテクチャはJavaScriptでのウェブアプリケーション構築やJSONの扱いを非常に簡単にするよう設計されています。

MEAN スタックコンポーネント

Angular.js フロントエンド

MEAN スタックの最上位にあるのは、Angular.js という自称「JavaScript MVW フレームワーク」（MVW は「Model View and Whatever」の略）です。

Angular.js では、HTML タグをメタデータで拡張して、静的な HTML と JavaScript（または jQuery）を使用して自分で構築するよりもはるかに効率的に、動的でインタラクティブな Web エクスペリエンスを作成できます。

Angular には、フォームの検証、ローカリゼーション、バックエンドサービスとの通信など、フロントエンドの JavaScript フレームワークに期待されるすべての機能があります。

Express.js と Node.js のサーバー層

次のレベルは Node.js サーバー上で実行する Express.js です。Express.js は自らを「高速で、偏りのない、Node.js 用の最小限のウェブフレームワーク」と称しており、まさにその通りです。

Express.js には、URL ルーティング（着信 URL とサーバー関数のマッチング）と HTTP リクエストおよびレスポンスの処理のための強力なモデルがあります。Angular.js フロントエンドから XML HTTP リクエスト（XHR）、GET、POST を行うことで、アプリケーションを動かす Express.js 関数に接続できます。

これらの関数は、コールバックまたは Promise を介して、MongoDB の Node.js ドライバーを使用し、MongoDBデータベース内のデータにアクセス権してアップデートします。

MongoDB データベース層

アプリケーションが何らかのデータ（ユーザープロファイル、コンテンツ、コメント、アップロード、イベントなど）を保存する場合、Angular、Express、Node と同じくらい簡単に操作できるデータベースが必要になります。

そこで MongoDB が役に立ちます。React.js フロントエンドで作成された JSON ドキュメントは、Express.js サーバーに送信され、そこで処理されます（有効なデータであると仮定した場合）。その後、MongoDB に直接保存され、後で取得できるようになります。

MongoDB のメリットを最大限に活用したいなら、MongoDB Atlas を検討してみると良いでしょう。ボタンをクリックするだけで組み込みの完全なデータベースセキュリティと、複数のクラウドにわたるスケーラビリティを実現できます。その詳細については、このページの後半で説明します。

MEAN スタックのメリット

MEAN アプリケーションは、クロスプラットフォーム対応で、一度書けばどこでも使えるアプローチにより、さまざまな用途で利用できます。MEAN はリアルタイムアプリケーション、特にクラウド上でネイティブに動作するアプリケーションや、Angular.js で構築されたシングルページ（動的）ウェブアプリケーションに特に適していますが、次のような他のユースケースにも使用できます。

• ワークフローマネジメントツール
• ニュース集約サイト
• ToDo やカレンダーのアプリケーション
• インタラクティブフォーラム

MEANスタックの用途は他にもたくさんあります。

すべてのコンポーネントは JavaScript と JSON に基づいているため、スタックのコンポーネント間の統合は直感的で簡単です。

さらに、MEAN の E と A（Express と Angular）は、それぞれバックエンドとフロントエンド開発のための最も人気があり、よくサポートされている JavaScript フレームワークの2つです。Express は HTTP リクエストとレスポンスのルーティングと管理を非常に簡単にします。また、JSON エンドポイントとフォーム投稿を取り扱うミドルウェアの優れたサポートが含まれています。Angular はバックエンドサーバーと通信する動的な HTML ページを構築するための強力なツールです。

高スループットの API、シンプルな Web アプリケーション、マイクロサービスなど、どのようなアプリケーションを構築する場合でも、MEAN スタックは Node.js アプリケーション構築に最適なスタックです。

MEAN スタックのすべてのコンポーネントはオープンソースであり、開発者の皆様に無料で幅広くご利用いただけます。

MEAN スタックのデメリット

JavaScript は優れた最新言語ですが、バックエンドサーバーを構築するように設計されたものではありません。MEAN スタックの基盤はバックエンドサーバーを含む JavaScript であるため、 JavaScript の性質により同時実行性とパフォーマンスの問題が発生する可能性があります。

さらに、開発機会が非常に速いため、ビジネスロジックとサーバーロジックの分離が不十分になり、結果としてスパゲッティコードや不適切な開発手法が現実のものとなる可能性があります。

最後に、世の中には多くのガイドやチュートリアルがありますが、一般的にこのスタックに適した具体的な JS コーディングガイドラインは含まれていません。したがって、あるアプリケーションでは非常にうまく機能したものが、別のアプリケーションでは問題を引き起こす可能性があります。

MEAN スタックはいつ使用できますか？

MEAN は、表示階層（Angular.js）、アプリケーション階層（Express.js および Node.js）およびデータベース階層（MongoDB）を含む従来の3階層スタックパターンに従います。

JavaScript アプリケーションを構築している場合、特に Node.js を使用している場合は、MEAN を真剣に検討すべきです。

MongoDB はデータを JSON のような形式（BSON、バイナリ JSON の拡張）で保存し、MongoDB のクエリ API は JSON で定義されており、コマンドラインインターフェイス（CLI）は JavaScript インタープリターです。MongoDB は本質的に JavaScript/JSON データストアであるだけでなく、JSON ドキュメントのインデックス作成や詳細なクエリなどの高度な機能が満載で、強力なネイティブの Node.js ドライバーがあり、水平スケールアウト用に設計されています。MongoDB の作成者によるサービスとしてのクラウドネイティブデータベースである MongoDB Atlas を使用すると、クラウドでのアプリ開発がさらに簡単になります。

高スループットの API、シンプルな Web アプリケーション、マイクロサービスなど、どのようなアプリケーションを構築する場合でも、MEAN スタックは Node.js アプリケーション構築に最適なスタックです。

MongoDB Atlas と MEAN スタックの使用

MongoDB の Node.js ドライバーは、Node.js スクリプト内で MongoDB を簡単で直感的に操作できるようにし、開発者の時間を節約し、生産性を向上させます。

次に、MongoDB データベースが必要になります。MongoDB を始める最も簡単な方法は、MongoDB のフルマネージドの最新データプラットフォームである MongoDB Atlas で無料のクラスターを作成することです。

Atlas データベースは簡単にデプロイ・スケーリングでき、コンシステントな URI で接続できます。クラスターへの接続については、MongoDB の公式ドキュメントをご参照ください。

さらに、Atlas 接続にはユーザー名／パスワードと TLS エンドツーエンドの暗号化が組み込みでデフォルトで付属しています。加えて、これらの接続では、証明書／IAM 認証、LDAP、保管時の暗号化、監査などの高度な MongoDB セキュリティ機能をボタンをクリックするだけで利用できます。

さらに、Atlas プロジェクトは Atlas App Services アプリケーションプラットフォームを利用して、Google、Facebook、JWT、カスタム認証などの多くの認証プロバイダーを簡単に統合できます。

Atlas の拡張と管理は非常に簡単です。その最大の利点は、 MEAN スタックの最も価値のあるレイヤーであるデータレイヤーをサポートし、保護することです。

MEAN スタックのセキュリティはどの程度でしょうか？

Atlas には認証情報、ファイアウォール、エンドツーエンドの暗号化が組み込まれているため、MongoDB Atlas で MEAN スタックを使用することをお勧めします。これは MongoDB の保護に最適な基盤です。

さらに、MEAN スタックは具体的に3階層に分かれています。ベストプラクティスと適切なネットワーク分離を組み合わせて使用すると、エンドユーザーはビジネスロジック、ひいてはデータベースレイヤーにアクセスできなくなります。したがって、アプリケーションはデフォルトで、悪意のあるユーザー操作によってアプリケーションが危険にさらされないように設計されています（クエリインジェクション、コード操作、ポートスプーフィングなど）。