画面(View)の構築

最初のindex.html

まず,FullCalender一式をCDNの一つであるjsdelivrからリンクを張って使用するindex.htmlファイルを次のように作り,エラーなしで画面表示(View)ができることを確認します。

最初のindex.html

BootstrapやFullCalendar使用のためのjsdelivrからのリンクは次のようにSRI(SubResource Integrity, サブリソース完全性)付きで入手しましょう。

FullCalendar画面

FullCalendar画面

index.pugファイルへの書き換え

次に,Node.jsアプリにするためにapp.jsを作成し,上記のFullCalendarの表示をindex.pugファイルから行えるようにします。

app.js

static/index.pug

以下,app.jsindex.pugの必要な所を書き換えて,スケジューラアプリの完成を目指します。


Copyright (c) 2014-2022 幸谷研究室 @ 静岡理工科大学 All rights reserved.
Copyright (c) 2014-2022 T.Kouya Laboratory @ Shizuoka Institute of Science and Technology. All rights reserved.