diff --git a/Dockerfile b/Dockerfile
index 96192fa..7538c35 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -14,19 +14,13 @@ RUN make build
 
 # --------------------------------------------------
 
-FROM alpine AS alp
+FROM alpine AS tools
 
 RUN apk add go
 
 ENV GOPATH /go
 RUN go install github.com/tkuchiki/alp/cli/alp@latest
-
-# --------------------------------------------------
-
-FROM alpine AS percona-toolkit
-
-RUN wget https://downloads.percona.com/downloads/percona-toolkit/3.4.0/binary/tarball/percona-toolkit-3.4.0_x86_64.tar.gz
-RUN tar zxvf percona-toolkit-3.4.0_x86_64.tar.gz
+RUN go install github.com/tkuchiki/slp/cmd/slp@latest
 
 # --------------------------------------------------
 
@@ -36,8 +30,8 @@ RUN apk add --no-cache bash perl perl-dbd-mysql perl-time-hires graphviz
 
 COPY --from=pprotein /go/src/app/pprotein /usr/local/bin/
 COPY --from=pprotein /go/src/app/pprotein-agent /usr/local/bin/
-COPY --from=alp /go/bin/alp /usr/local/bin/
-COPY --from=percona-toolkit /percona-toolkit-3.4.0/bin/* /usr/local/bin/
+COPY --from=tools /go/bin/alp /usr/local/bin/
+COPY --from=tools /go/bin/slp /usr/local/bin/
 
 RUN mkdir -p /opt/pprotein
 WORKDIR /opt/pprotein
diff --git a/cli/pprotein/main.go b/cli/pprotein/main.go
index d0014f6..4f25dcb 100644
--- a/cli/pprotein/main.go
+++ b/cli/pprotein/main.go
@@ -9,7 +9,7 @@ import (
 	"github.com/kaz/pprotein/internal/collect/group"
 	"github.com/kaz/pprotein/internal/event"
 	"github.com/kaz/pprotein/internal/extproc/alp"
-	"github.com/kaz/pprotein/internal/extproc/querydigest"
+	"github.com/kaz/pprotein/internal/extproc/slp"
 	"github.com/kaz/pprotein/internal/memo"
 	"github.com/kaz/pprotein/internal/pprof"
 	"github.com/kaz/pprotein/internal/storage"
@@ -47,47 +47,51 @@ func start() error {
 	hub := event.NewHub()
 	hub.RegisterHandlers(api.Group("/event"))
 
-	pOpts := &collect.Options{
+	pprofOpts := &collect.Options{
 		Type:     "pprof",
 		Ext:      "-pprof.pb.gz",
 		Store:    store,
 		EventHub: hub,
 	}
-	if err := pprof.NewHandler(pOpts).Register(api.Group("/pprof")); err != nil {
+	if err := pprof.NewHandler(pprofOpts).Register(api.Group("/pprof")); err != nil {
 		return err
 	}
 
-	aOpts := &collect.Options{
+	alpOpts := &collect.Options{
 		Type:     "httplog",
 		Ext:      "-httplog.log",
 		Store:    store,
 		EventHub: hub,
 	}
-	aHandler, err := alp.NewHandler(aOpts, store)
+	alpHandler, err := alp.NewHandler(alpOpts, store)
 	if err != nil {
 		return err
 	}
-	if err := aHandler.Register(api.Group("/httplog")); err != nil {
+	if err := alpHandler.Register(api.Group("/httplog")); err != nil {
 		return err
 	}
 
-	qOpts := &collect.Options{
+	slpOpts := &collect.Options{
 		Type:     "slowlog",
 		Ext:      "-slowlog.log",
 		Store:    store,
 		EventHub: hub,
 	}
-	if err := querydigest.NewHandler(qOpts).Register(api.Group("/slowlog")); err != nil {
+	slpHandler, err := slp.NewHandler(slpOpts, store)
+	if err != nil {
+		return err
+	}
+	if err := slpHandler.Register(api.Group("/slowlog")); err != nil {
 		return err
 	}
 
-	mOpts := &collect.Options{
+	memoOpts := &collect.Options{
 		Type:     "memo",
 		Ext:      "-memo.log",
 		Store:    store,
 		EventHub: hub,
 	}
-	if err := memo.NewHandler(mOpts).Register(api.Group("/memo")); err != nil {
+	if err := memo.NewHandler(memoOpts).Register(api.Group("/memo")); err != nil {
 		return err
 	}
 
diff --git a/internal/extproc/querydigest/handler.go b/internal/extproc/querydigest/handler.go
deleted file mode 100644
index 1be8cda..0000000
--- a/internal/extproc/querydigest/handler.go
+++ /dev/null
@@ -1,26 +0,0 @@
-package querydigest
-
-import (
-	"fmt"
-
-	"github.com/kaz/pprotein/internal/collect"
-	"github.com/kaz/pprotein/internal/extproc"
-	"github.com/labstack/echo/v4"
-)
-
-type (
-	handler struct {
-		opts *collect.Options
-	}
-)
-
-func NewHandler(opts *collect.Options) *handler {
-	return &handler{opts: opts}
-}
-
-func (h *handler) Register(g *echo.Group) error {
-	if err := extproc.NewHandler(&processor{}, h.opts).Register(g); err != nil {
-		return fmt.Errorf("failed to register extproc handlers: %w", err)
-	}
-	return nil
-}
diff --git a/internal/extproc/slp/handler.go b/internal/extproc/slp/handler.go
new file mode 100644
index 0000000..044d9c4
--- /dev/null
+++ b/internal/extproc/slp/handler.go
@@ -0,0 +1,59 @@
+package slp
+
+import (
+	_ "embed"
+	"fmt"
+
+	"github.com/kaz/pprotein/internal/collect"
+	"github.com/kaz/pprotein/internal/extproc"
+	"github.com/kaz/pprotein/internal/persistent"
+	"github.com/kaz/pprotein/internal/storage"
+	"github.com/labstack/echo/v4"
+	"gopkg.in/yaml.v3"
+)
+
+type (
+	handler struct {
+		opts   *collect.Options
+		config *persistent.Handler
+	}
+)
+
+//go:embed slp.yml
+var defaultConfig []byte
+
+func NewHandler(opts *collect.Options, store storage.Storage) (*handler, error) {
+	h := &handler{
+		opts: opts,
+	}
+
+	config, err := persistent.New(store, "slp.yml", defaultConfig, h.sanitize)
+	if err != nil {
+		return nil, fmt.Errorf("failed to create targets: %w", err)
+	}
+	h.config = config
+
+	return h, nil
+}
+
+func (h *handler) Register(g *echo.Group) error {
+	h.config.RegisterHandlers(g.Group("/config"))
+
+	if err := extproc.NewHandler(&processor{confPath: h.config.GetPath()}, h.opts).Register(g); err != nil {
+		return fmt.Errorf("failed to register extproc handlers: %w", err)
+	}
+	return nil
+}
+
+func (h *handler) sanitize(raw []byte) ([]byte, error) {
+	var config interface{}
+	if err := yaml.Unmarshal(raw, &config); err != nil {
+		return nil, fmt.Errorf("failed to unmarshal: %w", err)
+	}
+
+	res, err := yaml.Marshal(config)
+	if err != nil {
+		return nil, fmt.Errorf("failed to marshal: %w", err)
+	}
+	return res, nil
+}
diff --git a/internal/extproc/querydigest/processor.go b/internal/extproc/slp/processor.go
similarity index 68%
rename from internal/extproc/querydigest/processor.go
rename to internal/extproc/slp/processor.go
index e8e5b6e..d735250 100644
--- a/internal/extproc/querydigest/processor.go
+++ b/internal/extproc/slp/processor.go
@@ -1,4 +1,4 @@
-package querydigest
+package slp
 
 import (
 	"bytes"
@@ -10,7 +10,9 @@ import (
 )
 
 type (
-	processor struct{}
+	processor struct {
+		confPath string
+	}
 )
 
 func (p *processor) Cacheable() bool {
@@ -23,13 +25,12 @@ func (p *processor) Process(snapshot *collect.Snapshot) (io.ReadCloser, error) {
 		return nil, fmt.Errorf("failed to find snapshot body: %w", err)
 	}
 
-	cmd := exec.Command("pt-query-digest", "--limit", "100%", "--output", "json", bodyPath)
+	cmd := exec.Command("slp", "--config", p.confPath, "--output", "standard", "--format", "tsv", "--file", bodyPath)
 
 	res, err := cmd.Output()
 	if err != nil {
 		return nil, fmt.Errorf("external process aborted: %w", err)
 	}
 
-	starts := bytes.IndexByte(res, '{')
-	return io.NopCloser(bytes.NewBuffer(res[starts:])), nil
+	return io.NopCloser(bytes.NewBuffer(res)), nil
 }
diff --git a/internal/extproc/slp/slp.yml b/internal/extproc/slp/slp.yml
new file mode 100644
index 0000000..5aba2a4
--- /dev/null
+++ b/internal/extproc/slp/slp.yml
@@ -0,0 +1,4 @@
+bundle_values: true
+bundle_where_in: true
+filters: Query matches "^(SELECT|INSERT|UPDATE|REPLACE) "
+limit: 65536
diff --git a/view/src/components/HttpLogEntry.vue b/view/src/components/HttpLogEntry.vue
index aac5cee..2e0041e 100644
--- a/view/src/components/HttpLogEntry.vue
+++ b/view/src/components/HttpLogEntry.vue
@@ -1,142 +1,23 @@
 <template>
-  <section>
-    <pre v-if="!logData">Loading ...</pre>
-    <div v-else class="container">
-      <table border="1">
-        <thead>
-          <tr>
-            <th v-for="h in header" :key="h" @click="sortBy(h)">
-              <span>
-                {{ h }}
-                <span v-if="sort == h" class="sortOrder">
-                  {{ order == "asc" ? "▲" : "▼" }}
-                </span>
-              </span>
-            </th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="d in sortedLogData" :key="d.toString()">
-            <td v-for="(v, idx) in d" :key="header[idx]">{{ v }}</td>
-          </tr>
-        </tbody>
-      </table>
-      <div class="tips">Click header to sort</div>
-    </div>
-  </section>
+  <TsvTable :tsv="tsv" />
 </template>
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Pase, { ParseResult } from "papaparse";
-
-const isNumeric = (v: string) => {
-  return !isNaN(+v);
-};
+import TsvTable from "./TsvTable.vue";
 
 export default defineComponent({
+  components: {
+    TsvTable,
+  },
   data() {
     return {
-      logData: {} as ParseResult<string[]>,
-      sort: "count",
-      order: "desc",
+      tsv: "",
     };
   },
-  computed: {
-    header: function () {
-      if (!this.logData.data) {
-        return [];
-      }
-      let data: string[][];
-      data = this.logData.data;
-      return data[0];
-    },
-    sortedLogData: function () {
-      if (!this.logData.data) {
-        return [];
-      }
-      let data: string[][];
-      data = this.logData.data.slice(1);
-      let index = this.header.findIndex((h: string) => h === this.sort);
-      if (index == -1) {
-        index = 0;
-      }
-
-      data.sort((a: string[], b: string[]): number => {
-        if (isNumeric(a[index])) {
-          return +a[index] - +b[index];
-        } else {
-          if (a[index] < b[index]) {
-            return -1;
-          } else if (a[index] > b[index]) {
-            return 1;
-          } else {
-            return 0;
-          }
-        }
-      });
-
-      if (this.order == "desc") {
-        return data.reverse();
-      } else {
-        return data;
-      }
-    },
-  },
   async beforeCreate() {
     const resp = await fetch(`/api/httplog/${this.$route.params.id}`);
-    const text = await resp.text();
-    const logData = Pase.parse<string[]>(text, { skipEmptyLines: true });
-    this.logData = logData;
-  },
-  methods: {
-    sortBy(key: string) {
-      if (this.sort === key) {
-        this.order = this.order == "desc" ? "asc" : "desc";
-      } else {
-        this.sort = key;
-        this.order = "desc";
-      }
-    },
+    this.tsv = await resp.text();
   },
 });
 </script>
-
-<style scoped lang="scss">
-section {
-  margin: 2em;
-}
-
-pre {
-  overflow: auto;
-  flex: 1 0 auto;
-}
-
-.container {
-  overflow: scroll;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-td,
-th {
-  padding: 0.5em 1em;
-  border: 1px solid #999;
-}
-
-th > span {
-  cursor: pointer;
-
-  .sortOrder {
-    font-size: 0.4em;
-    color: blue;
-  }
-}
-
-.tips {
-  margin-top: 3em;
-  text-align: right;
-}
-</style>
diff --git a/view/src/components/SlowLogEntry.vue b/view/src/components/SlowLogEntry.vue
index 23a890f..faf4d12 100644
--- a/view/src/components/SlowLogEntry.vue
+++ b/view/src/components/SlowLogEntry.vue
@@ -1,221 +1,23 @@
 <template>
-  <section>
-    <pre v-if="!slowData.global">{{ $data.summary }}</pre>
-    <div v-else class="container">
-      <div>
-        <h3>全体統計</h3>
-        <div>クエリ数: {{ slowData?.global?.query_count }}</div>
-        <div>ユニーククエリ数: {{ slowData?.global?.unique_query_count }}</div>
-        <table border="1">
-          <thead>
-            <tr>
-              <th>項目</th>
-              <th>avg</th>
-              <th>max</th>
-              <th>median</th>
-              <th>min</th>
-              <th>pct_95</th>
-              <th>stddev</th>
-              <th>sum</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="(row, key) in slowData?.global?.metrics" :key="key">
-              <td>{{ key }}</td>
-              <td v-for="(val, idx) in Object.values(row)" :key="idx">
-                {{ val }}
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div>
-        <h3>クエリ統計</h3>
-        <div>
-          <label
-            ><input
-              id="total_time"
-              v-bind="inputAttrs('total_time')"
-              type="radio"
-              value="total_time"
-            />合計時間</label
-          >
-          <label
-            ><input
-              id="count"
-              v-bind="inputAttrs('count')"
-              type="radio"
-              value="count"
-            />クエリ回数</label
-          >
-          <label
-            ><input
-              id="avg_time"
-              v-bind="inputAttrs('avg_time')"
-              type="radio"
-              value="avg_time"
-            />平均時間</label
-          >
-          <label
-            ><input
-              id="rows_s/e"
-              v-bind="inputAttrs('rows_s/e')"
-              type="radio"
-              value="rows_s/e"
-            />行効率</label
-          >
-        </div>
-        <div v-for="queryClass in classes" :key="queryClass.checksum">
-          <details>
-            <summary>{{ queryClass.fingerprint }}</summary>
-            <div>
-              <div>クエリ数: {{ queryClass.query_count }}</div>
-              <button @click="copy(queryClass.example.query)">
-                サンプルクエリのコピー
-              </button>
-              <table border="1">
-                <thead>
-                  <tr>
-                    <th>項目</th>
-                    <th v-for="key in queryMetricsColKeys" :key="key">
-                      {{ key }}
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr v-for="key in queryMetricsRowKeys" :key="key">
-                    <td>{{ key }}</td>
-                    <td v-for="colKey in queryMetricsColKeys" :key="colKey">
-                      {{ queryClass.metrics[key][colKey] }}
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </details>
-        </div>
-      </div>
-    </div>
-  </section>
+  <TsvTable :tsv="tsv" />
 </template>
 
 <script lang="ts">
-import { Class, Metrics, MetricsRow, QueryDigest } from "../query-digest";
 import { defineComponent } from "vue";
+import TsvTable from "./TsvTable.vue";
 
 export default defineComponent({
+  components: {
+    TsvTable,
+  },
   data() {
     return {
-      summary: "Loading ...",
-      slowData: {} as QueryDigest,
-      sort: "total_time",
-      queryMetricsRowKeys: [
-        "Lock_time",
-        "Query_length",
-        "Query_time",
-        "Rows_examined",
-        "Rows_sent",
-      ] as Array<keyof Metrics>,
-      queryMetricsColKeys: [
-        "sum",
-        "avg",
-        "max",
-        "median",
-        "min",
-        "pct",
-        "pct_95",
-        "stddev",
-      ] as Array<keyof MetricsRow>,
+      tsv: "",
     };
   },
-  computed: {
-    classes() {
-      if (!this.slowData) return [];
-      const arr: Class[] = Array.from(this.slowData.classes);
-      switch (this.sort) {
-        case "count":
-          return arr.sort((a, b) => b.query_count - a.query_count);
-        case "total_time":
-          return arr.sort(
-            (a, b) =>
-              Number(b.metrics.Query_time.sum) -
-              Number(a.metrics.Query_time.sum)
-          );
-        case "avg_time":
-          return arr.sort(
-            (a, b) =>
-              Number(b.metrics.Query_time.avg) -
-              Number(a.metrics.Query_time.avg)
-          );
-        case "rows_s/e":
-          return arr.sort(
-            (a, b) =>
-              Number(a.metrics.Rows_sent.sum) /
-                Number(a.metrics.Rows_examined.sum) -
-              Number(b.metrics.Rows_sent.sum) /
-                Number(b.metrics.Rows_examined.sum)
-          );
-        default:
-          return arr;
-      }
-    },
-  },
   async beforeCreate() {
-    try {
-      const resp = await fetch(`/api/slowlog/${this.$route.params.id}`);
-      this.slowData = await resp.json();
-    } catch (e) {
-      this.summary = `Error: ${e instanceof Error ? e.message : e}`;
-    }
-  },
-  methods: {
-    test() {
-      console.log(this.$data.slowData.classes);
-    },
-    copy(text: string) {
-      window.navigator.clipboard.writeText(text);
-    },
-    // このワークアラウンドを利用 https://github.com/johnsoncodehk/volar/issues/369#issuecomment-898250309
-    inputAttrs(value: string) {
-      return {
-        value,
-        checked: this.sort === value,
-        onInput: (e: Event) => {
-          const el = e.target as HTMLInputElement;
-          this.sort = el.value;
-        },
-      };
-    },
+    const resp = await fetch(`/api/slowlog/${this.$route.params.id}`);
+    this.tsv = await resp.text();
   },
 });
 </script>
-
-<style scoped lang="scss">
-.container {
-  padding: 16px;
-}
-
-table {
-  margin: 8px 0;
-  border-collapse: collapse;
-}
-
-td,
-th {
-  padding: 4px;
-}
-
-details {
-  border-bottom: solid 1px #111111;
-  & > div {
-    padding: 12px;
-  }
-}
-
-summary {
-  font-weight: bold;
-  background-color: #dcdcdc;
-  padding: 8px;
-  overflow: hidden;
-}
-</style>
diff --git a/view/src/components/TsvTable.vue b/view/src/components/TsvTable.vue
new file mode 100644
index 0000000..203437c
--- /dev/null
+++ b/view/src/components/TsvTable.vue
@@ -0,0 +1,112 @@
+<template>
+  <section>
+    <table border="1">
+      <thead>
+        <tr>
+          <th v-for="(h, i) in header" :key="h" @click="sortBy(i)">
+            {{ h }}
+            <span v-if="sortColumn === i" class="sortOrder">
+              {{ sortOrder == "desc" ? "▼" : "▲" }}
+            </span>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="d in sortedData" :key="d.toString()">
+          <td v-for="(v, i) in d" :key="header[i]">{{ v }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+</template>
+
+<script lang="ts">
+import { parse } from "papaparse";
+import { defineComponent } from "vue";
+
+const isNumeric = (v: string) => {
+  return !isNaN(+v);
+};
+
+export default defineComponent({
+  props: {
+    tsv: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      sortColumn: 0,
+      sortOrder: "desc",
+    };
+  },
+  computed: {
+    rows() {
+      return parse<string[]>(this.tsv, { skipEmptyLines: true }).data;
+    },
+    header() {
+      return this.rows[0] || [];
+    },
+    sortedData() {
+      const data = this.rows.slice(1).sort((as, bs) => {
+        const [a, b] = [as[this.sortColumn], bs[this.sortColumn]];
+        if (isNumeric(a)) {
+          return +a - +b;
+        } else {
+          if (a < b) {
+            return -1;
+          } else if (a > b) {
+            return 1;
+          } else {
+            return 0;
+          }
+        }
+      });
+
+      if (this.sortOrder === "desc") {
+        return data.reverse();
+      } else {
+        return data;
+      }
+    },
+  },
+  methods: {
+    sortBy(column: number) {
+      if (this.sortColumn === column) {
+        this.sortOrder = this.sortOrder === "desc" ? "asc" : "desc";
+      } else {
+        this.sortColumn = column;
+        this.sortOrder = "desc";
+      }
+    },
+  },
+});
+</script>
+
+<style scoped lang="scss">
+section {
+  padding: 2em;
+  overflow: scroll;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+td,
+th {
+  padding: 0.5em 1em;
+  border: 1px solid #999;
+  white-space: nowrap;
+}
+
+th {
+  cursor: pointer;
+
+  .sortOrder {
+    font-size: 0.4em;
+    color: gray;
+  }
+}
+</style>
diff --git a/view/src/query-digest.d.ts b/view/src/query-digest.d.ts
deleted file mode 100644
index 842e9a1..0000000
--- a/view/src/query-digest.d.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-export interface QueryDigest {
-  classes: Class[];
-  global: Global;
-}
-
-export interface Class {
-  attribute: string;
-  checksum: string;
-  distillate: string;
-  example: Example;
-  fingerprint: string;
-  histograms: Histograms;
-  metrics: Metrics;
-  query_count: number;
-  tables?: Table[];
-  ts_max: string;
-  ts_min: string;
-}
-
-export interface Example {
-  Query_time: string;
-  query: string;
-  ts: string;
-  as_select?: string;
-}
-
-export interface Histograms {
-  Query_time: number[];
-}
-
-export interface Metrics {
-  Lock_time: MetricsRow;
-  Query_length: MetricsRow;
-  Query_time: MetricsRow;
-  Rows_examined: MetricsRow;
-  Rows_sent: MetricsRow;
-  // 使わない & 型合わせのため
-  // host: Host;
-  // user: User;
-}
-
-export interface MetricsRow {
-  avg: string;
-  max: string;
-  median: string;
-  min: string;
-  pct: string;
-  pct_95: string;
-  stddev: string;
-  sum: string;
-}
-
-export interface Host {
-  value: string;
-}
-
-export interface User {
-  value: string;
-}
-
-export interface Table {
-  create: string;
-  status: string;
-}
-
-export interface Global {
-  files: File[];
-  metrics: Metrics2;
-  query_count: number;
-  unique_query_count: number;
-}
-
-export interface File {
-  name: string;
-  size: number;
-}
-
-export interface Metrics2 {
-  Lock_time: MetricsRow2;
-  Query_length: MetricsRow2;
-  Query_time: MetricsRow2;
-  Rows_examined: MetricsRow2;
-  Rows_sent: MetricsRow2;
-}
-
-export interface MetricsRow2 {
-  avg: string;
-  max: string;
-  median: string;
-  min: string;
-  pct_95: string;
-  stddev: string;
-  sum: string;
-}
diff --git a/view/src/store.ts b/view/src/store.ts
index 6de3349..fc2313d 100644
--- a/view/src/store.ts
+++ b/view/src/store.ts
@@ -43,7 +43,7 @@ const state = {
   groups: [] as string[],
   entries: {} as { [key: string]: Entry },
 
-  settingKeys: ["group/targets", "httplog/config"],
+  settingKeys: ["group/targets", "httplog/config", "slowlog/config"],
   settings: {} as { [key: string]: SettingRecord },
 };