36協定の提出期限をスムーズに管理するためのWebアプリケーションです。手書きやExcel管理の限界を感じ、実務者の視点から「開いて見るだけでわかる」を詰め込みました。PCだけでなく、スマホからも即座に確認・登録ができるPWAとして開発しています 。

開発の背景

実務において、提出時期が異なる36協定等の期限管理は最も神経を使う業務の一つです。既存のシステムは多機能すぎて使いにくい、紙やExcelでの管理もできますが、「誰でも直感的に使えて、スマホで持ち運べる」「最低限の機能で気になったときにぱっと確認する」ことを目的に、制作しました。

主な機能・こだわりポイント

  • 効率化を追求したUX: 「通知文面のクリップボードコピー機能」を搭載。メールやチャットツールへの転記を1タップで完結させ、事務担当者から担当社労士への通知をする工数を大幅に削減します。
  • PWAによる高い利便性: Service Workerを導入し、オフライン環境でもアクセス可能に。ホーム画面に追加することで、ネイティブアプリのような操作感を実現しました。
  • ソート・検索機能: 大量の顧問先データから、期限が迫っている案件を即座に特定できるインターフェースを構築しました。

使用技術：HTML5 / CSS3 / JavaScript (Vanilla JS)
パソコンの操作に不慣れな方にも使用してもらえるように直感的な操作性を意識しました。
※バックエンドは使用せず、LocalStorageでの使用

制作時間：5時間

https://zen23.shop/36-manager_/