コース: Node.jsとExpress.jsをマスターしよう

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

Jadeテンプレートエンジンによるレンダリング

Jadeテンプレートエンジンによるレンダリング - Node.jsのチュートリアル

コース: Node.jsとExpress.jsをマスターしよう

Jadeテンプレートエンジンによるレンダリング

このレッスンでは、jadeテンプレートエンジン を使用して、 ページをレンダリングする方法について 学びます。 さて、それではワークショッパーを起動しましょう。 ecpressworks、エンター 今回は二番目のこちらの、 JADEという問題を解きます。 エンターを押します。 問題。 /homeへのリクエストに対して、 jadeテンプレートエンジンで ページをレンダリングするExpress.js アプリケーションを作成してください。 ページには、toDateString()で フォーマッティングした 現在日付を表示してください。 アプリのポート番号と、 テンプレートディレクトリは、 1番目と二番目のコマンドライン 引数で与えられるものとします。 また、指定されたテンプレートディレクトリの 中にindex.jadeという ファイルが用意されているので、 レンダリングには そのファイルを使用してください。 index.jadeの中身は 次のようになっています。 ということで今回はNode.jsの アプリケーションでよく使われる テンプレートエンジンである、Jadeを使って ページをレンダリングすしてみます。 それではまずは、Jadeの インストールから行いましょう。 npm install jade jadeのインストールができました。 テンプレートエンジンというのは 何かというと、 アプリケーションの出力するページを 記述するときに、 HTMLをそのまま書くのではなく、 より書きやすい形で記述したり、 あるいはページの一部分を 後で置き換え可能な プレースホルダー文字列を書いておいて、 その部分を実行時に 何らかの変数などで置き換えて、 動的にページを生成することができる、 そのような機能を持ったものが テンプレートエンジンです。 それではビューファイルを書いてみましょう。 jadeのビューファイルを書くときは、 ファイル名の拡張子をjade というものにします。 そしてjadeのファイルの中では、 独自の構文を使って 記述する必要がありますが、 通常HTMLですと、 このような形、タグで囲って その中に、 このタイトルなどの文字列を書きます。 しかしjadeの場合ではそうではなく、 h1とそのまま要素名を書いて、 スペースで区切って、そして その中に入るテキストを…

目次