Skip to content

Latest commit

 

History

175 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ TaskFlowZero

Single-file project management tool. No server. No installation. Your data stays where you put it.

License: MIT + Commons Clause Chrome / Edge Version

🔗 Try it now →

📥 ダウンロード →

🇺🇸 English README


これはどんなツールですか?

客先常駐・社内ネットワーク限定・インターネット接続不可——そんな環境でも、プロジェクト管理をしたい人のために作りました。

多くのクラウド型プロジェクト管理ツールは、クラウドにデータを送ります。TaskFlowZeroは違います。すべてのデータがあなたのPC・あなたのネットワーク上に残ります。

HTMLファイル1つ。それだけです。


特徴

🔒 データが外に出ない

ファイルはローカルまたは社内共有フォルダに保存されます。クラウドへの通信はありません。セキュリティポリシーが厳しい客先環境でも安心して使えます。

📦 インストール不要

taskflowzero.html をダブルクリック。それだけで動きます。IT管理者への申請も、セットアップも不要です。

👥 チームで共有

共有フォルダを選択するだけで、複数人で同じデータを編集できます。3-wayマージにより、同時編集の競合を自動解決(または手動で選択)できます。

📊 充実したビュー

ビュー 特徴
リスト マイルストーンでグループ化、ドラッグで並び替え、チェックリスト進捗列
カンバン ステータス別カード管理
ガント バーのドラッグで日程調整、イナズマ線対応
バーンダウン スプリントの進捗を可視化
Wiki 複数ページ対応。Markdownで仕様書・設計書を管理、プレビュー時自動保存、見出しへの直接リンク対応

使い方

最小構成(個人利用)

ブラウザ(Chrome / Edge)で taskflowzero.html を開き、「✨ 新規作成」からフォルダを選択します。

任意のフォルダ/
├── taskflowzero.html    ← これだけでOK(htmlは外に置いても可)
├── project_P1.json      ← プロジェクト作成時に自動生成
└── files/               ← ファイル添付時に自動生成
    └── P1/

チーム共有

OneDriveやNASなどの共有フォルダを選択するだけで全員が同じデータを参照・編集できます。

共有フォルダ/(OneDrive・NAS・ファイルサーバーなど)
├── project_P1.json      ← プロジェクトごとに自動生成
├── project_P2.json
├── project_P3.json
└── files/               ← 添付ファイル(自動生成)
    ├── P1/
    └── P2/

プロジェクトごとに独立したJSONファイルを持つため、複数人が別プロジェクトを同時編集しても競合が起きません。同一プロジェクトを同時編集した場合は3-wayマージで自動・手動解決します。

オフライン環境(CDN不可の場合)

HTMLと同じフォルダに以下を置くと完全オフラインで動作します。

任意のフォルダ/
├── taskflowzero.html
├── marked.min.js        ← Markdownレンダリング
└── chart.min.js         ← バーンダウンチャート

対応ブラウザ: Chrome / Edge(File System Access API が必要です)


主な機能

👤 マイタスク

全プロジェクトを横断して、自分への担当タスク・@メンション・アクティビティを一覧表示します。未確認のメンション数や担当タスク数はサイドバーにバッジで表示されます。

@メンション

コメント・タスク詳細・Wikiで「@」を入力するとメンバー候補がポップアップ表示されます。メンションされたメンバーはマイタスク画面で通知を受け取れます。

📝 Markdownツールバー

コメント・タスク詳細・Wiki・タスク追加モーダルすべてのテキストエリアに書式ボタンを搭載。太字(Ctrl+B)・斜体(Ctrl+I)・コード・リスト・見出しをワンクリックで挿入できます。コードブロックの言語候補には JS / Python / SQL などに加え .properties 形式(Properties)も選択できます。

🔗 Wiki見出しへのリンク

Wikiの見出しにカーソルを合わせると表示される🔗アイコン、またはWikiツールバーの「🔗 リンク」ボタン(ページ全体へのリンク)でMarkdown形式のリンクをコピーできます。コピーしたリンクはタスクのコメント・詳細欄・他のWikiページに貼り付けるとクリック可能なリンクになり、クリックすると該当プロジェクト・ページ・見出しまで自動でジャンプします。

見出しへのリンクは見出しの文言から自動生成されるため、見出しの文言を変更すると該当リンクは無効になります(ページ自体へのリンクは維持されます)。

📎 ファイル・画像の添付

📎 ボタンからファイルや画像を添付できます。添付したファイルは files/P{n}/ フォルダに保存され、画像はインライン表示、その他のファイルはダウンロードリンクとして表示されます。

⏱ 工数入力

コメント欄の「+ 工数を追加」から予定工数・実績工数をコメントと一緒に記録できます。記録した工数はコメント履歴として蓄積されます。

📁 フォルダ履歴

起動画面に過去に開いたフォルダの履歴(最大10件)が表示されます。ワンクリックで素早く再アクセスでき、一括削除も可能です。

🚩 優先度

タスクに「高」「低」の優先度を設定できます。リストではタイトル先頭に赤い↑(高)・灰色の↓(低)のバッジ、カンバンではカード背景の色分けで一目で分かります。

📤 プロジェクトのエクスポート / インポート

プロジェクト設定の「保存」タブから、プロジェクト単位でJSON(またはZIP、添付ファイル同梱)としてエクスポートできます。別環境の「プロジェクト一覧」画面からインポートすれば、プロジェクト番号を自動的に振り直しつつ、タスクやコメント内の参照リンクもインポート先の番号に自動で書き換わります。

🔗 コメントアンカーリンク

URLは #[FolderName-]P1-42-C3 形式に対応。特定のコメントへ直接ジャンプするリンクを共有できます。


スクリーンショット

プロジェクト一覧 ガントチャート
プロジェクト一覧 ガントチャート
タスク詳細 Wiki
タスク詳細 Wiki
バーンダウンチャート マイタスク
バーンダウンチャート マイタスク

プラグイン

機能はプラグインで拡張できます。プラグイン管理UIからインストールすると plugin/plugin_manifest.js(プラグイン一覧)と plugin/plugin_loader.js(読み込みロジック)が自動生成され、有効になります。

プラグイン 機能
plugin_lang.js 日本語 / 英語 切り替え
plugin_csv_export.js タスク一覧をCSVエクスポート
plugin_overdue_badge.js 期限切れタスク数をサイドバーに表示

プラグイン管理UI

サイドバーの「⚙️ 設定」を開き、「🔌 プラグイン」からGUIでプラグインを管理できます。plugin/plugin_manifest.jsplugin/plugin_loader.js を手動で編集する必要はありません。

  • インストール: JSファイルをドロップ、またはファイル選択
  • 順序変更: ドラッグ&ドロップで読み込み順を変更
  • 削除: リストから除外(JSファイルは残ります)

プラグインフォルダ(plugin/)は、通常はデータフォルダ(project_P*.jsonがあるフォルダ)配下に自動的に作成・使用され、フォルダ選択を求められることはありません。taskflowzero.htmlと同じフォルダなど任意の場所を明示的に使いたい場合は、「📁 プラグインフォルダを変更」ボタンから選び直せます。「🔄 フォルダ選択をやり直す」で自動作成方式に戻せます。

プラグインの作り方は PLUGIN_DEVELOPER_GUIDE.txt を参照してください。


こんな方に

  • 👨‍💻 客先常駐でクラウドツールが使えないエンジニア・PM
  • 🏭 社外サービスへのデータ送信が禁止されている現場
  • 🔧 Excelでタスク管理していて、もう少しちゃんとしたツールが欲しい方
  • 🧑‍🤝‍🧑 小規模チームで、手軽に共有できるツールを探している方

ログイン機能について

TaskFlowZeroにはログイン・認証機能がありません。これは意図的な設計です。

クラウドサービスにおけるログインの主な目的は「誰のデータか」を識別することです。しかしTaskFlowZeroはデータを自分のPCや社内ネットワーク上に置く前提のため、ファイルへのアクセス権限はOSやネットワークの仕組みに委ねています。

アプリ側でIDとパスワードを管理することは、むしろ管理コストの増加とセキュリティリスクになりえます。「使いたい人がフォルダを開くだけ」というシンプルさを守るために、ログイン機能は省いています。


技術スタック

  • フロントエンド: Vanilla HTML / CSS / JavaScript(フレームワークなし)
  • ストレージ: File System Access API(フォルダ選択)+ IndexedDB(フォルダ履歴、最大10件)
  • データ形式: プロジェクトごとの独立JSON(project_P1.json, project_P2.json ...)
  • 添付ファイル: files/P{n}/ フォルダに保存、tfz:// プロトコルで管理
  • 内部リンク: タスク参照リンク(#P{番号}-{タスク番号}、同一プロジェクト内では#{タスク番号}、現在開いているタスクのコメントは#C{コメント番号}とも省略可)、Wikiページ・見出しリンク(wiki://P{番号}-{ページID}#{見出しID}
  • Markdown: marked.js(CDN or ローカルファイル)
  • チャート: Chart.js(CDN or ローカルファイル)
  • シンタックスハイライト: highlight.js(CDN取得失敗時は内蔵の自作ハイライターで自動フォールバック)
  • フォント: Google Fonts — Outfit / Noto Sans JP / JetBrains Mono(取得失敗時はシステムフォントで自動フォールバック)

開発について

このプロジェクトは、Anthropic の AI アシスタント Claude と一緒に作りました。

設計・実装・デバッグ・ドキュメント作成まで、ほぼ全工程を対話しながら進めています。「こういう機能が欲しい」「ここが使いにくい」という会話の積み重ねで今の形になりました。

Built in collaboration with Claude by Anthropic.


ライセンス

MIT License + Commons Clause

  • ✅ 個人・チームでの業務利用 — 自由
  • ✅ 社内ネットワークへの展開 — 自由
  • ✅ コードの改変・カスタマイズ — 自由
  • ❌ 本ソフトウェアの販売・有償サービスへの組み込み — 要許諾

商用利用のご相談は Issues からご連絡ください。


Made with ⚡ for engineers working on-site

About

Single-file project management tool. No server. No installation.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Sponsor this project

Packages

Contributors

Languages