Sculpin で投稿カレンダー(年/月)を作る方法 post

Sculpin で、はてなダイアリー™のような、年/月 カレンダーを表示したいと思ったので作ってみました。

年/月カレンダー

みたいな感じです。

まずは

posts へのアクセスが必要になるので、コードを書きこむファイルには

use:
    - posts

と、 posts へのアクセスができるように宣言が必要です。

{% for post in data.posts %}
   :
{% endfor %}

そうすることで、 data.posts で記事全部にアクセスすることができます。

実装

わかりやすいように commit:f579cde9ea1c630ba9aa18b883ff26baf4d4ef54 からコメントを追加したり、削ったりしているけどだいたいこんな感じ。

{%   set post_ym = post.date|date("Y-m") %}
{%   set ym_posts = ym_posts|merge({ (post_ym): 1 }) %}
{# ついでに、記事の最初と最後の日付を覚える #}
{%   if min_posts is empty or post_ym < min_posts %}{% set min_posts = post_ym %}{% endif %}
{%   if max_posts is empty or max_posts < post_ym %}{% set max_posts = post_ym %}{% endif %}
{% endfor %}
{# カレンダー構築:年×月でループを回し、記事の範囲外の日付は表示しないようにする #}
{% for y in range((max_posts|slice(0,4)), min_posts|slice(0,4)) %}
<a href="{{ site.url }}/blog/{{ y }}/">{{ y }}</a>
{%   for m in 1..12 %}
{%     set ym = "%04d-%02d"|format(y, m) %}
{%     if min_posts <= ym and ym <= max_posts %}
{%       if not ym_posts[ym] is empty %}
| <a href="{{ site.url }}/blog/{{ y }}/{{ "%02d"|format(m) }}/">{{ "%02d"|format(m) }}</a>
{%       else %}
| <del class="text-muted">{{ "%02d"|format(m) }}</del>
{%       endif %}
{%     else %}
| {{ "%02d"|format(m) }}
{%     endif %}
{%   endfor %}
<br />
{% endfor %}

最終的にこんな表示になりました。

年/月カレンダー

これ自体のコードは www.sharkpp.net/archive_histories.html at master · sharkpp/www.sharkpp.net を参考にしてみてください。

おまけ

実は、最初に作ったコードは、あまりにも処理時間がかかり、そもそもホムペが更新できない状態になっていました。 なので、再度作り直した結果、まあ、とりあえず動くものができた感じ。

何が問題だったか?

とりあえず、

年/月カレンダーサンプル

みたいな表示のカレンダーを表示したい、といったことを思いついて、実装してみる。

その結果、出来上がったのがこちら。 だたし、使えない。

commit:81f8614d5f4ab8f12035e497a3251d120bc928ff

コードをここにペタリンコするのは略。

これ、何が問題だったかというと、処理時間が異様に掛かってしまう、この一点が唯一、そして最大の問題でした。

簡単に計算すると、記事数(=250程度) × (ループ1(=250程度) + ループ2(=9年) × ループ3(=12ヶ月) × ループ4(=250程度) = 6812500) で一番内側のループの回数がすごいことになっていたので、それはまあ、遅くなるのも通りだろうと。

というわけで、数日は記事を書いてサーバー上で直接アップデート、をしていました。

再実装

もう一度、Twigの仕様などを調べ、作り直した結果がこれ。

commit:f579cde9ea1c630ba9aa18b883ff26baf4d4ef54

今度は、記事数(=250程度) × (ループ1(=250程度) + ループ2(=9年) × ループ3(=12ヶ月) = 89500) とまだ、多いは多いですが、1/250 には減っています。 やったね!

参考


 /  変更履歴  /  Permalink  /  このエントリーをはてなブックマークに追加
カテゴリ: Sculpin  /  タグ: Sculpin, Twig, Tips, Snippet