記録から差分を提案
日々の作業ログと手順書を突き合わせ、ずれている工程だけを拾って書き換え案を出します。
1,240
導入企業
＋184 社（前年比）
73%
引き継ぎ時間の削減
平均値
4.6/5
利用者の満足度
回答 2,880 件
99.98%
稼働率（直近12か月）
目標 99.9%
できること
書く人を増やすのではなく、書かなくて済むようにする
現場の記録・写真・チャットのやりとりを材料に、手順書の側から更新を提案します。
写真つきの工程
スマートフォンで撮った写真をそのまま該当の工程に紐づけ。撮影日から鮮度を判定します。
鮮度の可視化
最終確認からの日数で色が変わります。古い工程が放置されないよう担当者へ通知。
権限は現場単位
部署・拠点・協力会社ごとに閲覧と編集を分離。監査ログは全操作を90日保持します。
既存ツールと接続
Slack・Teams・kintone と双方向で同期。既存の運用を止めずに乗り換えられます。
紙にも戻せる
現場掲示用の A3 帳票を1クリックで出力。改訂番号と QR を自動で差し込みます。
業種別の使い方
現場によって、置き換わるものが違う
設備点検段取り替え不良対応
ラインごとに違う「暗黙の手順」を、点検記録から拾って明文化します。ベテランの作業ログが、そのまま次の担当者の教材になります。
| 工程 | 担当 | 所要 | 状態 |
|---|---|---|---|
| 始業前点検 | 第2製造課 | 12 分 | 最新 |
| 金型交換 | 保全チーム | 48 分 | 要確認 |
| 寸法検査 | 品質保証 | 21 分 | 最新 |
| 異物混入時の処置 | 第2製造課 | — | 期限切れ |
安全書類KY活動是正記録
協力会社ごとに書式が違う安全書類を、ひな形の側で吸収します。現場写真は撮影地点の座標つきで保管されます。
✓
是正報告の提出率 98%
提出漏れは翌朝に自動で催促されます。
i
スマホだけで完結
電波の届かない現場では下書きが端末に残ります。
申し送り感染対策研修
申し送りの内容から手順の変更点を抽出し、次の勤務帯に必要な差分だけを届けます。個人情報は施設の中に留めたまま処理します。
申し送りを記録
音声でも文字でも可。
手順との差分を抽出
変わった部分だけに印が付きます。
承認して反映
主任が押せば全員の手元が更新されます。
料金
人数ではなく、現場の数で数えます
閲覧だけの人は何人増えても無料。金額はすべて税別・月額です。
スターター
1拠点で試すための最小構成
¥0/ 現場・月
- 手順書 20 冊まで
- 写真 500 枚まで
- メールでの問い合わせ
- 監査ログ
- 外部ツール連携
スタンダード
複数拠点をまたいで運用する規模
¥12,000/ 現場・月
- 手順書は無制限
- 写真 50GB まで
- 監査ログ 90 日
- Slack・Teams 連携
- 専任の担当者
エンタープライズ
監査・情報システム部門の要件に合わせる
個別/ お見積り
- 手順書・写真とも無制限
- 監査ログ 3 年
- シングルサインオン
- 専任の担当者
- 稼働率の保証契約
| 機能 | スターター | スタンダード | エンタープライズ |
|---|---|---|---|
| 手順書の冊数 | 20 | 無制限 | 無制限 |
| 写真の保存量 | 500 枚 | 50 GB | 無制限 |
| 監査ログ | — | 90 日 | 3 年 |
| シングルサインオン | — | — | ✓ |
| 紙帳票の出力 | ✓ | ✓ | ✓ |
| 導入時の初期設定支援 | — | 3 時間 | 無制限 |
利用者の声
現場から出てきた言葉
「更新しない人を責めるのをやめられた。仕組みの側が拾ってくれるので、会議で犯人探しをしなくてよくなった」
部品メーカー・製造部長
「紙に戻せるのが決め手だった。現場は掲示物を見る。画面を見にいく文化がない前提で作られている」
建設会社・安全衛生
「導入して最初の2週間、何も直さないという指示に半信半疑だった。結果、直すべき場所が具体的に出てきた」
介護施設・施設長
問い合わせ
まず 30 分、現場の話を聞かせてください
売り込みの前に、いまの手順書がどう回っていないかを伺います。導入しない判断でも構いません。
- ・平日 10:00〜18:00／オンライン可
- ・情報システム部門向けの資料もお渡しします
- ・この画面は見本のため、送信しても実際には届きません
付録・この画面の作り
開発者ツールで開くと、こうなっています
上の画面はすべて CSS の変数で組んであります。ここから下は、どこを見ればいいかの地図です。
変数は3階層
--c-brand-500 ← 原色。意味を持たない
↓
--color-brand ← 役割の名前
↓
--btn-bg ← 部品ローカル
部品は一番下の層しか見ません。だから上の層を1つ変えると全部に伝わります。
変種は「変数だけ」差し替える
.btn { --btn-bg: var(--color-brand) }
.btn--ghost { --btn-bg: transparent }
／ background を書き直さない ／
打ち消し合いが起きないので、変種をいくつ足しても壊れません。
1個いじると全部動く
--space-unit: 4px → 余白すべて
--radius-unit: 4px → 角丸すべて
--brand-h: 212 → 配色すべて
--content-max → 横幅すべて
右下のパネルは、この4つを書き換えているだけです。
ブランド色の10段（--brand-h を変えると全部が移動します）
50
100
200
300
400
500
600
700
800
900
a400
a500
ボタンの変種（すべて .btn の変数違い）
よくある質問
開発者ツールでは、まずどこを見ればいい？
Elements パネルで <html> を選び、右の Styles に出る :root を開いてください。このサイトの変数が全部そこに並びます。値を直接書き換えると画面が即座に変わります（リロードで元に戻ります）。
部品の色だけ変えたいときは？
その部品を選んで、Styles の .btn などの中にある --btn-bg を書き換えます。background を直接いじるより、変数を書き換えるほうが元の設計に沿います。
レイアウトの列数はどこで決まっている？
03-layout.css の .l-grid です。repeat(auto-fit, minmax(var(--grid-min), 1fr)) と書いてあり、列数の指定はありません。--grid-min（1列の最小幅）だけを決めて、何列並ぶかはブラウザが窓幅から計算しています。
ダークモードはどう切り替わっている？
01-tokens.css の末尾で、意味トークン（--color-*）だけを再定義しています。部品の CSS は1行も分岐していません。<html> の data-theme 属性を DevTools で dark / light に書き換えても切り替わります。
なぜ余白を margin で書いていないの？
margin は上下が相殺されたり二重になったりして、原因の追いにくい崩れを生むためです。このサイトでは縦の間隔をすべて親側の gap（.l-stack）で持たせています。
- 1
- 2
- 3
- ›