わいえむねっと

Chrome 拡張機能

XSaved — Bookmark Manager for X (Twitter)

• ブックマークタブを独自表示と切り替える形式
• 日本語でタグは付けられるけど、検索できないのが致命的
• タグがマウスオーバー時しか表示されないというのもマイナス

X Bookmark Manager & Exporter (Twitter)

• エクスポートして外部サイトに登録する形式
• UIがカス

XBookmark - Twitter Bookmark Manager

• 別画面を表示する形式
• クソデカ広告が表示されてカス

Favourites.io Search X/Twitter Likes and Bookmarks

• エクスポートして外部サイトに登録する形式
• 有償

X Bookmark Tagging

• サイドパネルを表示する形式
• 国産
• 無償だとタグが3つしか作成できないので実質有償
• そもそも1投稿に対して1つのタグしか付けられないのが致命的

X (Twitter) Bookmark Exporter

• 上の X Bookmark Manager & Exporter と同じ

X Vault - X スマートブックマーク管理

• 別画面を表示する形式
• 無償だとデフォルトのタグしか使用できないので実質有償

Noya — Read Your X Bookmarks

• 「この拡張機能は、セーフブラウジング保護強化機能で信頼されていません」警告がでるので試さず

Xtash

• フロート画面を表示する形式
• タグが付与済みかどうかは視認できるが、クリックしないとなんのタグを付与しているか確認できないのがマイナス

XBookmark Tagger

• 「この拡張機能は、セーフブラウジング保護強化機能で信頼されていません」警告がでるので試さず

TweetVault

• 別画面を表示する形式
• インポート時に投稿内のタグからタグ付けされるのが邪魔。そういうことじゃないんだよ。
• 表示がリスト形式なのもマイナス

サービス

dewey

• インポート時に投稿内容からAIでタグ付けされるのが邪魔。余計なことをするな。
• 無償だとタグ付けできないので実質有償

GitHub

TweetVault

• Chrome ウェブストアに同名の拡張機能があるが別物
• ローカルでWEBアプリを構築する形式
• 面白そうだったので別途まとめ

2026/08/12 22:12:04

TweetVault

インストール

実行

ブックマークのインポート

画像の補完

import json

with open('export.json', encoding='utf-8') as file:
    obj = json.load(file)
    i = 0
    for x in obj:
        for media in x['media']:
            i += 1
            sql = "insert into media (id,tweet_id,type,url,thumbnail,original,created_at,updated_at)" \
                  " values ('{}','{}','{}','{}','{}','{}',current_timestamp,current_timestamp);".format( \
            i, \
            x['id'], \
            media['type'], \
            media['url'], \
            media['thumbnail'], \
            media['original'])
            print(sql)

画像表示のカスタマイズ

• img タグの親 div に指定されている aspect-video クラスが縦横比の指定なのでこれを外す
• 親 div で高さが決定されなくなると fill で付与される position:absolute が原因で表示がおかしくなるので fill は外す
• fill を外すと幅と高さを求められるので別途指定

@@ -343 +343 @@
-                  className="relative aspect-video cursor-pointer overflow-hidden rounded-lg w-full"
+                  className="relative cursor-pointer overflow-hidden rounded-lg w-full"
@@ -352 +352,3 @@
-                    fill
+                    width={0}
+                    height={0}
+                    style={{ width: "100%", height: "auto" }}

2026/08/12 22:12:34

2026/08/12 22:12:53