Nullboard - 単一のHTMLファイルで実装されたカンバンボード

 (github.com/apankrat)
13 ポイント 投稿者 GN⁺ 2024-12-20 | 1件のコメント | WhatsAppで共有
  • シンプルかつ高速に使えるよう設計された、ミニマリストなカンバンボード兼タスクリスト管理ツール
  • シングルページWebアプリで、1つのHTMLファイル、古いjQueryパッケージ、Webフォントパックで構成
  • 完全にオフラインで利用可能で、その前提で作られている
  • すべてのデータは現在 localStorage を使ってローカルに保存される
    • データはシンプルなJSON形式のプレーンテキストファイルとしてエクスポート／インポートできる
      データは以下を通じてローカルディスクへ自動バックアップ可能:
      • Nullboard Agent: Windows向けネイティブアプリ
      • Nullboard Agent Express Port: express.jsベースのポータブルアプリ
      • nbagent: Unixシステム向けPython版

UI と UX

  • 使いやすさを重視
  • すべてその場で編集でき、すべての変更は自動保存され、50件のリビジョンが保持される
  • 新しいノートは既存ノートの前後に直接追加できる
  • ノートは別のリストへ移動できる
  • 視覚的な煩雑さを最小限にするため、ほぼすべてのコントロールはデフォルトで非表示
  • 長いノートは1行目だけ表示するよう折りたためる
  • デフォルトフォントはBarlowで、幅が狭く読みやすい
  • ノートは見た目を変えられ、リストをセクションに分けるのに便利
  • https:// および http:// で始まるリンクは認識され、マウスホバーで「パルス」表示され、右クリックメニューから開ける
  • CapsLockを押すとすべてのリンクが強調表示され、左クリック可能になる
  • リストも移動できるが、ノートほど派手ではない
  • フォント、サイズ、行間を調整可能
  • カラーテーマの反転が可能
  • 複数のボードをサポートし、ほぼ即座に切り替えられる
  • ボードごとに50件のリビジョンに対する元に戻す／やり直しをサポート（コードで設定可能）
  • ノートをタブで移動できるキーボードショートカットを含む

注意事項

  • デスクトップおよびキーボード／マウス利用を前提に作られている
  • モバイルデバイスおよびタップ／タッチ入力ではほとんどテストされていない
  • Firefoxで動作し、Chromeでテスト済み、Safariでも動作するはずで、Edgeでも動く可能性がある
  • ボード／リスト／ノートの保存に localStorage を使うため、キャッシュを消去する際は注意が必要

Dockerized バージョン

  • フォークを参照

背景

  • NullboardはToDoリストをうまく扱うためのツール
  • Trelloも悪くなかったが、データをクラウドに保存するのが不快だった
  • Wekanは有望だったが、重すぎてオフライン利用のサポートやローカル保存オプションがなかった
  • Thingsは美しかったが、適したツールではなかった
  • Inkscapeはテキスト項目の一覧には悪くなかったが、拡張性に欠けていた
  • 紙もほぼ理想的だったが、項目の並べ替えが面倒だった
  • 最終的に欲しいものを自作することになり、Nullboardが生まれた

ライセンス

  • Commons Clause付きの2条項BSDライセンス
  • 販売しない限り、利用、改変、再配布が可能

更新

関連記事

1件のコメント

 
GN⁺ 2024-12-20
Hacker Newsのコメント
  • 「単一のHTMLファイル」という触れ込みだが、5,000行のHTMLファイルと3,500行のJSが含まれているのは、その期待に応えているとは言いがたい。ただし、プロジェクト自体は素晴らしい
  • ノートを編集する際、ポップアップウィンドウや保存ボタンなしでテキストだけを修正できる点が気に入った
  • 単一HTMLファイルのアプリを開発するなら、localStorage の代わりにHTML自体を単一の情報源として使い、ユーザーが保存できるようにするのがよい
    • 画像ギャラリーを自己完結型のHTMLファイルとして作ろうとしたことがあり、コンセプト自体は好評だった
  • Trelloをオフラインで使えないのは残念
    • TrelloボードのJSONをNullboardに変換してオフラインで作業し、再びTrelloに戻す方法を考えている
    • TrelloカードIDをNBXノートの下部に追加し、テキストを新しいコメントとして同期する方法を検討している
  • TiddlyWikiのような保存メカニズムを持つアプリがあればよいのにと思う
    • 独自のエディタを内蔵したドキュメントは、オフライン利用や長期保存に役立つ
  • 開発者として、こうした仕組みを十分に活用できていない気がする
    • シンプルだが効果的なデバイス間同期の方法が見つかれば、多くのユースケースをカバーできるはず
  • 単一HTMLファイルのプロジェクトとしてHTTPビデオプレーヤーを開発中
    • ソースコードを参考にして、自分のプロジェクトにアイデアを取り入れるつもり
  • サーバーバックエンドなしでアプリの状態を保存・共有できるブラウザ向けソリューションがあればよいのにと思う
    • データ漏えいリスクやプライバシーの問題を解決できる方法が必要
  • PlankaをLXCコンテナで動かしており、ローカルファーストなGUIとして簡単なタスク管理に便利
    • Trelloのクラウド保存が望ましくないという点で、Plankaは代替になり得る