routesっというフォルダを追加する。それぞれにpage.jsを作成する。port);})↓のコードを追加した。pages);適当にMongoDBにレコードを追加してみる。http://localhost:3000/pagesにブラウザで接続。yespackageの名前を聞かれるのでそこだけapp.jsっとして、ほかはリターンですすんでいく。次にExpressフレームワーク,Mongoose,Body-parserをインストール。Expressとは、Node.jsでの王道的な開発をスピードアップするためのフレームワークMongooseは、MongoDBを操作するためのライブラリ。Body-parserは、ExpressでPOSTで値を受け取る場合のミドルウェア。vulnerabilities/nodecmsproject/app.jsを作成してそこにコーディングを開始、必要なパッケージをインポートしていく。require("config");/nodecmsproject/config/database.jsを作成。DBがまだ作っていないので、MongoDBの作成をする。昔にmongodbをインストールした記憶があるので、それを確認。x86_64っということで接続情報を確認。3.4.1接続先は127.0.0.1:27017とわかる。PHPStormのMongoExpressPluginを使う。↓みたいな感じでMongoDBのGUIを設定。↓みたいな感じでPHPStorm開発環境に表示される。mongoのコマンドライン上で、このプロジェクト用のDBを作成DB作成という目的のためだけのコマンドは存在しない。新規のDBを使用するっとコマンドすると同時に新規にDBが作成される。}ここで初めてDBが作成される。"mongodb://localhost/cmsproject"}/nodecmsproject/app.jsは以下のようにコーディングしてみる。MongoDBっとなればOK。commentMEANのプロジェクトをAngular4でCMS作成する4レイアウトのベースとしてBootstrapの公式ページから適当なサンプルを拾ってくる。document.</p></div>ブラウザで確認。変だけど、まぁとりあえずOK。commentMEANのプロジェクトをAngular4でCMS作成する3ナビゲーションバーを作成したい。そのためのコンポーネントを取得する。works!</p>といった状態。本体のsrc/app/app.component.htmlを内容を全部消して、以下のように書き直す。<app-navbar></app-navbar>1<app-navbar></app-navbar>そしてリフレッシュして確認。commentMEANのプロジェクトをAngular4でCMS作成する2次にjQueryとBootstrapもインストールしておく。vulnerabilitiesそして、angular.jsonにインストールしたファイルを組み込む。[“node_modules/jquery/dist/jquery.js”,“node_modules/bootstrap/dist/js/bootstrap.js”]},赤色は追加した部分。一度サーバを立ち上げ直してみる。successfully.赤色の部分を見てもらうと、バンドルされたスクリプトの容量が増加していることがわかる。localhost:4200をもう一度ブラウザで見る。commentMEANのプロジェクトをAngular4でCMS作成する1MEANのプロジェクトをAngular4で作成する。AngularCLIをインストールする。@angular/cliそして、プロジェクトのベースを作成。Node.js.っと思ったらこんなことを言われてしまった。CLIでサポートされてないっということで、アップデートしてください。nそれで↓のバージョンをインストールする。Node.jsのホームページでは↓のバージョンが一番使われてるっとあったので。8.12.0そして再度コマンド。successfully.っと言った感じでサーバが開始。localhost:4200をブラウザで開いてみるっと。いった感じで表示が出ればOK。