MERNとは何ですか？

MongoDB・Express・React・Node.jsの頭文字を取ったフルスタックJavaScriptスタック。フロントエンドからバックエンド、データベースまですべてJavaScriptで統一できるのが特徴。

MERNのポイントは？

MongoDB（DB）+ Express（バックエンド）+ React（フロントエンド）+ Node.js（ランタイム）の構成。フロントエンドもバックエンドもJavaScriptで書けるため、開発者の学習コストが低い。JSONでデータをやり取りするため、各層間の変換が不要でシームレスに連携できる。ReactをAngularに替えた「MEAN」、Vueに替えた「MEVN」など派生スタックも存在する

【マーン】

MERN とは？

💡 全部JavaScript！一つの言語でWebアプリの表も裏もデータも一気通貫

📌 このページのポイント

MongoDB（DB）+ Express（バックエンド）+ React（フロントエンド）+ Node.js（ランタイム）の構成
フロントエンドもバックエンドもJavaScriptで書けるため、開発者の学習コストが低い
JSONでデータをやり取りするため、各層間の変換が不要でシームレスに連携できる
ReactをAngularに替えた「MEAN」、Vueに替えた「MEVN」など派生スタックも存在する

MERNスタックのイメージ

ひよこ

MERNスタックって、なんで全部JavaScriptにこだわるの？

ペンギン先生

言語を統一すると、フロントエンドの開発者がバックエンドも触れるようになるんだよ。チーム内で「この人はPHP担当」「この人はJS担当」と分けなくて済むから、少人数のスタートアップで特に人気があるんだ

ひよこ

MongoDBってふつうのデータベースと何が違うの？

ペンギン先生

MongoDBはJSON形式でデータを保存する「ドキュメント型」のデータベースだよ。JavaScriptのオブジェクトをそのまま保存できるイメージだね。テーブルの列を事前に決めなくていいから、仕様変更に強いんだ

ひよこ

ExpressとNode.jsって別物なの？

ペンギン先生

Node.jsはJavaScriptをサーバーサイドで実行するためのランタイムで、Expressはその上で動くWebフレームワークだよ。Node.jsが「エンジン」で、Expressが「ハンドル・アクセル・ブレーキをまとめた操縦キット」みたいなものだね

ひよこ

MERNって大規模なサービスでも使えるの？

ペンギン先生

もちろん使えるけど、注意点もあるよ。MongoDBはトランザクション処理がRDBほど得意ではないから、銀行システムのような厳密なデータ整合性が必要な場面ではMySQLやPostgreSQLを選ぶことが多いんだ

ひよこ

MEANとかMEVNとかも聞くけど、結局どれがいいの？

ペンギン先生

ReactかAngularかVueかの好みで変わるだけで、本質は同じ「JavaScript統一スタック」だよ。面白いのは、最近はNext.jsの登場でExpressを使わずにReact＋Node.jsだけで完結するケースも増えていて、「MERNスタック」という括り自体が変化しつつあるんだよ

まとめ：ざっくりこれだけ覚えればOK！

「MERN」って出てきたら「JavaScript統一のフルスタックWeb開発セット」と思えればだいたいOK！

📖 おまけ：英語の意味

「MongoDB, Express, React, Node.js」＝ 4つのJavaScript技術の頭文字を並べた造語

💬 LAMPスタックの現代版として2010年代後半に広まった呼び方で、JavaScriptの万能さを象徴するスタックだよ

← 用語集にもどる