Born Neet

久しぶりのbookmarklet。

乗換案内 | NAVITIMEを検索するだけの単純なものですけどね…。

よくよく考えてみたらしょっちゅう使ってるので、

こりゃあもうブックマークレットにしちゃった方がいいんじゃないかと！

navitimelet

使い方は簡単です。

fromに出発駅名を入れてOK。

toに到着駅名を入れてOK。

これでnavitimeに飛びます。

あ、あと、fromに「出発駅名,到着駅名」って入れれば1回で済みます。

（,の代わりに，、～→を入れたり、空白があったりしても大丈夫なつもりです）

日時は現在になります…はずです。

経由駅とかの贅沢な機能は使えません。

（っていうか使ったことありません）

特急？新幹線…？飛行機…！？

なんですかそれ速いんですか？？

バスとか乗りません。

有料って言葉は嫌いです(>_<)

…以上。

とりあえずこれで動くので公開。

使ってておかしいとこあったらまた直します。

なんか見つけたら気軽にコメントどうぞー。

shino.Vicunaの[あなた用のCSSを作成]を修正しました

既に、

忍者ブログでVicunaのNinja（shino.Vicuna） - 変更履歴

 shino.Vicunaが本家に紹介されました！のコメント欄

に書いていますが、

わりと大きなミスだったので、このブログでもアナウンスしておきます。

公開から約4ヶ月（！）もの間、[あなた用のCSSを作成]が全く機能していませんでした。

これは、css内の

http://file.bornneet.blog.shinobi.jp/

を全て

http://file.あなたのID.blog.shinobi.jp/

に置換することで、

画像をそれぞれのユーザの領域から読み込むようにするものだったのですが、

正規表現にgフラグを付加し忘れるという単純ミスを犯してしまっていたため、

1つ目のURLしか置換されないという事態に陥っていました。

急いで修正しておいたので今は正常に動作していると思います…。

申し訳ありませんでしたm(_ _)m

こんな状態だったにも関わらず使ってくれていた皆さんの懐の大きさに感謝です！

今後はこのようなことがないように…するつもりです。

また何かありましたら遠慮なくご指摘ください。

それでは！

[Thanks]

※ この不具合はゆーいちさんに教えていただきました。
　　ありがとうございます、助かりました。

[追記]

[2008/07/06 23:25]: 誤字を訂正。

http://file.bornneet.blog.shinobi.js/になってました（笑）

JavaScriptのしすぎ…？ならむしろ喜ばしいなぁ！

ブログのトップページにWassrの発言を表示するようにした（Wassrバッジ？）

っというわけで、TwitterからWassrに乗り換えてみました。

まぁTwitter自体全然使ってないですけどねー。

（そもそもSNSっていうかコミュニケーションが苦手っていう…）

で、せっかくAPIも公開されてることなので、今までTwitterの発言を表示してた部分にWassrの発言を表示するようにしました。

興味のある人はどうぞー。

[html, css]

今回は（面倒なので）html、cssに変更を加えないのがテーマ（？）だったため、

<div id="twitter_div"><dl><dt><a href="http://wassr.jp/user/tnantoka/" id="twitter-link"><img src="http://file.blog.bornneet.com/wassr_bubble_logo.png" alt="Wassr: Do you follow me?" /></a></dt><dd><ul id="twitter_update_list"></ul></dd></dl></div>

と、ほぼ前のままでOKです。

（画像とリンクをWassrにしただけ。cssは変更なし）

[js]

WassrはJSONPに対応してるので、

<script type="text/javascript" stc="http://api.wassr.jp/statuses/show.json?id=tnantoka&amp;callback=wassrCallback"></script>

とかやれば、

wassrCallback([{

	"link":"http://wassr.jp/user/tnantoka/statuses/e6wr6C1Ebz",

	"epoch":1215324666,

	"user_login_id":"tnantoka",

	"areacode":null,

	"rid":"e6wr6C1Ebz",

	"photo_url":null,

	"reply_message":null,

	"photo_thumbnail_url":null,

	"reply_user_nick":null,

	"html":"テスト",

	"reply_status_url":null,

	"text":"テスト",

	"user":{"screen_name":"t*"},

	"slurl":null,

	"areaname":null

}]);

ってな感じに、発言のオブジェクトをコールバック関数に渡して呼び出してくれます。

あとはTwitterのjs等を参考に、

function wassrCallback(wassrs) {

	document.getElementById('twitter_update_list').innerHTML = '<li><span>'+wassrs[0].text+'</span> <a style="font-size:85%" href="'+wassrs[0].link+'">'+parseEpoch(wassrs[0].epoch)+'</a></li>' + '<li style="text-align: right; margin-top: 5px; font-size: 85%;"><a href="http://twitter.com/tnantoka">Twitter\u306F\u3053\u3061\u3089</a></li>';

}



function parseEpoch(epoch) {

	var pass = new Date / 1000 - epoch;

	var s;

	if (pass < 60) {

		s = 'less than a minute ago';

	} else if (pass < (60 * 2)) {

		s = 'about a minute ago';

	} else if (pass < (60 * 60)) {

		s = 'about ' + parseInt(pass / 60) + ' minutes ago';

	} else if (pass < (120 * 60)) {

		s = 'about an hour ago';

	} else if (pass < (24 * 60 * 60)) {

		s = 'about ' + parseInt(pass / (60 * 60)) + ' hours ago';

	} else if (pass < (48 * 60 * 60)) {

		s = '1 day ago';

	} else {

		s = parseInt(pass / (24 * 60 * 60)) + ' days ago';

	}

	return s;

}

みたいな関数を用意しておけばいいだけです。

（画像、js、htmlをTwitterのバッジからそのまま流用しちゃってるので、一応Twitterへのリンクを入れておきました^^）

[まとめ]

以上でーす。

テストとか全然してないので不具合とかあったらごめんなさい(>_<)

-（ハイフン）で始まるファイルを消す方法（Linux）

tar cvf archive.tar files...



gzip archive.tar

とか

tar cvfz archive.tar.gz files...

とか面倒！

どうせtgzとかあるんだろ？と思って、

tgz -help

とやったら、-help.tgzなんてのができちゃった…。

こりゃやばいってことで、

rm -help.tgz

で削除を図るも、-help.tgzなんてオプションはありません！とか言われて消せない…。

（ハイフンで始まるからオプションと判断されちゃうらしい）

かなりテンパった。

こういう時ネットに繋がってない環境はきつい！

しかたなくマニュアルで調べる…

man rm

…書いてある気がしない（※）…

（※ 今見たら普通に買いてありました；どんだけ焦ってんだよ。っていうか英語わからん）

rm --help

…あった！これだ、これだ!!

ということで、結局

rm -- -help.tgz



rm ./-help.tgz

と書けばいいらしい。

--なんてオプションは知らなかった。

（mvやcp等いろいろなコマンドで使えるっぽい）

./は納得しつつも、これぐらい自分で思いつけよ、と凹んだ。

以上。

遭遇したのは、Redhat Enterprise上でしたが、

一応Ubuntuでも確認しました。

（そのためにUbuntuにtgz入れたり^^）

UbuntuからVistaの領域は普通に見れる

なーんだ。

じゃあわざわざFAT領域作らなくてもよかったんじゃん！

っていうかあまりにも自然にできるからリアクション取るの遅れたよ。

というわけでこのエントリは、Ubuntuで下書きしてWindowsから投稿しました。

それだけです。

FONってなんだっけ！？

マイコミフレッシャーズから

La Fonera

by G-Tools , 2008/06/27

とかいうフランス語みたい（？）なのが届いた。

っていうか1ヶ月以上前に実家に届いてたらしい。

…あぁ！そうかそうか。

個人情報と引き換え（笑）に先着1000人に無線ルータくれるって言ってたやつか。

どうせ個人情報はもう握られているから（毎ナビ登録してたし、そもそもプレゼント情報が載ってた雑誌を送ってこれてるわけだしね^^）と思って応募したんだった。

ダメもとだったけど、へー、ちゃんと送ってきたんだ。

ん！？でもなんだこれ？

（「HTC製のスマートフォンで使える無線ルータをプレゼント」とか言ってなかったっけ？）

FON…？

なんかhotentryで見たことある気がするぞ。

ってことで調べたみた。

（相変わらず前フリ長い！）

結果。

FON - Wikipedia（2008年6月27日 20:33:05）

だそうだ。

だいたいわかっ（思い出し）た。

livedoorとの提携の話で聞いたことがあったんだなー。

けど、やっぱヤバイ使われ方されたりとか怖いよなぁ。

ここは東京だし（？）
プロバイダが許してるかどうかもよくわかんないしね。

でもlivedoor wirelessに繋げるのは魅力かも。

とりあえず、ちゃんとした無線ルータ買うまでの間、Adesでネットやるように使ってみようかな…。

…っていうか1980円て！安っ!!

得した感が一気に失せたよ…。

以上。

かなり今さらな情報でしょうが。

知ら（覚えて）なかったもんはしょうがない。

最高のローディングアイコン！？Fastladderの棒人間だけを抜き出してみた

Fastladder(or livedoor Reader）を使ってる人にはおなじみの棒人間ローダ。

かわいいですよねー。

で、せっかくオープンソースなんだから、ということでやってみました。

これです↓

[やったこと]

ダウンロード

まずは、Fastladderのソースを取ってきます。

Subversion(svn)が必要です。（※）

Trac Lightningなら、pythonまでついて来ていいですよ。

（これでハッカーの仲間入り！？）

svnさえ入れちゃえばあとは簡単です。

コマンドプロンプトを起動して、保存したいディレクトリに移動。

cd ディレクトリパス

ですね。（知ってるって？いや、一応ね…）

そして、fastladder - Google Codeにしたがって、

svn checkout http://fastladder.googlecode.com/svn/trunk/ fastladder-read-only

と入力&Enterすれば、自動的にダウンロード（チェックアウト）されます。

（-read-onlyは書かなくてもいいっぽいですね）

※ と思ってたらFastladder Open Source / Free DownloadからUnix版をダウンロードすればいいだけでした^^;

　　まぁ最新のソースはsvnがないとダメってことで（笑）

ソースを見る

ソースは無事手に入れましたが、どうやって棒人間を操ってるのかイマイチわかりません…ということにします。

ここで役に立つのがWeb Developer。

「枠表示」→「マウスカーソルの個所を枠で囲う」とやれば、棒人間の情報を教えてくれます。

こんな風に。

というわけで、棒人間はloadiconというid(#)を持つらしいことがわかりました。

ここまでくれば楽勝です。

Devas等で、*.jsファイル内の"loadicon"を検索すれば、わんさかヒットします。

とまぁ、なんだかんだで見つけ出して、ごにょごにょしたソースがこちら。

/**

 * original: http://fastladder.org/

 *

 * fastladder/public/js/reader_main.js

 * 3272～

 */



var LoadEffect = {

//	ICON_PATH : "/img/icon/",

	ICON_PATH : "http://file.blog.bornneet.com/",

	LOADICON_NUM : 1,

	RESTICON_NUM : 3,

	Start : function(){

		var L = LoadEffect;

		var path = L.ICON_PATH;

		if(L.LOADICON_NUM > 1){

//			var n = 1 + Math.floor(Math.rand(L.LOADICON_NUM));

			var n = 1 + Math.floor(Math.random() * L.LOADICON_NUM);

			path += "loading" + n + ".gif";

		} else {

			path += "loading.gif";

		}

//		$("loadicon").src = path;

		document.getElementById("loadicon").src = path;

//		setStyle("loading",{visibility:"visible"})

//		document.getElementById("loadicon").style.visibility = 'Visible';

	},

	Stop : function(){

		var L = LoadEffect;

		var path = L.ICON_PATH;

		if(L.RESTICON_NUM > 1){

//			var n = 1 + Math.floor(Math.rand(L.RESTICON_NUM));

			var n = 1 + Math.floor(Math.random() * L.RESTICON_NUM);

			path += "rest" + n + ".gif";

		} else {

			path += "rest.gif";

		}

//		$("loadicon").src = path;

		document.getElementById("loadicon").src = path;

	}

};

fastladder/public/js/reader_main.jsの3272行目～ほぼそのままです。

(fl_aio.jsにもありますが、そっちは全ソースをまとめてあるだけのファイルっぽいのでreader_main.jsから引用してます)

Fastladder内の関数に依存する部分は変更しました。

（$、setStyle、Math.randの3つです。setStyle部分は特に（僕は）いらなかったので変更後のソースもコメントアウトしてます）

あと、pathは自分が画像ファイルを置くパスに変更する必要があります。

画像を探す

最後に、画像をどうにかすれば完了です。

Firefoxなら画像上で右クリックすると、「画像の表示」とか「URLのコピー」があるので、URLを知ることができます。

その方法でバテている棒人間（上の画面キャプチャで表示されています）を調べると、「rest1.gif」という画像名でした。

そして、fastladderフォルダ内を"rest1.gif"で検索すると、public/img/iconに格納されていることがわかりました。

さらに、ソースと見比べつつ画像を物色した結果、どうやら、

の4種類が使われているようです。

これらを、pathに設定したところに置けば無事動くはずです。

お疲れ様でした！

[ブログに使う]

…これだけで終わるとホントに「抜き出し」ただけなのでなんかやってみましょう。

ということで、このブログに張ってみました。

（右上のキーボードアイコンの左横です。わかりにくい説明…）

これまでの手順よりさらに簡単ですので、皆さんのブログにもどうですか？

やり方は以下のとおりです。

予め、上の4種類の画像をアップロードしておきます。

次に、

<img id="loadicon" src="http://file.blog.bornneet.com/loading.gif" />

とかいうimgタグをiconを表示したいところに書きます。

そして、下のような手抜きスクリプト

var stopLoadIcon = function(id) {

	var path = 'http://file.blog.bornneet.com/';

	var RESTICON_NUM = 3

	var n = Math.ceil(Math.random() * RESTICON_NUM);

	var src = path + "rest" + n + ".gif";

	document.getElementById(id).src = src;

}

をどこかで読み込んで or 書いておきます。

さらに、ページで実行されるjsの最後っぽいところで、

stopLoadIcon('loadicon');

と呼び出せばOKです。

これでローディング中の読者のイライラが少しは軽減されるかもしれません。

いつも重くてすいませんm(_ _)m

[心配ごと]

いくらオープンソースとはいえ、画像のみ（ほぼそう言えるでしょう）を抽出して使っちゃっていいものか。

まぁ、OSSライセンスの中でも特に緩い部類に入る（と僕は理解している）MITだし、大丈夫！

…なはず(>_<)

[忘れたこと]

あっ！吹き出し系の処理も一緒に抜き出そうと思って忘れてた…。

えーと…いつかやるかもです。

Ubuntuをデフォルトで起動して「とりあえずWindows」を防止する

WindowsとLinuxをデュアルブートするとデフォルトで（30秒経つと）Windowsが起動するようになっています。

それだと、急いでる時とか「Windowsでいいや！」となってしまい、せっかくLinuxを入れたのにあんまり使わないという事態になりかねません。

（僕は過去に何度もそうなりました）

「今度こそ本気でLinuxやりたい！」

ということで、Windows（Vista）ブートマネージャの起動順序を変更してUbuntuをデフォルトにしちゃいましょう。

そうすれば、電源入れて放置してたらUbuntuが立ち上がるので使わざるをえなくなります。

また、ブートマネージャでWindowsを選択するとそのまま起動しちゃいますが、Ubuntuを選んだ場合はGRUBからWindowsに戻れるので、やっぱりこっちをデフォルトにしてた方が便利な気がします。

なので、Ubuntuとのデュアルブートなら絶対この設定がオススメです。

設定方法はいたって簡単。

GUIなら、

「コンパネ」→「システム」→「システムの詳細設定（※）」→「詳細設定タブ」→「起動と回復」→
「設定」

と開いていい感じに設定すればOKです。

（※までは、スタートメニューを開いて検索に「sysdm.cpl」と入力してもいけます）

CUIなら、コマンドプロンプトを管理者として実行（アイコンを右クリックするとメニューから選択可能）して、

bcdedit /default {ubuntu.pbr設定時のGUID}

と打ち込めばOKです。

僕は前者でやりました。

LinuxerになろうとしてるのにGUIに頼るとは先が思いやられますね。

以上、初のLinux系Tips（ってほどでもないけど…）でした。

[参考]

VistaとXPのデュアルブートでやってはいけないこと - 日経トレンディネット

 Windows TIPS -- TIPS：よく使うコントロール・パネル・アイテムを素早く起動できるようにする

Hello, Ubuntu! Vista Premiumuとデュアルブート

Vistaが使いにくすぎる！

ってことでやってみました。

（Unix系を使わないとハッカーになれないらしいし）

今回は、あえてWubiを使いませんでした。

遅いという噂も聞いたし、Wubiに頼って楽しちゃうと、別のディストリビューションを入れる時にまた一から勉強しなきゃいけないのが嫌だったので。

Linuxド素人の僕でも、参考記事を見ながらやれば簡単（？）にできたので皆さんもどうですか？

（4月に長期サポートのバージョンがリリースされたばかりで、タイミング的にはよさそうですよー）

それではインストールの手順を参考記事と共に書いていきます。

[準備]

まずは、今回の作業全般に渡ってお世話になる

Windows VistaとUbuntu 7.10をデュアルブート - ケーズメモ

に目を通して、全体の流れを理解しておくことをお勧めします。

では、始めます！

[Ubuntuのダウンロード]

Ubuntuの入手 | Ubuntu Japanese Team

からどうぞ。

CDへの焼き方まで書いてあって至れり尽くせりですねー。

ここは特に問題ないでしょう。

[Vistaのパーティション分割]

Vista　でパーティーションを分ける：イザ！

が詳しかったです。

ただ、僕は面倒だったのでスナップショットの設定変更やクリーンアップはしませんでした。

デフラグも長かったので途中で止めちゃいました。

まぁここも本題ではないのでこのくらいにしておきましょう。

[いよいよインストール！]

ここから、メイン参考記事（？）である、

Windows VistaとUbuntu 7.10をデュアルブート - ケーズメモ

の出番です。

また、Ubuntu自体のインストールの流れは、

Foamy Capriccio: Ubuntu 8.04 LTS（インストール編）

を参考にしました。

Foamy Capriccioさんの記事にもありますが、インストーラが固まることがありました。

しばらく待てば動くので焦らず待ちましょう。

（どうやら「次へ」ボタンとか以外を押すとなるみたいです…）

あと、調子にのって「次へ」「次へ」ってやってるとGRUBをMBRにインストールしそうになるので危険です(>_<)

まぁ最悪インストールが始まっちゃってもすぐに×を押せばセーフなようですが…（経験済；）

最後の確認画面にある「拡張」ボタンを見逃さないようにしましょう！

GRUBのインストール先の設定はdev/sda2とかを選択するだけでよかったので、7.10の時より簡単になったっぽいです。

[難関!?デュアルブートの設定]

ここでも、ケーズメモさんの記事に（またまた）お世話になります。

一見難しそうですが、書いてあるとおりにやっていけば問題なくできると思います。

注意としては、GUIDは{ }も含めるってことぐらいですかね（笑）

あと、Ubuntuインストール時にFAT32のパーティションを作ってあるなら、そこに入れるだけでubuntu.pbrのVistaへの受け渡しが可能です。

（外部メモリ経由は面倒いですよね^^）

[インターネット接続]

おっと、忘れてた。

ルータとか通さずに直でネットに接続してる人は設定しないと繋がりません。

Bフレッツなら、

» ubuntuでネット接続 - php::log phpだったり日々の出来事だったり

のとおりやればOKでした。

他はわかりません。

（っていうかセキュリティ的にもルータは通しとくべきですよね…やっぱ）

[感想]

前評判よりは苦労しました（僕のミスのせいだけど）が、深刻な状態に陥らなくてよかったです。

それにしても、思ってた以上に使いやすいですねー。

正直Vistaいらないかも…。

というわけで、これからはプログラミングに加えてLinuxも頑張りまーす！

以上、Ubuntu（＆Ff3）からの初投稿でした。