「2.3 着手した」とAIに言うだけで進捗表が更新される「WBS Viewer」

WBS Viewer(single-file-wbs)
HTML 1枚とJSON 1枚で、WBS・ガントとイナズマ線、課題管理を回すビューア
GitHub
公開
正式公開 2026-06-10
作り手
ぴぐお(個人)
対応
Web(Chrome・Chromium系ブラウザ)
言語
日本語・英語
価格
無料(MIT ライセンス)
評価
GitHub のスター 127(2026-10-10)

どんなアプリか

単一HTMLで動く、計画(WBS)と課題を1枚で回すビューア。

ぴぐおさん、GitHub の README

WBS Viewer は、プロジェクトの計画(WBS)と課題をひとつの画面で扱うビューアです。サーバーも依存ライブラリもビルドも要らず、Chrome で file:// のまま開いて使います。配布名でありリポジトリの名前でもあるのが single-file-wbs で、画面上の名前は WBS Viewer です。

計画の側は、予定の枠に実績のバーを重ねたガントで、終了遅延と着手遅れを示します。本日線から左へ突き出した折れ線がイナズマ線で、突き出した行が遅れている作業です。予定を変えたときは理由つきで履歴に残し、手で書くのは実績の日付で、工数・進捗・線は自動で計算されます。

ほかに、横軸を完了率にした進捗軸ビュー(EVMに倣う)と、作業の前後関係を○と矢印で見る依存タブがあり、依存タブでは最長経路を赤で示します。

操作バーの「計画|課題」を切り替えると、同じファイルの課題管理表が出ます。課題には、放置すると何が起きるか、やると何が得られるか、どうなったら閉じられるかを書きます。状態は未着手・対応中・完了の3つで、止まっている理由は未決・待ち・凍結の印として重ねて付きます。

課題の「WBS 2.3」と計画の「課題 #3」の札で、計画と課題を同じページの中で行き来できます。待ちや未決の期限が切れると「⚠ 催促」が出ます。

人は画面で、AIは素のJSONで、同じ表を編集する

ぴぐおさん、GitHub の README「コンセプト」

データは素の JSON 1枚なので、更新をチャットで AI に任せる使い方も想定されています。たとえば「2.3 着手した」と頼むと実績の開始日に本日が入ります。同梱の AGENTS.md は AI 向けの仕様書で、AI はこれを読んでからデータを触ります。

料金とデータの置き場所

MIT ライセンスで公開されています。公開されている本体のページで開く場合、自分の wbs.json をドロップして使い、データはブラウザの中だけで処理されて、どこにも送られません。手元に置く場合は Releases から wbs_viewer.html をダウンロードし、保存は同じファイルへ書き戻します。

同じ分野のアプリ

名前型仕掛け対応料金
WBS Viewerガント+課題ビューアHTML 1枚とJSON 1枚で動き、人は画面で、AIはJSONで同じ表を編集Web(Chrome・Chromium系)無料(MIT)
Ganto(ガントー)β版ガントチャートJooto から生まれた、ガントチャートに特化したプロジェクト管理ツールWebβ版は Jooto ユーザーなら無料
HARVASK(ハーバスク)プロジェクト管理人間のメンバーと同じ操作でAIエージェントにタスクをアサインできるWebスターター月額5,000円、ベーシック月額20,000円(ベータ版)
Redmine AI HelperRedmine プラグインRedmine に AI エージェント・MCP サーバー・入力補完・ベクトル検索を追加Redmine プラグイン(Ruby)無料(OSS, MIT)

入れる前に

推奨は最新版の Google Chrome で、Edge などの Chromium 系でも動きます。Firefox と Safari は File System Access API に対応していないため使えません。

画面上で直接編集する「編集」モードは、書き込み許可のため、Chrome を起動してから最初の1回だけ同じファイルを選び直す必要があります。開いた瞬間にサンプルの計画と課題が出るデモのページもあります。