手を止めない場所を、ひとつに。

要件定義UI設計開発PWA運用

VISION

目指したこと

案件が増えるほど、確認の時間が増えていきました。

進行はスプレッドシート、やり取りはチャット、予定はカレンダー。どれも便利なのに、横断して見る場所がないだけで「いま何がどこまで進んでいるか」を誰も即答できない。

少人数のチームで質を落とさずに数を増やすなら、探す時間をゼロに近づけるしかありません。タスク・チャット・予定・クライアント別の進捗を、ひとつの画面から辿れる状態を目標にしました。

ROLE

SHINZOの役割

既存のツールを組み合わせるのではなく、自分たちの手順に合わせて新規で開発しました。

React・Supabase・PWA で構築し、スマートフォンではアプリのように常駐します。タスクはクライアント単位と担当者単位の両方から辿れ、チャットのメッセージはそのままタスクとして登録できます。

承認フロー、プッシュ通知、保存したメッセージ、カレンダーの共有。実務で詰まった箇所を、使いながら足していきました。

GROWTH

その後

確認のための打ち合わせが減り、案件ごとの進捗と完了率が数字で見えるようになりました。

自社で毎日使っているので、気づいた改善点はそのまま次の開発に回ります。動いているものだけをクライアントに提案できるのは、この順番で進めているからです。

同じ仕組みは、他社の業務に合わせて設計し直して提供できます。業務チャットとタスク・承認を軸にしたアプリを、現在べつの企業向けに開発中です。

OVERVIEW

SHINZO Works は、株式会社SHINZOが自社開発し、社内で毎日使っている業務アプリです。タスク管理・チャット・予定・クライアント別の進捗をひとつにまとめ、React・Supabase・PWA で構築しています。ブラウザで開くPC版と、ホーム画面に追加してアプリのように使うスマートフォン版があります。

PC画面

ブラウザで開くPC版。左サイドバー（クライアント・案件）は固定、右側のタスク一覧は**そのままスクロールできます**

スマートフォン画面

スマートフォン版はホーム画面に追加してアプリとして使えます。下の4画面は実際にスクロールできます（ヘッダーとフッターは固定）。表示している内容はすべてダミーデータです。

SHINZO Works スマートフォン版のホーム画面。全クライアントのタスクが期限順に一覧表示される — **ホーム**
全案件のタスクを横断して、期限が近い順に表示

SHINZO Works の顧客画面。クライアントごとの進捗率と担当メンバーが並ぶ — 顧客
クライアント別の案件数・タスク進捗と担当メンバー

SHINZO Works のチャット画面。案件チャンネル内のメッセージと既読表示 — **チャット**
案件ごとのチャンネルでやり取り。既読・リアクション付き

SHINZO Works のカレンダー画面。月表示でメンバー全員の予定が色分けされる — **カレンダー**
社内メンバー全員の予定を月・週・日で共有

できること

タスク管理

クライアント・プロジェクト・担当者を横断した「直近のタスク」一覧。「全員」と「自分の担当」を切り替えて見られます
ステータスは4段階（未着手／進行中／先方確認中／完了）。一覧上でそのまま変更できます
単日・期間の両方の期限に対応し、残り日数を自動表示。期限が近いタスクの件数も常に出ます
タイムライン表示で、案件の動きを時系列で追えます
タスク詳細に、責任者・プロジェクト・最終期日・概要（URLは自動リンク）・工程（担当と概要つきで自由に追加）を持たせられます
完了したタスクの表示・非表示を切り替え

タスクの取りこぼしを防ぐ仕組み

毎日 9時・13時・17時 にアプリを開くと、その日が期限のタスクが自動でポップアップします
一件ずつ「本日中に完了予定として確定」「未完了でこれからやる」「期限を延長する」を選ぶだけで棚卸しが完了。全件に答えるまで閉じられない設計なので、見落としが残りません
期限を過ぎたタスクは色と件数で明示され、放置されているものが一目で分かります

SHINZO Works のホーム画面。期限が近いタスクが横断で一覧表示される — ホーム画面／期限が近いタスクを案件横断で表示

外部のやり取りからタスクを自動で吸い上げる

LINE・Chatwork のやり取りからタスクを自動抽出して起票。日々の連絡がそのまま業務リストになります
打ち合わせ・定例会議の記録（音声メモの文字起こしを含む）からタスクを抽出し、「出典：日付・会議名」付きで登録。あとから「なぜこのタスクがあるのか」を辿れます
チャット上のメッセージを、その場でタスクとして登録（案件登録）。完了するとメッセージ側にも反映されます

チャット

クライアント／パートナー／社内でフォルダ分けしたチャンネルと、メンバー間のDM
メンション（@）、「あなた宛て」の明示、未読バッジ、既読人数の表示
絵文字リアクション、引用返信、編集、削除、コピー
メッセージの保存（ブックマーク）と「保存したメッセージ」一覧。あとで対応する内容を溜めておけます
チャット全体のキーワード検索、よく使うチャンネルのピン留め、ファイル添付
チャットからそのまま会議を開始

予定・カレンダー

月／週／日の切り替え、「全員」「自分だけ」の切り替え
予定を追加すると社内メンバー全員に自動共有。重なる予定は自動で横並びに表示
左右スワイプで月・週・日を移動。撮影や打ち合わせの予定を全員で共有できます

クライアント・案件の可視化

クライアント別に案件数・タスク数・完了数・完了率をプログレスバーで表示
参加メンバーをアイコンで表示。誰が抱えている案件かがすぐ分かります
クライアント → プロジェクト → タスクの階層で辿れます

SHINZO Works のカレンダー画面。メンバー全員の予定を月表示で共有 — カレンダー／メンバー全員の予定を共有

承認・通知・アカウント

アプリ内で申請と承認のやり取り（承認待ちが一覧に出ます）
プッシュ通知に対応。スマホのホーム画面に追加すれば、アプリと同じように通知が届きます
アカウントは管理者が発行する招待コードから作成。ログイン情報の端末保存にも対応

技術構成

フロントエンド：React / Vite　バックエンド：Supabase
PWA（Progressive Web App）として構築。アプリストアを通さず、ホーム画面に追加するだけで使えます
PC・タブレット・スマートフォンで同じデータを共有

SHINZO Works の通知画面。その日が期限のタスクが自動でポップアップし、一件ずつ選択して棚卸しできる — 通知／その日期限のタスクを自動でポップアップ

ここに挙げた機能は、すべて自社の業務のなかで必要になって足してきたものです。同じ仕組みを、御社の業務手順に合わせて作り直してご提供できます。必要な機能だけを選んで小さく始めることも可能です。

クライアント	自社開発（株式会社SHINZO）
業種	自社プロダクト（業務アプリ）
担当領域	企画 / 要件定義 / UI設計 / 開発 / 運用
期間	継続中
担当メンバー	佐々木豪史