MashUp

http://rmh.sub.jp/seo/500check.php
これをパクる。

Pipes

任意のキーワードの検索結果を取得

上の結果のurlの被リンクを取得するモジュールを作る。

JSONPを仕込む。

	function JSONP(url){
		var script = document.createElement('script')
		script.type = "text/javascript"
		script.src = url
		document.body.appendChild(script)
	}

	function callback(json){
		var container = document.getElementById("results")
		container.innerHTML = ""
		var items = json.value.items
		var tr = []
		if(items.length > 4){
			for (var i = 0; i < 5; i++) {
				var entry = items[i];
				var total = /([0-9]+)/.test(entry.description) ? RegExp.$1 : 0
				var div = document.createElement("div");
				container.appendChild(div);
				var html = "<table><tr><th>" + (i+1) + "位</th><th class=&#39;hilink&#39;><a href=&#39;"
				html += "http://search.yahoo.co.jp/bin/search?n=100&ei=UTF-8&pstart=1&dups=1&p=link:http://" + entry.link
				html += "&#39; target=&#39;_blank&#39;>" + total
				html += "</a></th><td><a href=&#39;http://" + entry.link
				html += "&#39; target=&#39;_blank&#39;>" + entry.title + "<br /><span class=&#39;url&#39;>" + entry.link + "</a></span></td></tr></table>"
				div.innerHTML = html
				tr.push(total)
			}
		} else {
			container.innerHTML = "failed"
		}
		var total = 0
		for(var i = 0; i < tr.length; i++){
			total += new Number(tr[i])
		}
		total = Math.floor(total / tr.length)
		document.getElementById("total").innerHTML = total
	}

	function check_start(){
		var word = document.getElementById(&#39;word&#39;).value
		document.getElementById(&#39;keyword&#39;).innerHTML = word
		document.getElementById(&#39;result_view&#39;).href = "http://search.yahoo.co.jp/bin/search?n=10&p=" + word
		document.getElementById("results").innerHTML = "<div id=&#39;premes&#39;>読み込み中 . . .</div>"
		document.getElementById(&#39;result_table&#39;).style.display = "block"
		JSONP("http://pipes.yahoo.com/pipes/pipe.run?_id=NBRDuXgo3BG1XONpEpPZnA&_render=json&_callback=callback&_run=1&word=" + word );
	}

完成。

http://yahoo.omochi.info/

感想

Pipes の部分に２時間くらいかかった。