MEAN.IOを試してみる（インストール編）

普段は完全にPHPerだけどSPAに興味が出てきたのと、他の言語もやってみたい！ ということで、MEAN.IOを試してみた。

MEANって何？

MongoDb、Express、Angular、NodeJSの頭文字をとって、MEAN。最近LAMPの代わりとして注目されてきている組み合わせです。
利点としては、クライアントからサーバまですべてJavaScriptで記述でき、データのやり取りもすべてJSON形式で行えるということ。

mean.ioのインストール

mean.ioのホームページの通りにやったらよくわからなくなったので、Gitを参考にインストールを行った。

mean.ioのHP上のインストール方法

$ sudo npm install -g mean-cli
$ mean init yourNewApp

さらにチュートリアル動画ではWindowsでインストールしていた

npm install -g mean-cli
mean init yourNewApp

今回試したのはmean.ioのGitにあるインストール方法（でもエラー出るやんけ）

Installing

• fork this repo
• clone your fork
• npm install webpack-dev-server rimraf webpack -g to install required global dependencies
• npm install to install all dependencies or yarn
• npm run server to start the dev server in another tab

ここまでやってサーバ立ち上げたらエラーが大量に出た。どうも足りないモジュールがあるらしい。
なので1つずつインストールしていく。

npm install @angular/cdk --save

と思ったらこれだけだった。

再度サーバ立ち上げたら何とか立ち上がった。
TypeScriptとのバージョンの影響かわからないが、まだまだエラーが出ている。
とりあえずは立ち上がった。

インストールしてみて

インストーラが成熟していないし、ドキュメントもすべて英語で正解とは限らないという、なかなかわくわくする状態みたい。
forkしていろいろいじってみたいと思える楽しいやつだ。

（2017/09/11追記）mean.ioのgitのREADMEがものすごく書き変わっていた。@angular/cdkも追加されてたし、少しずつ改善されていっているようだ。
（2017/10/15追記）TypeScriptのバージョンが上がっていることで、使用しているモジュール内にエラーがでまくってビルドできない（無視すれば使えるが）この辺もどうにかできないかなぁ