日: 2020年3月30日

明日は、Angular日本語ドキュメンテーションのサンプルを改良して、サーバ側をExpress化して、できればMongoDB化にチャレンジしてみようと思う。このサイトにアップするまでいけたら最高ですね。

Angularに触れてMEANというスタックを知りました。

今までいくつかスタックを試してきて、大抵は「やはりLAMPがベスト」となっていたのですが、Angularを中心に考えるとNodeがすでにあるので、その上で動くExpressでサーバ処理を作ることにすれば、環境準備は簡単で、しかも、基本言語がJavaScriptと同じにすることができます。なるほど、これはいいですね。DBはMongoDBでRDBMSの汎用性はないのが気になりますが設計・使い方次第ですね。

私はLAMPが好きですが、それと同じぐらいMEANも好きになりそうです。（2020/5/6 追記 評価は早すぎました。AngularはTypeScriptで書くので、ブラウザに表示する最終ソースまで遠い。そのため、原因特定にひと手間かかり、ブラウザに表示される最終ソースまでたどり着くのが大変です。部品化できるので分担して開発するにはいいのですが、世にあるサンプルを試しつつ小さく始めて良さそうなら、そのまま発展してくことができるのが無駄がなくよいとおもう。それがReactやVueといった人気があるフレームワークなのか、はたまたピュアJavaScript、結局はjQueryがいいとなるかもしれない。試しながら考えてこうと思う。）

環境構築のコマンドはこのぐらいです。（詳細はネットで検索）
apt-get install -y nodejs npm //nodeとnpm OSにより異なる
npm install -g @angular/cli //Angular
npm install express　//Express
npm install –save mongodb //MongDB
＋
VSCode

うちの中３の息子がパソコンを触ってるので、いつものレポートだろうと思っていたら、夕飯前に見てほしいというので、覗いたら「Desmos」という数式を打ち込むとグラフにするサイトを開いてて、「ピッチャーが投げて、ホームランするまでを、時間とともに動くの作った」と見せてくれた。ボールの大きさ、マウント、スタンド等の距離も正確に再現とのこと。

メニュー＞いろいろ＞数式でホームラン　から実物見れます。
遷移先の左で「t」の左にある再生マークをクリックすると赤い点が動き始めます。

「ピッチャー振りかぶって第一級ーーー投げました。カキーン。打ったーーーーーーホームラン。」というナレーションが聞こえてきそうです。