さっそく、DraftPad用TweetSearchの修正版

DraftPadでTwitterを検索して引用するアシスト TweetSearch
Twitterのリンクプレートも作れると便利かな。DraftPadだけでShareHtml風リンクプレートが作れるアシスト。いろんな応用が出来るよなあ、と思い、Twitterにも挑戦してみました。Tw...
リプライがある画面だと最初のTweetを取ってしまってたので修正版。


DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)

以下のアシストをお使いください。

draftpad://self/web?source=<title>wait...</title><script>function main(x){location=x.URL}location=%22draftpad:///webdelegate?load=main%26unloadconfirming=true%26unloadconfirmtitle=引用しますか?%26unloadconfirmdefault=はい%26unloadconfirmclose=いいえ%26unload=function(){location=\"draftpad:///webdelegate?load=f\";f=function(x){s=document.getElementsByClassName(\"tweet\")[0];if(!s)s=document.getElementById(\"views\");icon=s.getElementsByClassName(\"avatar\")[0].src;tweet=s.getElementsByClassName(\"dir-ltr\")[0].innerHTML.replace(/class=\"(.+?)\"/g,\"\");fullname=s.getElementsByClassName(\"full-name\")[0].innerText;name=s.getElementsByClassName(\"screen-name\")[0].innerText;time=s.getElementsByClassName(\"timestamp-row\")[0];if(time){timestamp=time.innerText}else{timestamp=s.getElementsByClassName(\"timestamp\")[0].innerText};link=x.STYLE.replace(/\\${url}/g,location.href).replace(/\\${name}/g,name).replace(/\\${fullname}/g,fullname).replace(/\\${tweet}/g,tweet).replace(/\\${timestamp}/g,timestamp).replace(/\\${icon}/g,icon);draftpad.replaceCurrent(link)}}%22</script>&URL=https://mobile.twitter.com/search?q=<@>&STYLE=<div style=\"background:#ebede2;padding:10px;border-radius:5px;border:1px solid #c8bbbe;\"><a href=${url} target=_blank style=color:#220000;><img align=left src=${icon} width=80 style=\"border-radius:5px;margin:1px 15px 1px 1px;box-shadow:1px 2px 3px gray;\"><strong>${fullname} (${name})</strong></a><br><font style=color:slate;>${tweet}<br>${timestamp}</font><br clear=all></div>

登録リンクはこちら→ http://tinyurl.com/ctbzohx



今回は、単体表示しなくてもOK。ユーザー表示の状態でも、とりあえずリンクプレートにして紹介します。Tweetに注目してるときは、そのTweetを取得。


ギズモード・ジャパン (@gizmodojapan)
【最新記事】 粘土状にした磁石が何でも飲み込んでいく様子が何とも不思議(動画) dlvr.it/3HzzRV #gizjp
2013年4月28日 - 6:11pm

こんな感じのリンクプレートが作成されます。ただし、開かれるページは表示中のところになるので、出来ればTweet単体にしてからリンク取得した方が良いかも。
で、リンク先のギズモードの記事。粘土磁石の動画がなかなか面妖でした。


(追記)

STYLE=<div style=\"background:white;padding:10px;border-radius:5px;border:1px solid lightgray;\"><a href=${url} target=_blank><img align=left src=${icon} width=60 style=\"border-radius:5px;margin:1px 15px 5px 1px;\"><strong>${fullname}</strong></a><br>${name}<br clear=all>${tweet}<br><a href=${url} target=_blank><font color=gray size=-1>${timestamp}</font></a><br clear=all></div>

STYLEを上記のに変えてみると、Twitter風。
登録リンクはこちら→http://tinyurl.com/cla7m34


ギズモード・ジャパン
@gizmodojapan
【最新記事】 粘土状にした磁石が何でも飲み込んでいく様子が何とも不思議(動画) dlvr.it/3HzzRV #gizjp
2013年4月28日 - 6:11pm
フォントのサイズが合ってないなあ。


(追記2) 表示に関して問題があったので修正しました。
DraftPad用アシストTweetSearchをガイドラインに合わせてみた