Bookmarklet – Mach3.laBlog

utmのパラメータをURLから削るブックマークレット

mach3 — Wed, 05 Oct 2011 05:40:40 +0000

RSSフィードを消化していると、
URLに「utm_campaign」などのパラメータが付加されている事がよくあります。
これはGoogleAnalytics（Urchin）の解析用パラメータらしいのですが、
ブックマークしたりツイートしたりする時に残ってると邪魔。
そこで、これを除去するブックマークレットを書いてみるなど。

書いてみた物

Remove utm parameters

上のリンクをブックマークバーに登録したりして使います。
“utm_” で始まるパラメータを削除してリダイレクトするだけのシンプルな物です。

元のコード

utmのパラメータをURLから取り除くブックマークレット — Gist

/**
 * Remove utm parameters from url
 * ( Use this as bookmarklet )
 */
(function(){
    var loc, search, params, i;
    loc = location;
    search = loc.search.replace( /^?/, '' ).split( '&' );
    params = [];
    i = search.length;
    while( i-- ){
        if( !search[i].match( /^utm_/ ) ){
            params.push( search[i] );
        }
    }
    loc.href = loc.pathname
        + (( params.length ) ? '?' + params.join( '&' ) : '' );
})();

javascript:(function(){var d,b,c,a;d=location;b=d.search.replace(/^?/,'').split('&');c=[];a=b.length;while(a--){if(!b[a].match(/^utm_/)){c.push(b[a])}}d.href=d.pathname+((c.length)?'?'+c.join('&'):'')})();

圧縮が助かる

圧縮はYUI Compressorで行なっていますが、変数名とかも最適化してくれるのが助かりますね。
ブックマークレット作る時、彼は非常に輝いている気がする。

ちょっとまわりくどかった？

書いてから気づきましたが、正規表現でやったほうがはやいのでは…？
まあよいか。

Twitter+WebShotなWebサービス

mach3 — Sun, 12 Sep 2010 04:39:32 +0000

TweetShot、ならびに tweetshots は既にサービスを終了している様です。

TwitterでWebサイトのスクリーンショットを共有するサービス「TweeShot」を試してみました。それと、Typoでたどり着いたもう１サービス。

TweeShot

TwitterIDでログインし、サイトのURLを入力すれば
Webサイトのスクリーンショットを撮ってくれます。

tweetshots

そしてこちらがTypoで行きついたtweetshots。
Tweeshotとは一文字違いですが、こちらはWebサイトのスクリーンショットではなく、
ツイートのスクリーンショットを撮ってくれるサービス。
ログインは不要で、URLを入力するだけで生成してくれます。

ページに「妖精さん」を漂わせるJSコード

mach3 — Thu, 03 Jun 2010 00:03:00 +0000

残念ながらブックマークレットは動作しなくなっている模様です。
該当ページのコードを読んで、お試しください。

懐かしくもあるけど、新しく美しい。そんなJavaScriptコードが公開されています。
ページに「妖精さん」を浮遊させるスクリプトです。

Creating fairies – James Padolsey

上のページの2パラグラフ目にある
「clicking this bookmarklet!」というリンクをクリックすると表示されます。

ランダムな色・サイズで生成されたcanvas達をページ内でふよふよと動かしています。
スクロールするとついてくるのが、ちょっと可愛らしいです。

Web黎明期によく見られた、こういったタイプのJavaScriptに
欝陶しさを感じた方も少なくないとは思いますが、
（テキストや画像が動いたり追尾したり…）
その頃の物と比べてずっと洗練されていて、綺麗です。

JavaScript自体はさして変化はしていないと思うので、
作り手側の知識やセンスが刷新されていっているのでしょうか。