Works — Internal Tool

Task Board

複数事業を1枚で回す、自作ミッションコントロール。タスクは AI エージェントが会話から自動で登録し、人は完了を押すだけ。「上から順にやれば終わる」を、自分のために実装しました。

カテゴリ 内製ツール 構成 Web App 連携 Claude Code(AIエージェント) 特徴 依存ゼロ・ローカル完結
Live Demo

そのまま、ここで触れます。

▼ 実際に操作できますチェック・編集・撤収まで、全部そのまま動きます。 表示しているデータはすべて架空です。リロードすれば初期状態に戻りますので、気兼ねなく触ってみてください。

全画面で開く ※ 操作内容は保存されません(リロードでリセット)
taskboard.local/
Live Demo
Overview

「次に何をやるか」で、迷わない。

Task Board は、複数の事業を同時に動かすための内製のミッションコントロールです。最大の特徴は Claude Code(AIエージェント)との直結。会話の中で「これはタスクだ」とエージェントが判断したものは自動でボードに登録され、相談しながら固めたロードマップもそのまま反映されます。人間がやるのは、終わったタスクの完了ボタンを押すことだけ。あとは全事業のタスクが1本の「実行キュー」に並び、先頭の1件だけが大きく提示される——上から順に片付ければ、目標に最短で近づく仕組みです。市販ツールではなく自作なので、判断のクセや優先順位の付け方まで自分仕様に作り込めます。

Features

主な機能

🤖

AIエージェント連携(Claude Code)

会話の中で生まれた「やるべきこと」を、AIエージェントが自動でボードに登録。相談して作ったロードマップもそのまま反映されます。タスクを手で書く作業はゼロ——人は完了を押すだけで、目標へ向かって進んでいきます。

実行キュー & NOW

全事業のタスクを「着手中 → 期限切れ → 今日」の順で1本に並べ替え、先頭1件を大型の NOW カードで提示。考えるより先に、いま打つべき一手が決まります。上から順にこなすだけ。

📈

進捗の可視化

今日の達成を見せるデイリー進捗バー、7日間の完了数を映すスパークライン、フェーズの到達度を示すジャーニー表示。数字を読まなくても、前に進んでいる手応えが画面に出ます。

🪂

事業ライフサイクル

優先度の落ちた事業は「撤収」状態にして、引きどころまでの残務だけを表示。全部終われば「クローズ」してアーカイブへ。畳む判断と、その記録までを1画面で扱えます。

⚙️

技術

Vanilla JS・依存ゼロ・ローカル完結。フレームワークもビルドも使わず、1ファイルで動きます。保存は楽観ロック+日次バックアップ+破損ガードで、データを守りながら軽快に。

Tech

使った技術

外部ライブラリに頼らず、素の Web 技術だけで組み上げています。インストール不要・オフライン動作・データは手元のまま。「軽くて壊れにくく、自分で全部直せる」を最優先にした構成です。

Vanilla JS CSS Node.js Zero-deps Local-first