TwitterをScrapboxにまとめる

2025-11-04

• see XをScrapboxに転記するツール

2021-04-16

• Twitter上の議論は読みづらいのでScrapboxにまとめたい
• そのまとめるプロセスを手軽にしたい
  • まとめるbotを試したが満足いく結果にはならなかった
  • APIでやるよりブラウザ上でJSを走らせるのが良い？

Togetter編集画面からやる方法

• 並び替えや除去が自然なUIでできる js

tweets = document.querySelectorAll('.choices_box li[data-type="tweet"]');
get_name = (tweet) => tweet.querySelector(".user_link .status_name").innerText.substring(1);
remove_mention = (text) => text.replace(/@\w+\s+/g, "");
concat_line = (text) => text.replace(/\n+/g, " ");
text = Array.from(tweets).map(x=> {
    name = get_name(x)
    url = x.querySelector(".link[target='_blank']").href
    body = x.querySelector(".tweet").innerText;
    body = remove_mention(body)
    //body = concat_line(body)
    return `>[${name} ${url}]: ${body}`;
}).join("\n\n")
document.querySelector(".title_input").value = text

Togetterから js

tweets = document.getElementsByClassName("list_box type_tweet")

js

get_name = (tweet) => tweet.querySelector(".user_link .status_name").innerText.substring(1)
// e.g. getName(x) => "nishio"

js

count = {}
tweets.forEach(x=>{
    name = get_name(x);
    count[name] = (count[name] || 0) + 1;
})
// e.g. {nishio: 26, YukiMihashi: 8, maltonn_: 1, ukkaripon: 3, teramotodaiki: 2, …}

js

name_or_icon = (name) => name in use_icon ? `[${name}.icon]` : name;
// name_or_icon("nishio")
// "[nishio.icon]"
// name_or_icon("foo")
// "foo"

js

text = Array.from(tweets).map(x=> {
    name = name_or_icon(getName(x))
    body = x.querySelector(".tweet").innerText;
    return `${name}\n${body}`;
}).join("\n\n")

js

navigator.clipboard.writeText(text)
// on Devtool: Uncaught (in promise) DOMException: Document is not focused.

matome js

tweets = document.getElementsByClassName("list_box type_tweet")
get_name = (tweet) => tweet.querySelector(".user_link .status_name").innerText.substring(1)
count = {}
tweets.forEach(x=>{
  name = get_name(x);
  count[name] = (count[name] || 0) + 1;
})

js

tweets = document.getElementsByClassName("list_box type_tweet")
get_name = (tweet) => tweet.querySelector(".user_link .status_name").innerText.substring(1)
use_icon = {nishio:0, YukiMihashi:0, ukkaripon:0, teramotodaiki:0}
name_or_icon = (name) => name in use_icon ? `[${name}.icon]` : name;
text = Array.from(tweets).map(x=> {
    name = name_or_icon(get_name(x))
    body = x.querySelector(".tweet").innerText;
    return `${name}\n${body}`;
}).join("\n\n")
document.write(`<textarea>${text}</textarea>`)

アイコン記法はHelpfeelでは使えないらしい、じゃあとりあえずこうかな js

tweets = document.getElementsByClassName("list_box type_tweet")
get_name = (tweet) => tweet.querySelector(".user_link .status_name").innerText.substring(1)
use_icon = {nishio:0, YukiMihashi:0, ukkaripon:0, teramotodaiki:0, kyasbal_1994: 3, mitoujr: 2, yasulab: 1}
name_or_icon = (name) => name in use_icon ? `[${name}]` : name;
text = Array.from(tweets).map(x=> {
    name = name_or_icon(get_name(x))
    body = x.querySelector(".tweet").innerText;
    return `${name}:\n${body}`;
}).join("\n\n")
document.write(`<textarea>${text}</textarea>`)

test_fromTogetter