ふせんでタスク管理してた時には、その日のタスク全消化時に楽しい画像が出るような工夫をしていた。

f:id:kbn1053:20171218004035p:plain

いわゆる、Gmailとかでメールボックスが空になった時に表示されるアレだ。
正式名称はなんて言うのか知らないが、ここでは仮に「ごほうび画像」とする。

Trelloを色々調べているが、どうにもリストが空になった時に「ごほうび画像」を出す機能が無いようだ。サードパーティー製のプラグインなども探したが、こちらも無さそう。

ごほうび画像が無いのは、タスク消化のやる気やプロジェクト死活問題に関わる。
急遽作成することにした。

(追記) Chrome 拡張化しました

Trelloで全てのタスクが完了したときにごほうび画像を表示するChrome拡張を作った - なんも分からないのでしらべた

作ったもの

Chrome ブックマークレットで、Trelloごほうび画像追加ツール。

動画

Trelloにタスク全完了のごほうび画像追加ツール作った

ソースコード

javascript:
var boardlists = document.querySelectorAll("textarea.mod-list-name");
boardlists.forEach(function(value){ 
    if("XXXX" == value.firstChild.nodeValue){
        var targetstyle = value.parentNode.parentNode.style;
        targetstyle.backgroundImage = "url(YYYYY)";
        targetstyle.backgroundRepeat = "no-repeat";
        targetstyle.backgroundPosition = "center center";
        targetstyle.minHeight = "ZZZpx";
}});

説明

Trelloのボード画面でブックマークレットを実行する
Chrome ブックマークレットの作り方に従う
ソースコード
- XXX にはリストの名称(Todayなど)を指定する
- YYY には表示する画像のurlを指定する
- ZZZ には画像サイズの高さより大きい値を指定する
  - 小さいとTrelloのリストサイズ以下になるので、ごほうび画像が隠れてしまう