Slackの検索をChrome上から手軽に行いたくて拡張用処理を試してみた

Slackの検索をブラウザからもっと快適に行いたかったため、Chrome拡張化できないかと処理を試してみました。

#Slack

haoyayoi

2023.07.18

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

現在のタスクを遂行する際に、過去完了分のタスクを参考にすべしと検索することはよくありますが、タスクのやり取りで複数サービスを利用していると検索に時間を取られがちです。

BackLogについては以前執筆した記事にて大体ましになりましたが、問題はSlack。

検索時のURL構成をみると、キーワードを直接クエリとして投げているわけではないと分かります。故にChromeのサイト内検索設定が使えません。

何とかしたくURL構成について調べて、意外と何とかなり、簡単な拡張機能用処理を書いてみました。

Slack検索のURL構成について

これらは情報の形式から察しがついた結果を元に行われており、今後変更される可能性は十分にあります。

何らかの法則を元に可逆変換が入っているのではないだろうかと推測はしていました。というのも、検索キーワードを少し変えてみるとURLのランダム文字列が全て変わるわけでもなく、かつ変更後に戻すと元の文字列になるためです。

検索してみると似たような事をやっていた事例はあり、説明もありました。

必要な手順は以下の通り。

URLエスケープする
JSON形式でdumpする
Base64でエンコードする

JavaScriptにて処理してみる

先ほどの記事にも処理例はありましたが、あくまでもPythonです。これをJavaScriptで行う必要があります。

function _clickHandler() {
    if (document.getElementById('keyword').value.length > 1) {
      return false;
    } else {
      var _channel = "";
      var _keyword = document.getElementById('keyword').value;
      var _slack_query = encodeURIComponent(_keyword);
      var _query = JSON.stringify({"d": _slack_query, "r": _slack_query});
      var _encoded = btoa(_query);
      var _url = "https://app.slack.com/client/" + _channel + "/search/search-" + _encoded;
      chrome.tabs.create({url: _url});
    }
}
document.addEventListener("DOMContentLoaded", function () {
  document.getElementById("submit").addEventListener("click", _clickHandler);
});

実際の処理からマスキングする意図でいくつか変えているため、この処理のままでは動きません。JavaScriptの標準関数で十分いけるのには驚きでした。