Arc browserでTweetDeckを擬似的に再現する方法

TweetDeckが有料化されて悲しいですね

しかし、毎月1000円払うのはつらい…。そんな方々の為にArc browserの機能を使った擬似TweetDeck再現方法を書きました。

※何か方法ないかなと検索したところRedditで実現している方がいたので大いに参考にしました。

Arc browserとは？

Arc browserとは2019年に設立されたThe Browser Companyによって開発されているChromiumベースのブラウザです。現在Mac版がリリースされており、2023年12月にWindows版がリリースされる予定です。

如何にして再現するのか？

Arc browserのインストールや基本的な操作方法に関しては良質な記事がいくつかウェブ上にアップされているのでそちらをご参照ください。使用するArc browserの機能はBoostと複数のタブを1つの画面にまとめるSplit Viewです。

Boostとは？

Boostとは、特定のサイトのCSSやJavascriptをカスタマイズしたり、直感的な操作で不要な表示要素を削除したりすることができる機能です。カスタマイズしたものをシェアすることも可能らしいです（そのあたりよくわかっていませんが…）。

手順

まずX（旧Twitter）のリストを一つ開いてカスタマイズしましょう。私の「ニュース」リストページを開いたものが以下のスクリーンショットとなります。

タブを右クリックして「Boost This Site」を選択します。

するとブラウザ画面右側に「My Boost」というメニューが出て来ます。その中の下の方にある「Zap」という項目を選択してください。「Zap」はブラウザ上の各要素を直感的に削除することができる機能です。

このような感じで不要領域を選択し「ZAP THIS」ボタンを押します。たまに失敗して消えてくれないことがありますが、何度か押せば消えてくれます。

次に自動更新のためのコードを追加します。Boostの「Code」メニューをクリックして「JS」タブを選択し、以下のコードを貼り付けてください。更新頻度に関してはミリ秒のパラメータ「300000」の部分をお好みに応じて書き換えてください。

setTimeout(function() {
    location.reload();
}, 300000); // 300000 milliseconds = 5 minutes

最後に1つにまとめたいリストタブを用意してそれらのタブをShiftキーを押しながら選択、右クリックで「Open in Spilit View」を押せば同一のページにまとめることができます。

終わり

以上、駆け足な説明でしたが大丈夫だったでしょうか？CSSやJavascriptが書ける人であればさらなるカスタマイズも可能だと思います。TweetDeckで出来たリスト内の画像だけ表示する機能など、CSS、Javascriptマスターなら再現できたりするのですかね？いいカスタマイズ方法があれば教えてください。