Twitter のログをHTML出力する Bookmarklet

JavaScript

Bookmarklet

使い方

Twitterにログインした状態でブックマークレットを実行するとtextarea要素にHTMLが出力されます。
下記CSSと組み合わせると、Twitter標準のスタイルに近いデザインに出来ます。

.stream-tweets { color: #444; background-color: #f8f8f8; width: 540px; }
.stream-tweet { position: relative; zoom: 1; padding: 10px 20px; border-bottom: 1px solid #EBEBEB; clear: both; display: block; min-height: 60px; outline: none; font-family: 'Gill Sans', Verdana, Arial, sans-serif; font-size: 15px; }
.stream-tweet:hover { background-color: rgba(31, 152, 199, 0.0976563); border-color: rgba(31, 152, 199, 0.148438); }

.stream-tweet a { color: #2D76B9; text-decoration: none; }
.stream-tweet a:hover { text-decoration: underline; }

.tweet-image { float: left; height: 48px; margin-top: 3px; overflow: hidden; width: 48px; }
.user-profile-link { color: #333 !important; font-weight: bold; }
.tweet-full-name { color: #999; font-size: 12px; }
.tweet-content { margin-left: 58px; min-height: 48px; }
.tweet-body {  }
.tweet-footer { text-align: right; }
a.tweet-timestamp { color: #999; font-size: 11px; }

備考

  • querySelector に依存しているため、IE7- では動きません。
  • Bookmarklet は新UIを前提に設計しています。旧UIはマークアップがあまりにも違うので対応を諦めました。

リンク