e2eテストとは？導入手順から自動化ツールの選び方まで実践ガイド

e2eテスト進捗管理ツール：10分で工数集計＋進捗可視化で作業効率90%アップ

E2Eテストの進捗、口頭や手作業で管理していませんか？
僕も昔、Googleスプレッドシートで「どのテストが終わった？あと何が残ってる？」といちいち集計して、正直めちゃくちゃ面倒くさかった。
テスターも記入漏れ、バージョンの食い違い、誰がどこまで進んでるか見えない。時間も気力も消耗する。
このツール使えば、テスト担当者が項目・結果・バグ報告をポチッと入力するだけ。全履歴を自動記録、進捗・失敗率まで一発集計。何より全員の作業時間、9割省ける。
エンジニア同士で「手作業の集計もうやめようぜ」ってよく話題になるけど、これ本当におすすめ。

コピペで時短！E2Eテスト進捗管理ツールのスクリプト

進捗登録＋自動集計＋過去履歴の閲覧まで、1つで全部できます。

// === E2Eテスト進捗・集計ツール ===

function doGet(e) {
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName("進捗") || ss.insertSheet("進捗");
  // ヘッダがなければ初期化
  if(sheet.getLastRow() === 0) {
    sheet.appendRow(["日時","担当者","テスト項目","結果",
      "コメント","バグ報告"]);
  }
  var html = [];
  html.push('<div style="font-family:sans-serif;max-width:520px;'
    + 'margin:30px auto;background:#f8f8ff;padding:30px;'
    + 'border-radius:12px;box-shadow:0 1px 8px #ccc;">');
  html.push('<h2>E2Eテスト進捗管理</h2>');
  html.push('<form id="regForm">');
  html.push('担当者：<input name="user" required><br><br>');
  html.push('テスト項目：<input name="item" required><br><br>');
  html.push('結果：<select name="result">'
    + '<option>成功</option><option>失敗</option>'
    + '</select><br><br>');
  html.push('コメント：<input name="comment" style="width:60%;">');
  html.push('<br><br>バグ報告：<input name="bug">');
  html.push('<br><button type="submit">登録</button>');
  html.push('</form>');
  html.push('<hr style="margin:18px 0">');

  // 進捗と失敗率自動集計
  var vals = sheet.getDataRange().getValues();
  var ok = 0, ng = 0;
  for(var i=1; i<vals.length; i++){
    if(vals[i][3]==="成功") ok++;
    if(vals[i][3]==="失敗") ng++;
  }
  var total = ok + ng;
  var pct = total===0 ? "-" : Math.round(ok/total*100)+"%";
  var failpct = total===0 ? "-" : Math.round(ng/total*100)+"%";
  html.push('<div style="padding:12px;background:#f3f8e8;' +
    'border-radius:8px;margin-bottom:10px">');
  html.push('進捗率：<strong>'+pct+'</strong>　');
  html.push('失敗率：<strong style="color:#e24">'+failpct+'</strong>　');
  html.push('総数：'+total);
  html.push('</div>');

  // 履歴表示（最新10件）
  html.push('<details><summary>過去の記録を表示▼</summary>');
  html.push('<table border="1" style="border-collapse:collapse;'
    +'margin-top:8px;font-size:90%;">');
  html.push('<tr><th>日時</th><th>担当</th>'
    +'<th>項目</th><th>結果</th>'
    +'<th>コメント</th><th>バグ</th></tr>');
  var showlen = Math.min(10, vals.length-1);
  for(var i=vals.length-1; i>=Math.max(1,vals.length-showlen); i--){
    var row = vals[i];
    html.push('<tr>');
    for(var j=0;j<row.length;j++){
      html.push('<td>'+(row[j]||'')+'</td>');
    }
    html.push('</tr>');
  }
  html.push('</table></details>');
  html.push('<script>'
    +'document.getElementById("regForm").onsubmit=function(ev){'
    +'ev.preventDefault();var d=new FormData(this);'
    +'fetch("?action=reg",{method:"POST",body:d})'
    +'.then(r=>r.text()).then(function(msg){'
    +'alert(msg);location.reload();});return false;}'
    +'</script>');
  html.push('</div>');
  return HtmlService.createHtmlOutput(html.join(""));
}

// データ登録API
function doPost(e){
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName("進捗");
  var now = Utilities.formatDate(new Date(), "Asia/Tokyo", "yyyy/MM/dd HH:mm");
  var p = e.parameter || {};
  sheet.appendRow([now,p.user,p.item,p.result,p.comment,p.bug]);
  return ContentService.createTextOutput("登録完了！");
}

コピペだけでOK！E2Eテスト進捗ツールの導入手順

「手入力で集計なんて無理」と思ってる人にこそ使ってほしい。

1. 手順1：Apps Scriptエディタを開く
   Googleスプレッドシートを開く。「拡張機能」→「Apps Script」を選択。
   画面上部、右側にある「拡張機能」、押したら中央くらいに出てくる。
   新しいタブが立ち上がり、Apps Scriptエディタ画面になる。
   ⚠️ 社用アカウントだとセキュリティ制限で開けないこと多い。僕も何度か弾かれた…。
2. 手順2：コードを貼り付ける
   真ん中の白い編集画面でCtrl+Aで全選択→Deleteで全部消す→上のコードを丸ごとCtrl+Vで貼る。
   「function myFunction()」は全部消す。
   ⚠️ 一部分だけ残ってるとバグる。コピペ漏れ、地味に多い。
3. 手順3：プロジェクトを保存
   左上ツールバーのディスクアイコン（またはCtrl+S）で保存。
   初回だけ「プロジェクト名を入力」って出てくるから、好きな名前入れてOK。
   ⚠️ 名前は後からでも変えられる。保存せずに次進むとエラーになるので注意。
4. 手順4：ウェブアプリとしてデプロイ
   右上の青い「デプロイ」→「新しいデプロイ」をクリック。
   ポップアップが出るので、
   1. 歯車マークから「ウェブアプリ」を選択
   2. 「自分」を実行ユーザーに
   3. 「アクセスできるユーザー」は「全員」にする
   4. 下の「デプロイ」を押す
   ⚠️「全員」にしないと他メンバー見れません。社内共有案件でこれ外して大惨事になったことあります…。
5. 手順5：Googleの認証エラー処理
   権限確認の画面が出る。「Google未認証アプリです」って警告、びびらず「詳細」→「（プロジェクト名）へ移動（安全でない）」→「許可」で通過。
   ⚠️ これ公式ツールじゃなくても絶対に出るやつ。自分で作ったから問題なし。怖がる必要ゼロ。
6. 手順6：URLをコピーして利用開始
   「ウェブアプリのURL」が表示されるので、それをコピー→ブラウザに貼り付け。
   テスト進捗フォームが表示される！
   ⚠️ コード修正後は「再デプロイ」しないと反映されないので忘れずに。

こんな場面で一発解決

・テスト担当メンバーが4人以上。誰がどこまで進んだか確認しにくいとき。
・Googleフォームや紙で進捗集計して、手作業で失敗率を数えてる現場。
実際、僕がサポートした現場では、「失敗項目だけ抜き出して追加分析」もラクラク。手作業で集計するより圧倒的に早く、週1の進捗会議も半分の時間で終わるようになった。
一回セットアップすれば、あとは入力・確認・集計・履歴ぜんぶ自動。やらない理由がないくらい楽。