TwitterをGoogleにしてみた
[Firefox][Greasemonkey][Stylish]
FirefoxのアドオンであるGreasemonkey – 🦊 Firefox (ja) 向け拡張機能を入手を使ってTwitterのホームをGoogleの検索ページに似せてみた。これで後ろから誰かに見られても平気だよ!授業中、仕事中...先生や上司に見られてもGoogleで検索してるようにしか見えないよ!!保証できないけど!
こんな表示になります。検索バーがツイートするテキストフィールドで「Google検索」ボタンがツイートボタンです。I'm Feelingは特になにもないです。適当にリンクを張ってください。右上の「検索設定」からログアウトできます。
Greasemonkey側
twitter.user.js
// ==UserScript== // @name twitter++ // @namespace hoge // @description twitterplus // @include http://twitter.com/* // ==/UserScript== (function(d, func) { var check = function() { if (typeof unsafeWindow.jQuery == 'undefined') return false; func(unsafeWindow.jQuery); return true; } if (check()) return; var s = d.createElement('script'); s.type = 'text/javascript'; s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'; d.getElementsByTagName('head')[0].appendChild(s); (function() { if (check()) return; setTimeout(arguments.callee, 100); })(); })(document, function($) { // ここにメインの処理を書く var url = 'http://www.google.com/intl/en_com/images/srpr/logo1w.png'; $('div#status_update_box').prepend( '<div id="google_wrapper" style="padding-top : 30px; padding-bottom : 10px">' +'<div id="google_logo">' +'<div style="color: rgb(119, 119, 119); font-size: 16px; font-weight: bold; left: 214px; position: relative; top: 70px;" nowrap="">日本</div>' +'</div>' +'</div>'); $('textarea#status').attr({'rows':'1','cols':'1','font-size':'23px'}); $('a#tweeting_button').children('span:first').text('Google検索'); $('div#status_update_box').after( '<div id="google_footer" style="padding-top:20px">' +'<span>' +'<center style="opacity: 1;">' +'<div style="font-size : 10pt;">' + '<div id="fil" style="margin: 19px auto; text-align:center;">' +'<a href="http://twitter.com/" class="google_link" style="margin: 0px 10px 0px 10px">広告掲載</a><a href="http://www.google.co.jp/" style="margin: 0px 10px 0px 10px">Google について</a>' +'<b><a href="http://www.google.com/ncr" class="google_link" style="margin: 0px 10px 0px 10px">Google.com in English</a></b>' + '</div>' +'</div>' +'<div style="text-align: center;">' +'<p style="color: rgb(118, 118, 118); font-size: 8pt;">' +'© 2010 -' +'<a href="http://twitter.com/" class="google_link">プライバシー</a>' +'</p>' +'</div>' +'</center>' +'</span>' +'</div>' ); $('body').prepend( '<div style="border-bottom : 1px #C9D7F1 solid; height : 23px;" height="23px">' +'<div style="padding : 3px 8px 0px 8px">' +'<div id="gbar" style="text-align : left; float:left; font-size: 13px">' +'<nobr>' +'<b>ウェブ</b>' +'<a class="google_link" href="http://www.google.com/imghp?hl=ja&tab=wi">画像</a>' +'<a class="google_link" href="http://video.google.com/?hl=ja&tab=wv">動画</a>' +'<a class="google_link" href="http://maps.google.com/maps?hl=ja&tab=wl">地図</a>' +'<a class="google_link" href="http://books.google.com/bkshp?hl=ja&tab=wp">ニュース</a>' +'<a class="google_link" href="http://books.google.com/bkshp?hl=ja&tab=wp">書籍</a>' +'<a class="google_link" href="http://mail.google.com/mail/?hl=ja&tab=wm">Gmail</a>' +'<a class="google_link" href="http://www.google.com/intl/ja/options"><u>その他</u><small>▼</small></a>' +'</nobr>' +'</div>' +'<div id="guser" width="100%" style="text-align : right; font-size : 13px;">' +'<nobr>' +'<span></span><span></span>' +'<a class="google_link" href="http://www.google.com/ig?hl=ja&source=iglk">iGoogle</a>' +'|' +'<span>' +'<a class="google_link" href="http://twitter.com/logout">検索設定</a>' +'|' +'<a class="google_link" href="http://twitter.com/login">ログイン</a>' +'</nobr>' +'</div>' +'</div>' +'</div>' ); $('body').append( '<div id="google_footer2" style="height: 20px; position: relative; margin: 0.8px; padding: 0px 5px 10px 0px;">' +'<font size="-1">' +'<div id="" class="" style="opacity: 1; text-align : left;">' +'<a href="#">背景画像を変更する</a>' +'</div>' +'</font>' +'</div>'); $('#tweeting_controls').css('float','none'); $('a#tweeting_button').css({ 'width':'99px', 'height':'20px', 'display':'inline-block' }); $('a#tweeting_button').removeClass('btn-disabled').css('-moz-border-radius','0px'); $('div#tweeting_controls').append( '<a id="hoge" class="a-btn a-btn-m" tabindex="2" herf="#" style="width : 118px; height: 20px; -moz-border-radius : 0px 0px 0px 0px; border-color : #CCCCCC #999999 #999999 #CCCCCC; border-style: solid; display : inline-block;">' +'<span>I\'m Feeling Lucky</span>' +'</a>'); $('body').css('background','#FFFFFF'); $('div#recommended_users').css('display','none'); $('#timeline_heading').css('display','none'); $('#timeline').css('display','none'); $('#footer').css('display','none'); $('div.bar').css('display','none'); $('#header').css('display','none'); $('#latest_status').css('display','none'); $('.section').css('display','none'); $('#side_base').css('display','none'); $('div#google_logo').css({ 'background': 'url(http://www.google.com/intl/en_com/images/srpr/logo1w.png) no-repeat scroll 0 0 transparent', 'width':'276px', 'height':'110px', 'margin-left':'auto', 'margin-right':'auto', 'text-align':'left' }); $('textarea#status').css({ 'width':'496px', 'height':'25px', '-moz-border-radius':'0px' }); $('div.info').css('text-align','center'); $('body#home.timeline > div').css('padding','1px'); $('body#home.timeline > div > div#gbar > nobr > a').css({ 'margin': '5px', 'padding': '3px' }); $('a.google_link').css({ 'color':'#0000cc', 'padding':'5px' }); $('body').css('height','100%'); $('div#container').css({ 'min-height':'100%', 'height':'auto', 'margin':'0 auto -80px', 'height':'100%' }); $('#google_footer2').css({ 'position':'absolute', 'bottom':'0px' }); $('a#tweeting_button').css('width','85px'); });
windowsだとグリモンのデフォルトの文字エンコードがs-jisになっていて、UTF-8に文字コードを変更しないと日本語が文字化けするので注意。
色々と本物と違いますが誤差の範囲としました。チラッて見られたぐらいじゃわからない...はず。