MEAN (ソフトウェアバンドル)とは？わかりやすく解説

MEANのロゴ。各ソフトウェアの頭文字を組み合わせている。

MEAN は、ウェブアプリケーション構築のためのフリー&オープンソースのJavaScriptソフトウェア群を指す造語である^[1]。2013年にMongoDBの開発者のValeri Karpovにより提唱された用語であり、MongoDB, Express, AngularJS, Node.jsの4つのアプリケーションの頭文字を取って名付けられた。

概要

MEANを採用すると、サーバサイドからクライアントサイドまでの全ての実装作業がJavaScriptとJSONのみで完結できる。従って、Webアプリにおける内部処理の全工程を単一の言語で記述でき、データベースの入出力におけるデータ変換も行う必要がない。また、サーバの役割を果たすNode.jsが、シングルスレッド、ノンブロッキングI/Oにより、省メモリかつ高速で動作する。従って、開発作業の効率化やサーバマシンの大幅な負荷低減を実現できる。

構成

MEANは以下の要素から構成される。^[2]

MongoDB: NoSQLデータベース
Express.js: Node.jsで動作するWebアプリケーションフレームワーク
AngularJS: Webブラウザ上で動作するJavaScriptのMVCフレームワーク
Node.js: イベント駆動型のサーバサイド／ネットワークアプリケーション

歴史

MEANという言葉を作成したのはMongoDBの開発者のValeri Karpovである。Karpovは2013年に自身のブログでこの概念を紹介した。^[2]

MEANのロゴを作成したのはAustin Andersonで、LinkedInのMEANグループのためのものであった。このロゴでは、MEANの由来を示すように、各アプリケーションの頭文字が組み合わされている。^[3]

実装

MEAN.io: MEANの最初のフレームワークの一つ。Amos HavivとLinnovateによるもの。
MEAN.JS: Linnovateの離脱後にAmos Havivが作成したもので^[4]、コミュニティによる管理が行われている^[5]^[6]。

派生

MEANの構成要素のいくつかを他のフレームワークなどに置き換えたものが知られている。こうした例としては、AngularJSの代わりに同じくJavaScriptのMVCフレームワークであるEmber.js（英語版）を用いたMEENなどがある。^[7]

出典

^ “Mean.io: The Friendly & Fun Javascript Fullstack for your next web application”. 2016年7月3日閲覧。
^ ^a ^b “The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.js”. Tumblr (2013年4月30日). 2016年7月3日閲覧。
^ “Mean Stack”. LinkedIn. 2016年7月3日閲覧。
^ “Forking out of an open-source conflict”. Tumblr (2014年2月15日). 2015年6月21日閲覧。
^ MEAN.JS - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js
^ GitHub - meanjs/mean: MEAN.JS - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js -
^ GitHub - YunnuY/meen: Mongo-Ember-Express-Node full-stack javascript open-source solution

外部リンク

MEAN.JS - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js 公式ウェブサイト（英語）
mean.io （英語）
@IT - MEANスタックで始めるWebアプリ開発入門

この項目は、FLOSSに関連した書きかけの項目です。この項目を加筆・訂正などしてくださる協力者を求めています（Portal:FLOSS）。

[MeanIO-1] “Mean.io: The Friendly & Fun Javascript Fullstack for your next web application”. 2016年7月3日閲覧。

[MongoDBMEANstack-2] “The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.js”. Tumblr (2013年4月30日). 2016年7月3日閲覧。

[MeanStackLinkedin-3] “Mean Stack”. LinkedIn. 2016年7月3日閲覧。

[4] “Forking out of an open-source conflict”. Tumblr (2014年2月15日). 2015年6月21日閲覧。

[5] MEAN.JS - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js

[6] GitHub - meanjs/mean: MEAN.JS - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js -

[7] GitHub - YunnuY/meen: Mongo-Ember-Express-Node full-stack javascript open-source solution

[1]

[2]

[3]

[4]

[5]

[6]

[7]

表話編歴 JavaScript
概念	文法（英語版） JavaScriptライブラリ控えめなJavaScript
エンジン	Carakan/Futhark/Linear B Chakra JavaScriptCore JScript KJS Narcissus Nashorn Rhino SpiderMonkey V8
コンパイラ	AtScript Babel ClojureScript CoffeeScript Emscripten Google Closure Compiler Google Web Toolkit Haxe JSX（英語版） Kotlin Nim PureScript TypeScript
デバッガ	Firebug Google Chrome Developer Tools Internet Explorer Developer Tools Opera Dragonfly Visual Studio Visual Studio Express Visual Studio Code Web Inspector
エディタ	Atom Brackets Visual Studio Visual Studio Express Light Table Visual Studio Code WebStorm
サーバーサイド	Active Server Pages CommonJS Deno Node.js Vert.x（英語版） Wakanda（英語版）
フレームワーク・ライブラリ	Angular/AngularJS Backbone.js Dojo Express.js Ext JS Google Web Toolkit jQuery Mobile MathJax MochiKit MooTools Prototype React Vue.js YUI Library（英語版）
ユニットテスト	Jasmine（英語版） Jest Mocha（英語版） QUnit ユニットテスト・フレームワーク一覧
Docジェネレータ	JSDoc
コード解析	ESLint（英語版） JSHint JSLint
パッケージ管理	npm NuGet
アプリケーションバンドラー	Webpack
関連技術	Ajax CSS DHTML DOM HTML JSON JSONP WebAssembly asm.js（英語版）
人物	ジョン・レシグダグラス・クロックフォード（英語版）ブレンダン・アイクライアン・ダール
カテゴリコモンズウィキブックス Portal:コンピュータ

MEAN (ソフトウェアバンドル)とは？わかりやすく解説