shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

4. ページの表示の仕組み(2週目)

 

表示の仕組みを理解しよう

 

目標:トップ画面を表示させるルーティングを書き、トップ画面を表示させること

 

トップ画面を表示させるルーティング

f:id:shinoblog-manabu:20210227085309p:plain

全体像
/top って何?

/top = リクエストがきた(tpoへ戻る、とかトップボタンを押したという意味)際にップ画面を表示しますよーという意味

 

このようなURLに対応する処理をルーティングという。

 

(req, res) って何?

リクエストとレスポンスを送る、という意味。

これを上記(第2引数)に用意することで上記ルーティング完成に近づく。

 

 

res.render('top.ejs')って何?

 

viewファイルの中のtop.ejsを表示させるための処理。

この処理を行うことでtop.ejsファイルを表示できる。

 

 最後に node app.js 処理をコマンドプロンプトに打ち込みサーバー起動。

 

ウェブ上にてtop.ejs表示されているか確認。

 

確認できたらCtrl(コントロール)+Cを押しつつサーバー起動解除を忘れずに。

 

 

 

今回はここまでです。お疲れさまでした。