           <Table>
             <tbody>
             {
-              for shipName, i in @state.enemyShipName
-                continue unless @state.enemyShipLv[i] != -1
-                <tr key={i + 8}>
-                  <td>Lv. {@state.enemyShipLv[i]} - {shipName}</td>
+              for tmpName, i in @state.shipName
+                continue unless (@state.shipLv[i] != -1 && i >= 6)
+                <tr key={i}>
+                  <td>Lv. {@state.shipLv[i]} - {tmpName}</td>
                   <td className="hp-progress">
-                    <ProgressBar bsStyle={getHpStyle @state.nowEnemyHp[i] / @state.maxEnemyHp[i] * 100}
-                      now={@state.nowEnemyHp[i] / @state.maxEnemyHp[i] * 100}
-                      label={"#{@state.nowEnemyHp[i]} / #{@state.maxEnemyHp[i]}"} />
+                    <ProgressBar bsStyle={getHpStyle @state.nowHp[i] / @state.maxHp[i] * 100}
+                      now={@state.nowHp[i] / @state.maxHp[i] * 100}
+                      label={"#{@state.nowHp[i]} / #{@state.maxHp[i]}"} />
                   </td>
                   <td className="hp-progress">
-                    <ProgressBar bsStyle={getHpStyle @state.afterEnemyHp[i] / @state.maxEnemyHp[i] * 100}
-                      now={@state.afterEnemyHp[i] / @state.maxEnemyHp[i] * 100}
-                      label={if @state.damageEnemy[i] > 0 then "#{@state.afterEnemyHp[i]} / #{@state.maxEnemyHp[i]} (-#{@state.damageEnemy[i]})" else "#{@state.afterEnemyHp[i]} / #{@state.maxEnemyHp[i]}"} />
+                    <ProgressBar bsStyle={getHpStyle @state.afterHp[i] / @state.maxHp[i] * 100}
+                      now={@state.afterHp[i] / @state.maxHp[i] * 100}
+                      label={if @state.damageHp[i] > 0 then "#{@state.afterHp[i]} / #{@state.maxHp[i]} (-#{@state.damageHp[i]})" else "#{@state.afterHp[i]} / #{@state.maxHp[i]}"} />
                   </td>
                 </tr>
             }

{_, $, $$, React, ReactBootstrap, ROOT, resolveTime, layout, toggleModal} = window

{Table, ProgressBar, Grid, Input, Col, Alert} = ReactBootstrap
getHpStyle = (percent) ->
  if percent <= 25
    'danger'

          <Table>
            <tbody>
            {
              for tmpName, i in @state.shipName
                continue unless (@state.shipLv[i] != -1 && i < 6)
                <tr key={i + 1}>
                  <td>Lv. {@state.shipLv[i]} - {tmpName}</td>
                  <td className="hp-progress">
                    <ProgressBar bsStyle={getHpStyle @state.nowHp[i] / @state.maxHp[i] * 100}
                      now={@state.nowHp[i] / @state.maxHp[i] * 100}
                      label={"#{@state.nowHp[i]} / #{@state.maxHp[i]}"} />
                  </td>
                  <td className="hp-progress">
                    <ProgressBar bsStyle={getHpStyle @state.afterHp[i] / @state.maxHp[i] * 100}
                      now={@state.afterHp[i] / @state.maxHp[i] * 100}
                      label={if @state.damageHp[i] > 0 then "#{@state.afterHp[i]} / #{@state.maxHp[i]} (-#{@state.damageHp[i]})" else "#{@state.afterHp[i]} / #{@state.maxHp[i]}"} />
                  </td>
                </tr>
            }
