勉強をする必要はありません。それではダッシュボードをリフレッシュしてみましょう。きれいな画面ではありませんが、動いています!より多くのページを書いていくと、またタスクを表示する必要に迫られるでしょうし、すると各タスクを表示するコードは最終的に全て重複になってしまうでしょう。以前に学習したテンプレート合成の概念を使って、いろいろなところから呼び出すことのできる関数のようなものに、このロジックを詰め込んでしまいましょう。関数を作成するには、関数の名前をテンプレート名とした新しいテンプレートをファイルを作成します。</ul>ページをリロードして、すべてがうまく行っていることを確認してください。すべてのページに共通の、正しいタイトル、リンク、プロジェクトの一覧を表示するサイドバーを含むレイアウトを提供したいので、このファイルを編集する必要があります。リストを使用していないことにも気付いたかもしれません。このリストもここに表示することにしましょう。ページで表示したように、プロジェクトのグループも後から再利用できるよう、専用のテンプレートで表示するようにしました。これもここで実装してしまいましょう。class="loader">Loading</span></li>これらのテンプレートは今のところシンプルですが、早い段階からテンプレートを再利用できるようになりました。テンプレートをより複雑にすれば、これらを利用するすべての箇所がその機能性を獲得することになります。ページをリフレッシュしてください。コンパイルエラーです。テンプレートを呼び出すときに、ひとつの文字列ではなくプロジェクトのリストを渡すように更新していませんでした。...ここでページをリフレッシュしてすべてがうまく動いていることを確認してください。画面上部、ダッシュボードの見出しの前にプロジェクトのリストがフォルダに区切られて表示されているはずです。§いくつかのスタイルの追加ここまででダッシュボードの最初のバージョンはほとんど出来上がりましたが、あまりきれいではありません。これをよりきらびやかにするいくつかのスタイルを追加します。このスタイルシートは使わないので、まず最初にすることはこれを削除することです。使ってスタイルシートを実装します。サポートが組み込まれています。説明はこのチュートリアルの範囲外なので、ここでは作成済みのスタイルシートをダウンロードするだけにしておきます。このスタイルシートには、このサイトの残りを構築するために必要なスタイルがすべて含まれています。ダウンロードすることができます。ディレクトリに配置されます。コンパイルされる必要があります。ファイルを見つけるとそれらをコンパイルし、それらが変更されるたびに再度コンパイルします。ここでも、コンパイルエラーに遭遇するとブラウザに美しいエラー画面を表示します。削除したことだけは確認してください)。このスタイルシートはいくつかの画像にも依存します。ダウンロードすることができます。フォルダを作成します。トップページを更新すると、今度はスタイルの適用されたページが表示されます。§作業内容のコミットこれでタスクダッシュボードの最初のイテレーションは完了です。チームによってメンテナンスされているものではありません。確認することができます。読んで、お気軽にプルリクエストを送ってください。