Hatena::ブログ(Diary)

Higé au lait Twitter

 | 

2006年10月29日

ドットファイルを見せあう。

dotfiles.org


ドットファイルつまり設定ファイルを見せあおうというサイト.


"お,参考になる!!"と思ったんだが,登録しているユーザが15人しかいない…。ファイルもたった27。

おもしろいとおもったんだけどなぁ。

どれくらいの大きさでサイトをデザインすべきか

404 - Page Not Found - Baekdal Plus


ブラウザの実際の表示領域についての興味深い統計が出されている。

この中からいくつか抜粋。

  • 1024x768px(50%), 1280x1024px(20%), 1280x800(8%), 800x600px(6%)の順。
  • ブラウザが解像度大きさの98%を占める場合がもっとも多い。
  • 800x600(90%), 1024x768(80%)の割合でブラウザを最大化
  • 解像度が大きくなっても横幅1300px位までしか大きくしない。
  • safariユーザはあまり最大化しない。macはのディスプレイは平均的に解像度が大きいため

やはり800x600も考慮にいれると横幅800px位のデザインにおさめるべきなんでしょうか?


ちなみにこのブログの過去一ヶ月の訪問者の画面解像度の統計(by Google Analytics)。


f:id:higeorange:20061029051638p:image


お,800x600がいない。数が少なすぎて参考になるか微妙だが。

plaggerでFedoraのパッケージ更新情報を取得してみる

結論から言えば404 Not Foundなんかがあって,無用なんですが,いちおうメモ。


Extrasはまだ404 Not Foundのページに出てないので,

http://download.fedora.redhat.com/pub/fedora/linux/extras/6/i386/repodata/repoview/__latest__.group.html

このページをCustomFeed::Cofigで。

/assets/plugins/CustomFeed-Config/fedora-extras.yaml

match: http://download.fedora.redhat.com/pub/fedora/linux/extras/6/i386/repodata/repoview/__latest__.group.html
extract: <li>.*?<a href=".*?" class="inpage">(.*?)</a>:.*?<span>(.*?)</span>.*?</li>
extract_capture: title body

とした。しばらくはこれを使うことにする

追記

上のyamlだと最初にマッチするものがおかしいんだよなぁ。"extract_after_hook"をつかってリンクを作ろうとしたときにたいへんなことになる。どうかけばよいものか…。

再追記

某所でつっこまれた。

RepoView 監視の経験から、一回に 30 以上のパッケージ更新がある ( 割とある ) と当然、あふれた更新分について不明、という欠点もあります。

あぁなるほど思いつかなかった。

2006年10月27日

ubuntu 6.10 Edgy Eft

vmware playerで動かす。Firefox 2.0が入ってた。Fedora6は1.5.0.7のまま。


aiglxやxglがうごかないPCを使ってるのが悩ましい…。一度試したいんだが。

2006年10月24日

Fedora Core 6 Zod

出た。


no title



redhat.comが落ちてるのね。ダウンロードはトレントから。


いれた。

2006年10月21日

flash9 続き

youtubeとかで,音声と映像がずれる問題が解消。

が,youtubeで途中で再生が止まる…。

参考

Flash Player 9 Update Beta Release Notes : Known Issues

2006年10月19日

higeorange2006-10-19

flash9 beta

出た。


Adobe Flash Player Install for all versions


  • no titleで落ちる…。(opera)
  • Google Analyticsが使えなくなる…。(opera)(firefoxなら問題ない。)
  • コンテキストメニューの文字が表示されるようになった(opera)
  • flashを表示させたページを一度バックグラウンドにしてもう一度開くとflashが表示されないことがある。(opera)

YouTubeのタイトルをいじる

検索結果やユーザページはタイトルが"YouTube - Broadcast Yourself"に固定されているところをわかりやすくしてみる。


// ==UserScript==
// @name        Fix YouTube Title
// @namespace   http://d.hatena.ne.jp/higeorange/
// @include     http://*youtube.com/results*
// @include     http://*youtube.com/profile*
// ==/UserScript==

(function() {
    var l = document.location.href;
    if(l.indexOf('youtube.com/results') > 0) {
        var query = l.match(/search_query=([\w\+]*)&/)[1].replace(/\+/,' ');
        document.title = 'YouTube : Search for ' + query;
    } else if(l.indexOf('youtube.com/profile') > 0) {
        var user = l.match(/user=(\w*)/)[1];
        document.title = 'YouTube : [User] ' + user;
    }
})();

検索結果ページだと"YouTube : Search for 検索文字"

ユーザページだと"YouTube : [User] ユーザ名"

となる。


他にもタイトル固定のページはたくさんあるけど気が向いたら改良する。

修正 14:45

Flickrから壁紙を探す

Wallpapr – A cool wallpapers search on Flickr Groups


言葉を入れるとその言葉に関連する壁紙をFlickrから探してくれる。

2006年10月18日

検索について

日本語検索できるようになったっぽい。もしかしたらまえからできてたかも。


コメントもちゃんと検索してくれるようだし,これからはポストの量よりコメントをつけことを大事にする。

2006年10月17日

映画のミスカット

no title

アディダスはダメ過ぎだろう。


Movie Mistakes

ミスカットがいっぱい。

2006年10月16日

2006年10月15日

Firefox2の検索欄を電卓として使う。

Firefox 2 Tip: Instant calculator


f:id:higeorange:20061015081757p:image


Firefox2から導入されたGoogle Suggest機能をつかったもの。打つたびに答えがでるから便利。


no title も良さそうだなぁ。



参考

How to use Google calculator

GIFアニメを作ってみる

Gickr.com


アップロードした複数の画像から簡単にGIFアニメを作成できる。またflickrからの画像を使って作ることも可能。

2006年10月13日

今日買った本

ブルー・ローズ〈上〉

ブルー・ローズ〈上〉

ブルー・ローズ〈下〉

ブルー・ローズ〈下〉

2006年10月12日

urlページ停止中

だれがブックマークてるとかどんなコメントしているとかを見れる"urlページ"が停止している。

機能追加によるものだといいな。

2006年10月11日

IceWeasel

CSSのセレクタ対応状況を調べる

Error 404 - Not Found


各ブラウザの対応状況を数字だけならべると,

Opera 9.02

Passed 26 out of 43 selectors and 292 out of 513 total tests

Firefox 1.5.0.7

Passed 36 out of 43 selectors and 314 out of 513 total tests

Firefox 2.0 RC2

Passed 36 out of 43 selectors and 314 out of 513 total tests

Konqueror 3.5.4-0.5.fc5

Passed 36 out of 43 selectors and 314 out of 513 total tests

Passed 38 out of 43 selectors and 508 out of 513 total tests

2006年10月10日

はてなBookmarkのタグページが

崩れているような気がする。

ん,直った。

firefoxでdel.icio.usのスタイルを変更する

pixelgraphix | Error


f:id:higeorange:20061010233954p:image


上のページから,"delicious-pixelgraphix-vs5-1.zip"落としてきて,中身の"userContent.css"をprofileディレクトリのchoromeディレクトリに突っ込めば変更できる。

ちなみにSafari用もはいってる。


Opera用も作るか?. Edit site preferencesでしていしてあげれば問題なくうごくね。


operaだとcontentあたりがちょっと不具合があるようだけど。


参考

Vente en viager Angoulême: vendre sa maison en viager à Angoulême (16 000) |


追記

ついでにBloglinesも。

OS X skin for Bloglines | Hicks Journal

2006年10月09日

2006年10月08日

2006年10月07日

Firefox2のタブ上の閉じるボタンを消す

2.0RC2が出たということなのでWindowsに入れてみた。アイコンは一新されたんだね。てかてかしてる。


Operaと同じようにタブごとに閉じるボタンがついたようだがミドルクリックで閉じることに慣れているので消すことにする。


"about:config"を開いて"browser.tabs.closeButtons"の値を"2"にする。


ちなみに"1"がデフォルトですべてのタブに閉じるボタン。"0"がアクティブのタブだけ閉じるボタンのようだ。


追記

"3"が従来のタブバーの右端に閉じるボタンがでる。

2006年10月06日

3周年パーティ

Server Errorに3周年パーティの写真がまとめられてる。



ケーキがステキ。


参照

Flywheel - Unknown Domain

2006年10月05日

HTML要素の作成3

HTML要素の作成2 - Higé au lait重大な弱点が…。


createHTML({
    children : {
        a : {
            style : {
                margin : '0 5px'
            },
            href : 'http://del.icio.us/url?v=2&url='+ encodeURIComponent(url),
            children : {
                img : {
                    src : 'http://images.del.icio.us/static/img/delicious.gif',
                    alt : 'del.icio.us',
                    style : {
                        borderWidth : '0'
                    }
                }
            }
        }.
        a:{
        <省略>
        }
    }
},foot);

とすれば,当然なんだけど後ろの"a"が前の"a"を置き換えてしまう。阿呆だー。あんまり複雑なのがつくれんじゃないか。a並べるとしたら片方にspanつけるとかして回避するという面倒なことをしないと…。

それか2回"createHTML()"するかだよなぁ。

街の音を記録するという考え

no title


街の何気ない音を記録して地図上に表示。面白い。

2006年10月04日

Google Gadgetsをあなたのサイトに

Google


Google PersonalizedやGoogle Desktopに追加できたガジェットを普通のサイトに挿入できるようになったようだ。



via:no title

2006年10月03日

はてなダイアリー,グループの各エントリにdel.icio.usへのリンクをつけてみる試み

// ==UserScript==
// @include http://d.hatena.ne.jp/*
// @include http://*.g.hatena.ne.jp/*
// ==/UserScript==

(function (){
	var entry = document.evaluate('//div[@class="section"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
	for(var i=0,len=entry.snapshotLength;i<len;i++) {
		var h =	document.evaluate('./h3', entry.snapshotItem(i), null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
		var url = document.evaluate('./a', h, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.href;
		var foot = document.evaluate('./p[@class="sectionfooter"]', entry.snapshotItem(i), null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
		var anc =extend(document.createElement('a'),{
			style : {
				margin : '0 5px'
			},
			href : 'http://del.icio.us/url?v=2&url='+ encodeURIComponent(url)
		});
		var img = extend(document.createElement('img'),{
			src : 'http://images.del.icio.us/static/img/delicious.gif',
			alt : 'del.icio.us',
			style : {
				borderWidth : '0'
			}
		});
		anc.appendChild(img);
		if(foot)
			foot.appendChild(anc);
		else
			h.appendChild(anc);
	}
	function extend(dest, src){
		if(!src)
			return dest;
		for(var k in src){
			if(typeof src[k] == 'object' && src[k].constructor == Object)
				extend(dest[k],src[k]);
			else
				dest[k] = src[k];
		}
		return dest
	}
})();

Opera & Firefox+Greasemonkeyで動くと思う。

スクリーンショット

f:id:higeorange:20061003020446j:image

HTML要素の作成2

html要素作成 - Higé au laitを改良

function createHTML(obj,par){
    for(var k in obj) {
        if(typeof obj[k] == 'object' && obj[k].constructor == Object && k == 'children') {
            for(var j in obj[k]){
                var el = document.createElement(j);
                par.appendChild(el);
                createHTML(obj[k][j],el)
            }
        } else if(typeof obj[k] == 'object' && obj[k].constructor == Object && k == 'style') {
            for(var l in obj[k])
                par[k][l] = obj[k][l];
        } else
            par[k] = obj[k];
    }
}

使いかた例

createHTML({
    style : {
        color : 'blue'
    },
    children: {
        a : {
            href : 'http://exanmple.com/',
            style : {
                border : '1px solid #000'
            },
            children : {
                img : {
                    src : 'http://example.com/hoge.png',
                    alt : 'test'
                }
            }
        },
        span : {
            innerHTML : 'hoge'
        }
    }
},document.body);

createHTMLの第一引数で構造をオブジェクトで,第2引数に挿入したい要素。

'children'とするとさらに子要素を作ることができる。バグありそう…。




上のエントリのdel.icio.usへのリンクを表示させるスクリプトをこれを使って書くと

<省略>

        createHTML({
            children : {
                 a : {
                    style : {
                        margin : '0 5px'
                    },
                    href : 'http://del.icio.us/url?v=2&url='+ encodeURIComponent(url),
                    children : {
                         img : {
                             src : 'http://images.del.icio.us/static/img/delicious.gif', 
                             alt : 'del.icio.us',
                             style : {
                                 borderWidth : '0' 
                             }
                         }
                     }
                }
            }
        },foot);

<省略>

修正 19:10

追記 19:20

innerHTMLとchildrenについての注意

正しく動く
        createHTML({
            children : {
                li : {
                    style : {
                        listStyleType : 'none'
                    },
                    innerHTML : time + ' : ',
                    children : {
                        a : {
                            href : items[i]['link'],
                            innerHTML : items[i]['title']
                        }
                    }
                }
            }
        },ul);
正しく動かない
        createHTML({
            children : {
                li : {
                    style : {
                        listStyleType : 'none'
                    },
                    children : {
                        a : {
                            href : items[i]['link'],
                            innerHTML : items[i]['title']
                        }
                    },
                    innerHTML : time + ' : '
                }
            }
        },ul);

childrenをinnerHTMLで上書きしてしまう。

例 - OperaIRC+の更新情報表示スクリプトより

2006年10月02日 8000越え

かぶってるエントリを表示しないようにする試み

// ==UserScript==
// @include http://del.icio.us/subscriptions/*
// @include http://del.icio.us/network/*
// @include http://del.icio.us/tag/*
// ==/UserScript==
 (function() {
    var post = document.evaluate('//li[@class="post"]', document, null ,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    var urlList = [];
    for(var i=0,len=post.snapshotLength;i<len;i++) {
        var url = document.evaluate('./h4[@class="desc"]/a', post.snapshotItem(i), null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.href;
        var c = false;
        for(var j=0,k=urlList.length;j<k;j++) {
            if(urlList[j] == url){
                c = true;
                break;
            }
        }
        if(!c)
            urlList.push(url);
        else
            post.snapshotItem(i).style.display = 'none';
    }
})();

Tag, Network, Subscriptions ページでかぶっているエントリを消す。

Opera & Firefox+Greasemonkeyで動くと思う。


関連

del.icio.usでちょー人気のあるエントリしか表示しない試み またはその逆

2006年10月01日

Google Mapsに…

Google Maps

拡大してね。

del.icio.usでちょー人気のあるエントリしか表示しない試み またはその逆

1000人以上がブックマークしているエントリを表示

// ==UserScript==
// @include http://del.icio.us/subscriptions/*
// @include http://del.icio.us/network/*
// @include http://del.icio.us/tag/*
// ==/UserScript==

(function() {
    var post = document.evaluate('//li[@class="post"]', document, null ,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    for(var i=0,len=post.snapshotLength;i<len;i++) {
        var us = document.evaluate('.//a[@class="pop"]', post.snapshotItem(i), null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
        if(us){
            var uc = us.innerHTML.match(/\d+/);
            if(uc < 1000)
                post.snapshotItem(i).style.display = 'none';
        } else {
            post.snapshotItem(i).style.display = 'none';
        }
    }
})();

一人しかブックマークしていないエントリを表示

// ==UserScript==
// @include http://del.icio.us/subscriptions/*
// @include http://del.icio.us/network/*
// @include http://del.icio.us/tag/*
// ==/UserScript==

(function() {
    var post = document.evaluate('//li[@class="post"]', document, null ,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
    for(var i=0,len=post.snapshotLength;i<len;i++) {
        var us = document.evaluate('.//a[@class="pop"]', post.snapshotItem(i), null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
        if(us)
            post.snapshotItem(i).style.display = 'none';
    }
})();

network, inboxあらためsubscriptions, tagページで動く。

Opera&Firefox+Greasemonkeyで動くと思う。

IEで

先日のアップデートによりIEでBloglinesが使えないようになっている模様。

参考

帰納法障碍: Bloglines がIE で読めない?

色で写真を検索する

404 Not Found


f:id:higeorange:20061001074012p:image


そういえばFotolifeも色で検索できたね。


via: no title

グラフを描いてみる。

no title


f:id:higeorange:20061001075225p:image


三角関数, 指数, 対数などもつかえてかなり複雑な式のグラフも書いてくれるようだ。

 |