Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet 開発実績

TwitterでクリッピングするためのBookmarklet

投稿日:


いままで、ブログのURLや引用をTwitterにツイートするブックマークレットは何度か作っています。

上の2番目のエントリーでTwitter公式のBookmarkletを改造して使ったりしていたんだけど、大分前にメインブラウザをChromeに切り替えていて、Chromeでは動かないようだったのでサクっと書き直してみました。前は外部JSを呼び出す方式をとっていたんだけど、面倒なコードをいくつか捨ててワンライナーです。
Twitter Clip
↑のリンクをブックマークしてください。

  1. そのまま実行すると、見ているページの「タイトル t.co短縮URL」というフォーマットでTweetBoxが表示されます。
  2. ページ内を選択した状態で実行すると、「”引用部分” t.co短縮URL」というフォーマットでTweetBoxが表示されます。

前のブックマークレットでは文字数制限にかからないように切り捨てとかやってたんだけど、省きました。


ちなみに、スクリプトの中身を分かりやすく書くとこんな感じ。

javascript:
(function(){
var d=document,
w=window,
l=location,
e=encodeURIComponent,
s=(d.selection)?
d.selection.createRange().text:(w.getSelection)?
''+w.getSelection():(d.getSelection)?
d.getSelection():'',
t=!s?d.title:'%22'+s+'%22',
f='http://twitter.com/share?_='+(new Date()).getTime()+'&url'+e(l.href)+'&text='+e(t);
if(!w.open(f,'_blank'))l.href=f;
})();

t変数の部分がテキスト部分になります。ここを変更すればフォーマットを自由に変更できます。
例えば、文頭に必ずハッシュタグ(#clip)を入れたい場合は、

t='#clip '+(!s?d.title:'%22'+s+'%22'),

こんな感じにすればいいはず。
引用の場合もタイトルは入れたい場合、

t=!s?d.title:'%22'+s+'%22 '+d.title,

こんな感じかと。
Chrome、Firefoxではちゃんと動くと思いますが、多分IEでも動くと思います。
enjoy!

-Bookmarklet, 開発実績

執筆者:

関連記事

Google検索結果ページに色々情報を追加する「More Info Google Search」を更新

以前こっそり公開していた「More Info」シリーズの、Google Search版が動かなくなっていたので修正がてら少し機能追加しました。 ソーシャルブックマークの表示とサムネイル表示が主な機能な …

速報:YoutubeでHD動画の再生を公式サポート間近!?

Techcrunchにこんな情報が出ていたんだけど、 HD画質でアップロードした動画については右下の隅に従来の「ハイ・クオリティで視聴」に代わって「HDで視聴」というリンクが表示される。 via: Y …

HTMLソースを表示するブックマークレット(GeSHiでシンタックスハイライト版)

似たようなブックマークレットが続きますが、ご容赦下さい。 先日作ったHTMLソース表示ブックマークレット(Yahoo!Pipes版)は、Pipes側の制限で、一部タグが見えなかったりして使い勝手が微妙 …

ツイポーート、リニューアル後1ヶ月の利用状況

GW前に「ツイポーート/twport」のversion3を公開してから、早くも1ヶ月経過しました。大幅なインターフェイス変更をしているので使って頂いている方たちの反応が気になっていましたが、ある意味予 …

AmaQuick v3.1.0 ブックマークレット更新(Yahoo!ショッピング対応、書籍・Kindleカスタマイズ、不具合対応)

つい先日のアップデートに続き、 Amazonアソシエイトの商品紹介リンクをすばやく取得できるAmaQuickをバージョン3.1.0にアップデートしました。 AmaQuick 公式ページ | Creaz …

スポンサードリンク

スポンサードリンク