2018/10/18

勉強量の可視化

日記には勉強したことを記しており、毎日の進捗を可視化してモチベーションを維持したい。そのため簡単ではあるが各タスクのタイトルとして使用している<h3>タグの個数を日記一覧に表示する。

以下はlist.htmlの一部抜粋。各日記についてfindREで<h3> ~ </h3>を抜き出し、その個数分を表示する。

<ul>
  {{ range (where .Data.Pages "Section" "!=" "") }}
  <li>
    {{ if ne .Parent.Title "Diaries" }}
      <span class="date">{{ .Date.Format "2006/01/02" }}</span>
      <a href="{{ .URL }}">{{ .Title | markdownify }}</a>
    {{ else }}
      <a href="{{ .URL }}">{{ .Date.Format "2006/01/02" | markdownify }}</a>
      {{ range (findRE "<h3.*?>(.|\n)*?</h3>" .Content) }}
        {{ print "■" }}
      {{ end }}
    {{ end }}
  </li>
  {{ end }}
</ul>

最初は各<h3>の内容を表示していたが、進捗が多い場合に読みにくいためを採用した。