M-05 AI手順書作成ツール web用

AI手順書作成ツール
話すだけで手順書+フローチャートを自動生成
🔴 DEMO
AI手順書作成ツール
待機中
⚙️ 音声を録音またはファイルを読み込んで開始
録音から約30秒で手順書+フローチャートを自動生成
🎤 録音時間: –:–
📝 文字数: —
📋 ステップ数: —
💰 API費用: —

📚 生成履歴

まだ手順書が生成されていません

🎤 技術継承をもっと本格的に

手順書作成だけでなく、技術継承の全体戦略・新人教育設計・経営改善まで一貫して伴走支援します。

手順書を生成中…
音声を文字起こししています…
/* §3: オーバーレイ制御 */ function openConsultantMode() { var ov = document.getElementById(‘consultant-overlay’); ov.classList.add(‘active’); generateConsultantContent(‘report’); ov.querySelectorAll(‘.cm-tab’).forEach(function(tab) { tab.onclick = function() { ov.querySelectorAll(‘.cm-tab’).forEach(function(t){ t.classList.remove(‘active’); }); tab.classList.add(‘active’); generateConsultantContent(tab.getAttribute(‘data-tab’)); }; }); document.addEventListener(‘keydown’, _cmEscHandler); } function closeConsultantMode() { document.getElementById(‘consultant-overlay’).classList.remove(‘active’); document.removeEventListener(‘keydown’, _cmEscHandler); } function _cmEscHandler(e) { if (e.key === ‘Escape’) closeConsultantMode(); } function generateConsultantContent(tab) { var body = document.getElementById(‘cm-body’); if (tab === ‘report’) body.innerHTML = generateCMReport(); if (tab === ‘meeting’) body.innerHTML = generateCMMeeting(); } /* §9: App112固有 — 手順書品質メトリクス取得 */ function getCMMetrics() { var p = APP_STATE.procedure; if (!p) return null; var totalSteps = 0, totalSubsteps = 0, veteranTips = 0; if (p.steps) p.steps.forEach(function(s) { totalSteps++; if (s.substeps) s.substeps.forEach(function(ss) { totalSubsteps++; if (ss.veteranTip && ss.veteranTip.trim()) veteranTips++; }); }); var criteria = p.criteria ? p.criteria.length : 0; var troubles = p.troubleshooting ? p.troubleshooting.length : 0; var materials = p.materials ? p.materials.length : 0; var safety = p.safety ? p.safety.length : 0; var hasFlowchart = p.flowchart ? true : false; var tipRate = totalSubsteps > 0 ? Math.round(veteranTips / totalSubsteps * 100) : 0; return { processName: p.overview ? p.overview.processName : ‘—’, author: p.overview ? p.overview.author : ‘—’, difficulty: p.overview ? p.overview.difficulty : ‘—’, totalSteps: totalSteps, totalSubsteps: totalSubsteps, veteranTips: veteranTips, tipRate: tipRate, criteria: criteria, troubles: troubles, materials: materials, safety: safety, hasFlowchart: hasFlowchart }; } /* 品質スコア計算(5次元) */ function calcQualityScore(m) { if (!m) return { total:0, dims:[] }; var dims = [ { label:’手順詳細度’, score: Math.min(100, m.totalSubsteps * 8), desc: m.totalSubsteps + ‘サブステップ’ }, { label:’暗黙知抽出率’, score: m.tipRate, desc: m.veteranTips + ‘/’ + m.totalSubsteps + ‘件 (‘ + m.tipRate + ‘%)’ }, { label:’品質基準’, score: Math.min(100, m.criteria * 20), desc: m.criteria + ‘項目’ }, { label:’リスク対応’, score: Math.min(100, (m.troubles + m.safety) * 14), desc: ‘トラブル’ + m.troubles + ‘件+安全’ + m.safety + ‘件’ }, { label:’可視化’, score: m.hasFlowchart ? 100 : 0, desc: m.hasFlowchart ? ‘フローチャートあり’ : ‘なし’ } ]; var total = Math.round(dims.reduce(function(s,d){ return s + d.score; }, 0) / dims.length); return { total: total, dims: dims }; } /* 健康診断判定 */ function hcJudge(val, good) { if (val >= good * 1.1) return { text:’◎ 優秀’, cls:’hc-ex’ }; if (val >= good) return { text:’○ 良好’, cls:’hc-ok’ }; if (val >= good * 0.6) return { text:’△ 要注意’, cls:’hc-warn’ }; return { text:’✕ 要改善’, cls:’hc-ng’ }; } /* §4: 報告書タブ — 技術継承診断レポート */ function generateCMReport() { var m = getCMMetrics(); if (!m) return ‘
手順書が未生成です。先にデモ再生または手順書を生成してください。
‘; var q = calcQualityScore(m); var today = new Date().toLocaleDateString(‘ja-JP’); var grade = q.total >= 80 ? ‘A’ : q.total >= 60 ? ‘B’ : q.total >= 40 ? ‘C’ : ‘D’; var gradeColor = q.total >= 80 ? ‘#059669’ : q.total >= 60 ? ‘#2563eb’ : q.total >= 40 ? ‘#d97706’ : ‘#dc2626’; var h = ‘
‘; h += ‘

■ 技術継承診断レポート

‘; h += ‘
Governar Consulting Inc. — ‘ + today + ‘
‘; /* Hero: 品質スコア */ h += ‘
技術継承 品質スコア
‘; h += ‘
‘ + q.total + ‘/100
‘; h += ‘
総合判定: ‘ + grade + ‘
‘; /* 健康診断テーブル */ h += ‘

🏥 技術継承 健康診断

‘; h += ‘‘; var checks = [ { name:’手順詳細度’, val:m.totalSubsteps, good:10, unit:’件’, comment: m.totalSubsteps >= 10 ? ‘十分な粒度’ : ‘サブステップを追加推奨’ }, { name:’暗黙知抽出率’, val:m.tipRate, good:50, unit:’%’, comment: m.tipRate >= 50 ? ‘ベテランのコツが豊富’ : ‘★ヒアリング深掘り必要’ }, { name:’品質基準’, val:m.criteria, good:5, unit:’項目’, comment: m.criteria >= 5 ? ‘合否判定が明確’ : ‘判断基準の追加が必要’ }, { name:’トラブル対応’, val:m.troubles, good:3, unit:’件’, comment: m.troubles >= 3 ? ‘現場ナレッジ蓄積済み’ : ‘障害パターンの追加推奨’ }, { name:’安全管理’, val:m.safety, good:3, unit:’件’, comment: m.safety >= 3 ? ‘安全基準網羅’ : ‘★リスクアセスメント追加’ }, { name:’可視化’, val:m.hasFlowchart?100:0, good:50, unit:”, comment: m.hasFlowchart ? ‘フローチャート完備’ : ‘★フロー図追加必須’ } ]; checks.forEach(function(c) { var j = hcJudge(c.val, c.good); h += ‘‘; h += ‘‘; h += ‘‘; }); h += ‘
検査項目数値判定基準所見
‘ + c.name + ‘‘ + c.val + c.unit + ‘‘ + j.text + ‘‘ + c.good + c.unit + ‘以上‘ + c.comment + ‘
‘; /* KPIサマリー */ h += ‘

📊 手順書メトリクス

‘; var kpis = [ [‘工程名’, m.processName], [‘作成者’, m.author], [‘難易度’, m.difficulty], [‘大工程数’, m.totalSteps + ‘工程’], [‘サブステップ数’, m.totalSubsteps + ‘件’], [‘ベテランのコツ’, m.veteranTips + ‘件 (‘ + m.tipRate + ‘%)’], [‘必要資材’, m.materials + ‘品目’], [‘判断基準’, m.criteria + ‘項目’], [‘トラブルシューティング’, m.troubles + ‘件’] ]; kpis.forEach(function(k) { h += ‘
‘ + k[0] + ‘‘ + k[1] + ‘
‘; }); h += ‘
‘; /* 経営強度スコア(横棒) */ h += ‘

🎯 技術継承 成熟度スコア: ‘ + q.total + ‘/100

‘; q.dims.forEach(function(d) { var c = d.score >= 70 ? ‘#059669’ : d.score >= 40 ? ‘#d97706’ : ‘#dc2626’; h += ‘
‘; h += ‘‘ + d.label + ‘‘; h += ‘
‘; h += ‘
‘; h += ‘
‘; h += ‘‘ + d.score + ‘
‘; }); /* アドバイス */ var ngItems = checks.filter(function(c){ return hcJudge(c.val, c.good).cls === ‘hc-ng’; }); var exItems = checks.filter(function(c){ return hcJudge(c.val, c.good).cls === ‘hc-ex’; }); h += ‘

⚡ コンサルタントコメント

‘; h += ‘
‘; if (exItems.length > 0 && ngItems.length > 0) { h += ‘「’ + exItems[0].name + ‘」は高水準です。しかし「’ + ngItems[0].name + ‘」が技術継承のボトルネックになっています。’; h += ‘この1点を改善するだけで、手順書の実用性が大幅に向上します。’; } else if (ngItems.length > 0) { h += ‘最優先の課題は「’ + ngItems[0].name + ‘」です。現場のベテランへの追加ヒアリングを推奨します。’; } else { h += ‘全指標が良好です。この手順書は即座に現場教育に活用できる品質に達しています。次のステップとして、他工程への横展開を検討してください。’; } h += ‘
‘; h += ‘
── Governar Consulting Inc. ──
‘; h += ‘
‘; return h; } /* §5: 面談準備タブ — 技術継承コンサル向け */ function generateCMMeeting() { var m = getCMMetrics(); if (!m) return ‘
手順書が未生成です。
‘; var q = calcQualityScore(m); var today = new Date().toLocaleDateString(‘ja-JP’); var h = ‘
‘; h += ‘

📋 面談準備シート — 技術継承コンサルティング

‘; h += ‘
生成日: ‘ + today + ‘ / 対象工程: ‘ + m.processName + ‘
‘; /* 核心メッセージ */ var ngItems = q.dims.filter(function(d){ return d.score < 40; }); var exItems = q.dims.filter(function(d){ return d.score >= 80; }); h += ‘

🎯 今日の核心メッセージ(1つだけ伝えるなら)

‘; h += ‘
‘; if (exItems.length > 0 && ngItems.length > 0) { h += ‘「’ + m.processName + ‘の’ + exItems[0].label + ‘は非常に高い水準です。しかし’ + ngItems[0].label + ‘が不足しており、このままでは技術が正確に引き継げません。ここを補強するだけで、新人の習得期間を大幅に短縮できます」’; } else if (ngItems.length > 0) { h += ‘「’ + m.processName + ‘の手順書化は進んでいますが、’ + ngItems[0].label + ‘が不十分です。ベテランへの追加ヒアリングで、この部分を強化しましょう」’; } else { h += ‘「’ + m.processName + ‘の手順書は高品質です。これを雛型として他工程にも横展開し、全社的な技術継承を加速しましょう」’; } h += ‘
‘; /* STEP1: 強み */ h += ‘

🟢 STEP1: 伝えるべき強み(社長を前向きにする)

‘; exItems.forEach(function(d, i) { h += ‘
‘+[‘①’,’②’,’③’][i]+’ ‘+d.label+’: ‘+d.score+’点
‘+d.desc+’ — 業界水準を大きく上回っています
‘; }); if (exItems.length === 0) { h += ‘
① 手順書化に着手していること自体が大きな強み
多くの中小製造業では暗黙知が属人化したまま。着手しているだけで上位10%
‘; } h += ‘
‘; /* STEP2: 顕在課題 */ var warnItems = q.dims.filter(function(d){ return d.score >= 40 && d.score < 70; }); h += '

🔴 STEP2: 顕在課題(社長も薄々気づいていること)

‘; ngItems.concat(warnItems).slice(0,3).forEach(function(d, i) { h += ‘
‘+[‘①’,’②’,’③’][i]+’ ‘+d.label+’: ‘+d.score+’点 → 目標50点以上
‘+d.desc+’
‘; }); if (ngItems.length === 0 && warnItems.length === 0) { h += ‘
顕在課題なし — 全項目が良好水準
‘; } h += ‘
‘; /* STEP3: 潜在課題 */ h += ‘

⚡ STEP3: 潜在課題(社長が「わっ」となるポイント)★山場

‘; if (m.tipRate < 30) { h += '
暗黙知の消失リスク
‘; h += ‘切り出し方:「ベテランの方が退職されたら、このノウハウは誰が引き継ぎますか?」
‘; h += ‘→ 現在の抽出率’ + m.tipRate + ‘%は危険水準です。ベテラン1名の退職で、数十年の技術が一夜で失われます。
‘; } if (m.criteria < 3) { h += '
品質判断の属人化
‘; h += ‘切り出し方:「新人が “これで合格” と判断できる明確な基準はありますか?」
‘; h += ‘→ 判断基準が’ + m.criteria + ‘項目しかなく、”見て覚えろ”状態です。不良率の増加と手戻りコストに直結します。
‘; } if (m.troubles < 2) { h += '
トラブル対応の未文書化
‘; h += ‘切り出し方:「現場でよくあるトラブルと対処法は、どこかに記録されていますか?」
‘; h += ‘→ 記録されたトラブルパターンが’ + m.troubles + ‘件のみ。新人が同じ失敗を繰り返すコストは年間数十万円に上ります。
‘; } if (m.tipRate >= 30 && m.criteria >= 3 && m.troubles >= 2) { h += ‘
横展開の機会損失
‘; h += ‘切り出し方:「この工程の手順書を他の工程にも展開する計画はありますか?」
‘; h += ‘→ この高品質な手順書を雛型として全工程に展開すれば、技術継承の速度が3倍になります。
‘; } h += ‘
‘; /* 想定Q&A */ h += ‘

❓ 想定Q&A(社長から聞かれそうな質問)

‘; var qas = [ [‘「手順書を作っても、結局誰も見ないのでは?」’, ‘写真・フローチャート付きの構造化手順書は、従来の文字だけのマニュアルとは別物です。新人研修のOJT教材として即座に活用でき、教育コストを40%削減した事例があります。’], [‘「ベテランのコツは言葉にできないものでは?」’, ‘AI音声認識で自然な口述をそのまま構造化します。”言語化できない”のではなく、”聞き出す仕組み”がなかっただけです。’], [‘「他社のツールとの違いは?」’, ‘このツールは音声→構造化→フローチャートまで一気通貫で生成します。さらに参照資料(PDF/画像)のOCR統合により、既存マニュアルとの整合性も確保できます。’] ]; qas.forEach(function(qa) { h += ‘
Q: ‘ + qa[0] + ‘
A: → ‘ + qa[1] + ‘
‘; }); h += ‘
‘; /* タイムライン */ h += ‘

📖 面談の流れ(推奨タイムライン)

‘; h += ‘
‘; h += ‘
🟢 強みの承認(2分)— 手順書化に着手している先進性を評価
‘; h += ‘
🔴 顕在課題の確認(3分)— 品質スコアの弱点を数字で共有
‘; h += ‘
⚡ 潜在課題の提示(5分)— ★ベテラン退職リスクの具体的金額
‘; h += ‘
💡 解決策の提示(3分)— AI手順書ツールのデモを見せる
‘; h += ‘
🔄 次回の約束(2分)— 「次の工程も録音してみましょう」
‘; h += ‘
‘; h += ‘
‘; return h; } /* 印刷・コピー */ function cmPrint() { window.print(); } function cmCopy() { var body = document.getElementById(‘cm-body’); if (!body) return; var text = body.innerText; navigator.clipboard.writeText(text).then(function() { showToast(‘クリップボードにコピーしました’); }).catch(function() { showToast(‘コピーに失敗しました’); }); }

Governar Consultant Mode

📄 報告書
📋 面談準備