diff --git a/coverage/carto_fuel.html b/coverage/carto_fuel.html
index 13f43b6..0674b2d 100644
--- a/coverage/carto_fuel.html
+++ b/coverage/carto_fuel.html
@@ -3,13 +3,14 @@
 <head>
  <meta charset='utf-8'/>
  <link rel="stylesheet" href="../surveyor.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.js"></script>
  <script type="text/javascript"><!--
 function getJSON(fName) {
   var req = new XMLHttpRequest();
 
   req.onreadystatechange = function() {		  // XMLHttpRequest オブジェクトの状態が変化した際に呼び出されるイベントハンドラ
     if(req.readyState == 4 && req.status == 200){ // サーバーからのレスポンスが完了し、かつ、通信が正常に終了した場合
-$("#result").innerHTML = parseJSON(req.responseText);		          // 取得した JSON ファイルの中身を表示
     }
   };
 
@@ -50,8 +51,20 @@
     </p>
   </td>
   <td class="right">
-<input type="button" value="データを取得する" onclick="getJSON('coverage.fuel.json')"/>
-<div id="result"></div>
+    <input type="button" value="データを取得する" onclick="getJSON('coverage.fuel.json')"></input>
+    <div id="result"></div>
+    <script>
+  var tableComponent = React.createClass({
+    render: function() {
+      return React.DOM.h1(null, 'Hello!');
+    }
+  });
+
+      ReactDOM.render(
+        React.createElement(tableComponent), 
+        document.getElementById('result')
+      );
+    </script>
   </td>
  </tr>
 </table>
