自分のブログを検索してリンク取得するTextwellアクション BlogLinker

使いすぎるとナルシスティックだけど。


Textwell 1.3.3
分類: 仕事効率化, ユーティリティ
価格:¥300 (Sociomedia, Inc.)

他のブログを紹介するときはBlogQuoteで構わないのですが、自分のところのリンクを作ろうと思うと結構検索が面倒くさい。その割にリンク付けすることが頻繁にあり、これは独立させていいんじゃないかと思えてきた。そんなアクションです。

// ブログのURLアドレス
URL="http://d.hatena.ne.jp/wineroses/";

// タイトルから省く文字列
BLOG=" - W&R : Jazzと読書の日々";

// プレートのスタイル (${url}:アドレス ${title}:題名 ${text}:引用)
PLATE="<div style='color:#333;background:white;border:1px solid #eee;padding:15px;border-radius:5px;'><a href='${url}' target='_blank' style='color:darkblue;'><img align='left' src='http://capture.heartrails.com/120x120/?${url}' style='position:relative;border-radius:5px;margin:1px 15px 1px 1px;box-shadow:1px 2px 3px gray;'>${title}</a><a href='http://b.hatena.ne.jp/entry/${url}' target='_blank'><img src='http://b.hatena.ne.jp/entry/image/${url}'></a><br/>${text}...<br style=clear:both;></div>\n";

// スクリプト本体
T.closelets([
{title: "リンクタグ作成",
fn: function(arg){
url=location.href.replace(/\/touch\//,"/");
title=document.title.replace(arg.blog,"");
text=getSelection().toString();
if(text){
  link="<blockquote style='color:black;background:ghostwhite;padding:15px;border-radius:5px;border:1px solid lightgray;'>"+text+"<br><b>(via <a href='"+url+"' target='_blank'>"+title+"</a>)</b></blockquote>\n";
}else{
  link="<li><a href='"+url+"'>"+title+"</a></li>\n";
}
T("replaceCurrent",{text:link})},
arg:{blog:BLOG}},
{title: "プレート作成",
fn: function(arg){
url=location.href.replace(/\/touch\//,"/");
title=document.title.replace(arg.blog,"");
text=getSelection().toString();
if(!text){
  p=document.getElementsByTagName("p");
  for(k in p) text+=p[k].innerText;
}
text=text.replace(/\n/g,"").replace(/undefined/g,"").substr(0,100);
link=arg.plate.replace(/\${url}/g,url).replace(/\${title}/g,title).replace(/\${text}/g,text);
T("replaceCurrent",{text:link})},
arg:{blog:BLOG,plate:PLATE}}
],function(){
s=T.current;
if(s){
  location="http://www.google.co.jp/search?q=site:"+URL+"%20"+s;
}else{
  s="<meta name=viewport content=initial-scale=1><div style=white-space:pre;word-wrap:break-word;>"+T.text+"</div>";
  document.write(s);
  T.title("BlogLinker");
}
})

Import Textwell ActionBlogLinker



カーソル行をGoogleで検索する。そのとき、自サイトに限定するようにしました。ソースのURL変数にブログのURLアドレスを設定すればOK。



内蔵ブラウザを閉じるとき、リンクを作成します。通常のリンクタグと、サムネイル付きのリンクプレートを選ぶことができます。プレートのスタイルもソース内で定義しているので、ご自由にカスタマイズしてお使いください。


Textwellでブログの紹介リンクを作成する BlogQuote(STYLE版)
スクリプトが長すぎて、どこを弄れば良いのやら。まずは反省。盛り過ぎた。上みたいにリンクプレートを作るアクションですけど、パソコンで見ると色合いが違う。背景のivoryがどぎつく見えます。嫌ですね。配色...
こんな感じのリンクプレートが出来ます。


実は、URL="" にするとBlogQuoteと同じ動きになる。カーソル行が空行だとプレビューになるのも同じ。プレビューからリンクを開いて別のページを見たり。これが出来るのがTextwellの強みじゃないかと思います。点と点の間に線を引くことで、立体的な情報空間を作り上げていく。すると、新しい切り口も見えてブログが面白くなる。
・・・でもそろそろプレートを新しいデザインに変えたいなあ。