@hebyumetan RSSフィード Twitter

follow us in feedly  

2012-04-07

MacBook AirとiPhoneとiPadで愛用しているとっても便利な(自作除くw)Bookmarkletたち

Heart Island / ハート形(がた)の島(しま)
Heart Island / ハート形(がた)の島(しま) / TANAKA Juuyoh (田中十洋)

 

休日だっていうのに午前2時起きwしてる@hebyumetanです。

 

Blogで記事をほぼ毎日書くようになったのは最近なんですが、記事を書くうえでなくてはならないのがBookmarkletです。

今日はそのBookmarkletの整理ということで、愛用しているものを目的別に晒させていただきます。

 

Flickrの画像の取込

 

PhotoHtml

javascript:(function(){var d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/photohtml.js';if(!url.match(/\?/))url+='?t='+(new Date()).getTime();url+='&out='+'preview'+'&api='+'Flickr APIキー'+'&fid='+'hebyu'+'&knd='+'perpage'+'&scs='+'0'+'&cnt='+'10'+'&tim='+'1'+'&typ='+'M500'+'&fmt='+'<a href%3D"%24{pageURL}" title%3D"%24{title} by %24{username}%2C on Flickr" target%3D"_blank"><img class%3D"flickr_photo" src%3D"%24{imgURL}" alt%3D"%24{title}" %24{width}/></a>';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);})();

@hiro45jpさん作のBookmarkletFlickrの複数画像を取り込む際に使います。「Flickr APIキー」の変更が必要です。PhotoHtmlメーカーで作成します。

 

Flickr2HTML

javascript:(function()%7Bvar%20d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/290961/js/flickr2html.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'popup'+'&api='+'Flickr APIキー'+'&scs='+'288'+'&typ='+'M500'+'&fmt='+'%3Ca%20href=%22$%7BpageURL%7D%22%20title=%22$%7Btitle%7D%20by%20$%7Busername%7D,%20on%20Flickr%22%20target=%22_blank%22%3E%3Cimg%20class=%22flickr_photo%22%20src=%22$%7BimgURL%7D%22%20alt=%22$%7Btitle%7D%22%20$%7Bwidth%7D/%3E%3C/a%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();

@feelingplaceさん作のBookmarkletFlickrの1枚の画像を取り込む際に使います。「Flickr APIキー」の変更が必要です。Flickr2HTMLメーカーで作成します。

 

iPhone Appの取込

 

AppHtml

javascript:(function()%7Bvar%20cnt='8',knd='software',out='popup',aff='リンクシェアID',scs=288,ipd=1.5,fmt='%3Ca%20href%253D%22%2524%7Blinkshareurl%7D%22%20target%253D%22_blank%22%20rel%253D%22nofollow%22%3E%3Cimg%20width%253D%22100%22%20class%253D%22alignleft%22%20align%253D%22left%22%20src%253D%22%2524%7Bicon100url%7D%22%3E%3C/a%3E%3Cstrong%3E%20%2524%7Btitle%7D%3C/strong%3E%3Ca%20href%253D%22%2524%7Blinkshareurl%7D%22%20target%253D%22_blank%22%20rel%253D%22nofollow%22%3E%3Cimg%20src%253D%22http%253A//r.mzstatic.com/htmlResources/2338/images/viewinitunes_jp.png%22%20width%253D%2290%22%20alt%253D%22App%22%3E%3C/a%3E%3Cbr%3E%20%25u30AB%25u30C6%25u30B4%25u30EA%253A%20%2524%7Bcategory%7D%3Cbr%3E%20%25u8CA9%25u58F2%25u5143%253A%20%3Ca%20href%253D%22%2524%7Bselleritunes%7D%22%20target%253D%22_blank%22%20rel%253D%22nofollow%22%3E%2524%7Bseller%7D%3C/a%3E%25uFF08%25u30B5%25u30A4%25u30BA%253A%20%2524%7Bappsize%7D%25uFF09%3Cbr%3E%20%25u5168%25u3066%25u306E%25u30D0%25u30FC%25u30B8%25u30E7%25u30F3%25u306E%25u8A55%25u4FA1%253A%20%2524%7Ballverstar%7D%25uFF08%2524%7Ballreviewcnt%7D%25uFF09%3Cbr%3E%20%2524%7Bgamecenter%7D%20%2524%7Buniv%7D%3Cbr%20style%253D%22clear%253A%20both%253B%22%3E',d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/apphtml.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&cnt='+cnt;url+='&knd='+knd;url+='&out='+out;url+='&aff='+aff;url+='&scs='+scs;url+='&ipd='+ipd;url+='&fmt='+fmt;e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();

@hiro45jpさん作のBookmarklet。「リンクシェアID」の変更が必要です。AppHtmlメーカーで作成します。

 

Mac Appの取込

 

MacHtml

javascript:(function(){var d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/apphtml.js';if(!url.match(/\?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'popup'+'&cnt='+'8'+'&knd='+'macSoftware'+'&aff='+'リンクシェアID'+'&scs='+'480'+'&ipd='+'0'+'&fmt='+'%3Ca%20href%3D%22%24%7Blinkshareurl%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%3Cimg%20width%3D%22100%22%20class%3D%22alignleft%22%20align%3D%22left%22%20src%3D%22%24%7Bicon100url%7D%22%20style%3D%22border-radius%3A%2020px%2020px%2020px%2020px%3B-moz-border-radius%3A%2020px%2020px%2020px%2020px%3B-webkit-border-radius%3A%2020px%2020px%2020px%2020px%3Bbox-shadow%3A%201px%204px%206px%201px%20%23999999%3B-moz-box-shadow%3A%201px%204px%206px%201px%20%23999999%3B-webkit-box-shadow%3A%201px%204px%206px%201px%20%23999999%3Bmargin%3A%20-5px%2015px%201px%205px%3B%22%3E%3C/a%3E%3Cstrong%3E%20%24%7Btitle%7D%3C/strong%3E%3Ca%20href%3D%22%24%7Blinkshareurl%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%3Cimg%20src%3D%22http%3A//r.mzstatic.com/htmlResources/2338/images/viewinitunes_jp.png%22%20style%3D%22vertical-align%3Abottom%3B%22%20width%3D%2290%22%20alt%3D%22App%22%3E%3C/a%3E%3Cbr%3E%20%u30AB%u30C6%u30B4%u30EA%3A%20%24%7Bcategory%7D%3Cbr%3E%20%u8CA9%u58F2%u5143%3A%20%3Ca%20href%3D%22%24%7Bselleritunes%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%24%7Bseller%7D%3C/a%3E%uFF08%u30B5%u30A4%u30BA%3A%20%24%7Bappsize%7D%uFF09%3Cbr%3E%20%u5168%u3066%u306E%u30D0%u30FC%u30B8%u30E7%u30F3%u306E%u8A55%u4FA1%3A%20%24%7Ballverstar%7D%uFF08%24%7Ballreviewcnt%7D%uFF09%3Cbr%3E%20%24%7Bgamecenter%7D%20%24%7Buniv%7D%3Cbr%20style%3D%22clear%3A%20both%3B%22%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);})();

@hiro45jpさん作のBookmarklet。「リンクシェアID」の変更が必要です。AppHtmlメーカーで作成します。

 

Blog記事等の取込

 

ShareHtml

javascript:(function()%7Bvar%20d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/sharehtml.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'popup'+'&cnt='+'100'+'&sts='+'%3Cbr%3E%3Cspan%20style=%22color:%20%23808080;font-size:%2080%25;%22%3E'+'&ste='+'%3C/span%3E'+'&cts='+'%3Cbr%3E%3Cstrong%3E'+'&cte='+'%3C/strong%3E'+'&fmt='+'%3Ca%20href=%22$%7Bposturl%7D%22%20target=%22_blank%22%3E%3Cimg%20class=%22alignleft%22%20align=%22left%22%20border=%220%22%20src=%22http://capture.heartrails.com/150x130/shadow?$%7Bposturl%7D%22%20alt=%22%22%20width=%22150%22%20height=%22130%22%20/%3E%3C/a%3E%3Ca%20style=%22color:%230070C5;%22%20href=%22$%7Bposturl%7D%22%20target=%22_blank%22%3E$%7Bposttitle%7D%3C/a%3E%3Ca%20href=%22http://b.hatena.ne.jp/entry/$%7Bposturl%7D%22%20target=%22_blank%22%3E%3Cimg%20border=%220%22%20src=%22http://b.hatena.ne.jp/entry/image/$%7Bposturl%7D%22%20alt=%22%22%20/%3E%3C/a%3E$%7Bpostselect%7D$%7Bmemo%7D%3Cbr%20style=%22clear:both;%22%20/%3E%3Cbr%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();

@hiro45jpさん作のBookmarkletShareHtmlメーカーで作成します。

 

Amazon楽天市場等の商品の取込

 

カエレバブックマークレット

javascript:window.open('http://kaereba.com/blogparts/?&url='+encodeURI(document.location.href));undefined;

@kankichiさん作のBookmarkletカエレバで設定します。

 

AmazonHTML

javascript:(function()%7Bvar%20asid='アソシエイトID',num=5,idx='All',tmpl='http://dl.dropbox.com/u/2189347/AmazonHtmlTemplate.html',tno=1,p='http://pone.jp/amz2.php',path='/blog.html',as='',wd='';var%20d=document,w=window,s=d.createElement('script');s.charset='utf-8';if(/%5Ehttps?:%5C/%5C/(?:www%5C.)?amazon%5C.(?:co%5C.jp%7Cjp)%5C/.+$/.test(location.href))%7Bvar%20bi=document.getElementById('ASIN'),bn=document.getElementsByName('a')%5B0%5D;if(bi%7C%7Cbn)%7Bvar%20bt=bi%7C%7Cbn;as=bt.value;%7D%7Dif(as.length!=10)%7Bas='';wd=prompt('Input%20Search%20Keywords.','');%7Dif(as%7C%7Cwd)%7Bs.src=p+'?_render=json&_callback=result&words='+encodeURIComponent(wd)+'&tmpl='+encodeURIComponent(tmpl)+'&tno='+tno+'&num='+num+'&asid='+asid+'&asin='+as+'&index='+idx+'&'+new%20Date().getTime();w.result=function(j)%7Bvar%20x='',z='',r='',i=0;switch(j.value.items.length)%7Bcase%200:alert('No%20Items.');break;case%201:z=j.value.items%5Bi%5D;x=z.description;var%20r=prompt('Results.',x);break;default:for(i=0;i%3Cj.count;i++)%7Bz=j.value.items%5Bi%5D;if(window.confirm('%5B'+(i+1)+'/'+j.count+'%5D'+z.title))x+=z.description+'%5Cn%5Cn';%7Dif(x)var%20r=prompt('Results.',x);break;%7D%7D;d.body.appendChild(s);%7D%7D)();

@matubizさん作のBookmarkletAmazon専用です。「アソシエイトID」の変更が必要です。AmazonHtmlメーカーで作成します。

 

YouTubeの動画の取込

 

Youtube2HTML

javascript:(function()%7Bvar%20d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/290961/js/youtube2html.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'popup'+'&scs='+'500'+'&fmt='+'%3Ciframe%20width=%22$%7Bwidth%7D%22%20height=%22$%7Bheight%7D%22%20src=%22http://www.youtube.com/embed/$%7Bmoive_id%7D%22%20frameborder=%220%22%20allowfullscreen%3E%3C/iframe%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();

@feelingplaceさん作のBookmarkletYoutube2HTMLメーカーで作成します。はてなダイアリーではiframeタグを使用できないため、「iframe → Google Gadget コンバータ」を使ってGoogle Gadgetに変換しています。

 

BlogGoogleリーダーにおける登録者数の確認

 

Google Reader購読者数

javascript:void(function()%7Bwindow.open(location.href.replace('','http://www.google.com/reader/directory/search?hl=en&q='));%7D)()

Browser.jsさんで見つけたので、使っています。

 

Blogツイートする際にTwitterアカウントを挿入

 

AcPlusFavTweet

javascript:%20window.twttr%20=%20window.twttr%20||%20{};var%20D%20=%20550,A%20=%20450,C%20=%20screen.height,B%20=%20screen.width,H%20=%20Math.round((B%20/%202)%20-%20(D%20/%202)),G%20=%200,F%20=%20document,E;if%20(C%20>%20A)%20{}window.twttr.shareWin%20=%20window.open('http://twitter.com/share',%20'',%20'left='%20+%20H%20+%20',top='%20+%20G%20+%20',width='%20+%20D%20+%20',height='%20+%20A%20+%20',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E%20=%20F.createElement('script');E.src%20=%20'http://dl.dropbox.com/u/7740811/AcPlusFavTweetMain.js?v=1';F.getElementsByTagName('head')[0].appendChild(E);void(0);

ほぼ@hitoriblogさんが作ってくださったものなのですが、一部自作のBookmarklet。うまく動作する時としない時があります、

 

Amebaブログの画像をオープン

 

AmebaImgOpen

javascript:var%20a=document.body.innerHTML;var%20b=/http:\/\/stat.ameba.jp\/user_images\/.+\.[jp][pn]g/i;var%20c=a.match(b);window.open(c);

自作です。

 

 

頑張る虫
頑張る虫 / sota-k

 

以上、自作が少な過ぎ&簡単過ぎ&便利じゃねー!です。

JavaScript本格入門』読んで頑張るぞー!うぉーwww

 


スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証