小さな静的htmlのKanban boardのNullboardを少し試す

静的htmlでローカルで完結するBanban board の Nullboard を知ったので少し試してみました．

apankrat/nullboard: Nullboard is a minimalist kanban board, focused on compactness and readability.

ローカルにcloneして開くか， https://nullboard.io/preview にアクセスして試せます．

NB – Welcome to Nullboard

はじめはマニュアルやTipsの書かれたボードが表示されます．右上のメニューから「Add new board…​」を選んで新しいボードを作ってみます．

ボードが出来たら次はボードタイトルの右のメニューから「+List」でリストを追加出来ます．

リストのメニューから「+Note」でノートを追加したり，リストの移動が出来ます．移動はドラッグ&ドロップでも可能です．

日本語や絵文字も大丈夫です．

右上のメニューからデータのエクスポート，インポートが可能です．

どうやってローカルでデータを保存しているんだろうと思ったら，Local Storageで実現しているようです．

Window.localStorage – Web APIs | MDN

Nullboardの機能では手動でデータエクスポート，インポートが可能ですが自動でできるといいなと思ってデータの場所を探してみました．chromiumでは ` ~/.config/chromium/Profile\ 1/Local\ Storage/leveldb/000485.ldb` というファイルの中にNullboardに書いたデータがありました．

恐らくLevelDBというもののようです．自動バックアップするようにすると安心そうです．

google/leveldb: LevelDB is a fast key-value storage library written at Google that provides an ordered mapping from string keys to string values.

Kanbanbordは色々ありますがNullboardはオフラインでローカルのみでも動作するのが面白いです．ただ，データの保管場所がLocalStorageなのでデータが消えてしまうのが怖いのでコマ目にバックアップを取ったほうが安心そうです．

環境

$ dpkg-query -W chromium firefox
chromium 88.0.4324.146-1
firefox 85.0.1-1
$ lsb_release -dr
Description: Debian GNU/Linux bullseye/sid
Release: unstable
$ uname -m
x86_64