スプレッドシートの先へ。
触って動く業務アプリ。

案件をドラッグして列を移動でき、追加・削除・絞り込み・件数と売上の自動集計まで、その場で反応する業務アプリの制作例です。状態はお使いのブラウザに自動保存され、再訪時にも保たれます。

HTML CSS Vanilla JS Drag & Drop API localStorage IntersectionObserver

i このデモは「カンバン方式の案件管理」を実際に操作できるアプリです。カードを掴んで列に放り込むとステータスが変わり、件数・進行中の想定売上・進捗バーが瞬時に再計算されます。サーバー不要・ページ再読み込みなしで、入力した内容はブラウザ内だけで完結します。