full of universe http://f-u.seesaa.net/ 体の内から湧き出る宇宙を溢れる前に吐き出すブログ！...なんのこっちゃ ja myyahoo???Bloglines???Google??????RSS???Livedoor???????goo RSS??????? http://f-u.seesaa.net/article/130874272.html 自動振り分けに対応、新着メールを一気に開くMortScript 新着メールを一気に開くMortScriptを改良！で公開してた、Willcom03用の新着メールの一発起動MortScript（以下autoSTMail）。…果たしてどれだけの人が使ってくれているのかwかなり遅くなってしまったけど、自動メール振り分けに対応させたのでここに公開しておこっと。と、その前にautoSTMailでできること。W-ZERO3メールを起動して受信フォルダへ移動する 新着メールが1件であればそのメールの閲覧画面へ移動する メールの自動振り分け... コンピュータ・モバイル sima 2009-10-21T23:16:53+09:00 新着メールを一気に開くMortScriptを改良！で公開してた、Willcom03用の新着メールの一発起動MortScript（以下autoSTMail）。…果たしてどれだけの人が使ってくれているのかw

かなり遅くなってしまったけど、自動メール振り分けに対応させたのでここに公開しておこっと。

と、その前にautoSTMailでできること。

  • W-ZERO3メールを起動して受信フォルダへ移動する
  • 新着メールが1件であればそのメールの閲覧画面へ移動する
  • メールの自動振り分けを設定していても問題なく閲覧画面へ移動する（ただし、ちょっとした条件あり）←NEW!!
  • 既にW-ZERO3メールが起動していたら閉じずに受信フォルダまで移動する
  • このとき、メールの新規作成、下書きの編集をしていたら保存してから移動する

ちょっとした条件ってのはこの記事の下の方を見ること。

「Willcom03用W-ZERO3メール一発起動MortScript」のダウンロード

ダウンロードはこちらからどうぞ→autoSTMail.mscrのダウンロード

MortScriptをインストールしたWillcom03上で使ってみてちょ。ちなみに、使う前にはダウンロードしたautoSTMail.mscrを一度エディタで開いてみていくつか設定すること。

自動振り分けを設定している場合にautoSTMailを使うための、ちょっとした条件

W-ZERO3メールのメールリスト画面（Willcom03）

自動振り分けを設定していると、受信フォルダではないフォルダに当然メールが入ることになる。

このスクリーンショットの場合、例えば今autoSTMailを実行したとするときちんとフォルダ2の中の受信したメールを表示するわけね。

それで、ここが重要なんだけどこのフォルダ名、autoSTMailを使うためには初期状態のフォルダ名に揃えて「ﾌｫﾙﾀﾞ（半角カタカナ）+1桁の半角数字」とすること！

何故こんな制限があるのかというと、どこのフォルダにメールが届いたかを判定する処理を（1）という青字があるかどうかで調べるという力業でしているからw

つまり、画面上の(x, y)の座標の色が青だったらメールがフォルダに入ってる~みたいな判断をしてる訳ね。

だから、既にフォルダ名を自分なりの名前にして使ってる人には悪いんだけれども、フォルダ名は初期状態の名前に揃えて「ﾌｫﾙﾀﾞ（半角カタカナ）+1桁の半角数字」としてちょ。そうしないとautoSTMailの自動振り分け対応は動かない。

それから、画面の座標の色という何とも言えない判定をしてるために画面の解像度をいじったりなんかしてるとこれまた動かないと思う。

今まで、もしかしたらautoSTMailが動かない人が続出するのではないか！？と公開は控えてたんだけど、代わりの判定方法も一向に思いつかないのでとりあえず公開しときますよ、と。

動くor動かないコメントくれるとsimaが喜びます。

さてさて、最近またTwitterが活気づいてきたようなので自分のアカウントの宣伝。

simaのフォローはここから！w

Twitter、面白いよ。

]]> http://f-u.seesaa.net/article/128858922.html こ、これは…！新生物発見！ 何というか…、一目惚れした！何これ！ほしい！w新生物！その名は！チャゴン！一見アザラシのように見えますが、ふっかふかの新生物チャゴンといいますだって。名前はチャゴン、ジュゴンでなくてね。ちなみに人懐っこいらしいよ。チャゴンの雄志腰のど真ん中に乗られても耐えるチャゴン無理矢理エビぞりにさせられて鼻っ面に足の裏でも耐えるチャゴンオレは乗りもんじゃない！と思いながらも言うに言えず耐えるチャゴンやっと解放された…けどそれはそれで寂しいかも…な... 日記 sima 2009-09-25T23:39:04+09:00 スーパービック クッション チャゴン

何というか…、一目惚れした！何これ！ほしい！w

新生物！その名は！チャゴン！

一見アザラシのように見えますが、ふっかふかの新生物チャゴンといいますだって。名前はチャゴン、ジュゴンでなくてね。ちなみに人懐っこいらしいよ。

チャゴンの雄志

腰のど真ん中に乗られても耐えるチャゴン

スーパービック クッション チャゴン

無理矢理エビぞりにさせられて鼻っ面に足の裏でも耐えるチャゴン

スーパービック クッション チャゴン

オレは乗りもんじゃない！と思いながらも言うに言えず耐えるチャゴン

スーパービック クッション チャゴン

やっと解放された…けどそれはそれで寂しいかも…なチャゴン

スーパービック クッション チャゴン

スーパービック クッション チャゴン

とまぁ、見ての通りデカいクッションだね、チャゴン。見てたら余計ほしくなってきた。ウチで一緒に暮らしません？ > チャゴン

]]> http://f-u.seesaa.net/article/123984422.html Twitterの癒し系イメージ（クジラとかロボとか） …うん、癒されるね！まだ他にもあるのかな？ちなみに、このクジラはFail Whaleって検索すればいっぱいヒットするみたい。 WEBサービス sima 2009-07-21T22:59:56+09:00 Twitter: Fail Whale

Twitter: Maintenance

Twitter: Please Fix

…うん、癒されるね！まだ他にもあるのかな？

ちなみに、このクジラはFail Whaleって検索すればいっぱいヒットするみたい。

]]> http://f-u.seesaa.net/article/123250663.html Seesaaブログ「検索経由の広告表示」ってなんだ？ いつからあるんだ？こんな変な広告。さっきブログのデザインが微妙に崩れることに気付いて何が原因か調べてたら、どうもSeesaaブログの広告に関係するJavaScriptを読み込んでるせいだった。新しい機能を実装してくれるのはいいんだけど、とりあえずはオフ状態でお願いしたいな。まぁsimaのようにいらん！と思った人はちゃっちゃとオフにしちゃいましょ。Seesaaブログにログインして、「設定」→「広告設定」の「検索経由の広告表示」を「広告を表示しない」にすればOK。ちなみに、どんな... WEBサービス sima 2009-07-12T01:36:00+09:00 いつからあるんだ？こんな変な広告。

さっきブログのデザインが微妙に崩れることに気付いて何が原因か調べてたら、どうもSeesaaブログの広告に関係するJavaScriptを読み込んでるせいだった。

新しい機能を実装してくれるのはいいんだけど、とりあえずはオフ状態でお願いしたいな。

まぁsimaのようにいらん！と思った人はちゃっちゃとオフにしちゃいましょ。

Seesaaブログにログインして、「設定」→「広告設定」の「検索経由の広告表示」を「広告を表示しない」にすればOK。

ちなみに、どんなものかというと検索エンジン経由のページ閲覧の際に記事エリア上部に広告を表示しますだってさ。…こんなのお知らせで言ってたっけ？

新しいカテゴリの「読書」と「DIY」というのをつくってみた。「自転車」ってカテゴリと共に今後simaが挑戦していきたいものだね。

これらのカテゴリの記事数が0のまま…ってのは、おそらくちょっとの間続くと思うけど「やるぞ！」っていう決意表明代わりとしてカテゴリだけつくったというわけ。

これによって、ますますブログの内容の統一性がなくなるように感じるけど、まぁ書きたいこと書くのがブログだ！開き直りも重要だよね、多分w

]]> http://f-u.seesaa.net/article/123249550.html AmazonアソシエイトのAPIリクエスト認証をどうにかする！ 期限は2009年8月15日！重要： Product Advertising API は、2009年8月15日以降は署名認証を含まないリクエストを処理しなくなりますので、移行期間である2009年8月15日までの間に、必ずご利用のリクエストに署名認証を含めていただくようお願いいたします。Amazon アソシエイト（アフィリエイト） - ヘルプこのブログ「full of universe」のサイドバーやフッターでも、このAPIを使ってちょっとしたJavaScriptが動いているから... WEBサービス sima 2009-07-11T06:18:55+09:00 期限は2009年8月15日！

重要： Product Advertising API は、2009年8月15日以降は署名認証を含まないリクエストを処理しなくなりますので、移行期間である2009年8月15日までの間に、必ずご利用のリクエストに署名認証を含めていただくようお願いいたします。

Amazon アソシエイト（アフィリエイト） - ヘルプ

このブログ「full of universe」のサイドバーやフッターでも、このAPIを使ってちょっとしたJavaScriptが動いているからね、対応必須。

AmazonアソシエイトのAPIを使って本格的なツールをつくり更に公開してる、なんてわけではないのでその点気が楽っちゃあ気が楽だけど、…言い換えれば対応するために一歩踏み出す気力も湧きにくいというわけで。

まだあと1ヶ月ちょいあるので、誰かがJavaScriptでのAPI署名認証の方法を書いてくれることを期待してよっと（実はもうあるのかな？）。

まだ若干どんなものか分かってないので、同じくよく分かってないブロガーの皆さん！一緒に対応に向けて頑張りましょうw

とりあえず、以下は参考になりそうなリンク。

[を] アマゾンAPIを使うのに2009年8月15日から認証が必要になるらしい
だいぶ前にこの記事を読んで認証が必要になると知った。そのときは自分には関係ない話だと思ってたんだけどね、実は。
Product Advertising API 開発者向けガイド リクエストの署名認証について（参考訳）
Amazonアソシエイトのヘルプ。ガイド。
]]> http://f-u.seesaa.net/article/121258397.html 最近Hatenaに進出した と言っても主がこっちなのは変わらないけど。もっと気軽にJavaScriptについて書き殴る場がほしかったのでね。こっちでコードを書こうとすると色々と面倒があって…。向こうなら自動でシンタックス表示もしてくれるし、メモとして使うにはイイと思った。ということなので、もしよければ向こうもどぞ～。Hatena進出記念ってわけでもないけど、こっちにもはてなスターを付けてみた。まだよく分かってないけどねwここみたいにSeesaa Blogや他のブログサービスにも星付けたい！という人は、は... 日記 sima 2009-06-11T01:44:51+09:00 心に宇宙は満ちている

と言っても主がこっちなのは変わらないけど。

もっと気軽にJavaScriptについて書き殴る場がほしかったのでね。

こっちでコードを書こうとすると色々と面倒があって…。向こうなら自動でシンタックス表示もしてくれるし、メモとして使うにはイイと思った。

ということなので、もしよければ向こうもどぞ～。

Hatena進出記念ってわけでもないけど、こっちにもはてなスターを付けてみた。まだよく分かってないけどねw

ここみたいにSeesaa Blogや他のブログサービスにも星付けたい！という人は、はてなスターをブログに設置するにはを見てみると分かりやすくてイイと思うよ。

]]> http://f-u.seesaa.net/article/120960079.html OperaでもっとTumblrる！（OpeTumblrをまたまた改良） 「Operaの右クリックメニューからTumblrに一発ポスト」のOpeTumblrをまた改造した。OpeTumblrでできることOperaの右クリックメニューからTumblrへ超簡単にクリップ（Link/Quote/Photo）タグの入力もできる（タグが必要ない人は非表示にもできる）プライベートの設定もできる（公開するか、Dashboardのみか）←New!!グループの設定もできる←New!!開くウィンドウの位置を設定できる←New!!ページのタイトル、URL、などを自動的に... Opera sima 2009-06-06T20:10:20+09:00 「Operaの右クリックメニューからTumblrに一発ポスト」のOpeTumblrをまた改造した。

OpeTumblrでできること

  • Operaの右クリックメニューからTumblrへ超簡単にクリップ（Link/Quote/Photo）
  • タグの入力もできる（タグが必要ない人は非表示にもできる）
  • プライベートの設定もできる（公開するか、Dashboardのみか）←New!!
  • グループの設定もできる←New!!
  • 開くウィンドウの位置を設定できる←New!!
  • ページのタイトル、URL、などを自動的に取得
  • 選択テキストがあるときは、それも合わせて取得
  • タイトルやテキストの文字を自動的に変換（全角を半角にして、HTMLエスケープ）
  • Photo投稿の場合、リンク先が画像の場合はそれを優先的に取得。手動設定もできる。

投稿は、エディットモード（投稿前にいくらか修正可）か簡易モード（一発投稿）で選べるよ。

OpeTumblrコード ジェネレータ

Operaのmenu.iniに貼り付け

それぞれ使いたいものを、Operaのmenu.iniの次に示すセクションに好きなだけ貼る。

Link（リンク）
[Document Popup Menu] : ページの右クリックポップアップメニュー
Quote（引用）
[Hotclick Popup Menu] : 選択テキストの右クリックポップアップメニュー
[Link Selection Popup Menu] : 選択リンクテキストの右クリックポップアップメニュー
Photo（イメージ）
[Image Popup Menu] : イメージの右クリックポップアップメニュー
[Image Link Popup Menu] : リンクイメージの右クリックポップアップメニュー
[Link Popup Menu] : リンクの右クリックポップアップメニュー（好みで）

Link（リンク）とQuote（引用）は、それぞれを[Document Popup Menu]、[Hotclick Popup Menu]、[Link Selection Popup Menu]の全部に貼っても動くと思うけど、そこまで頑張らなくてもいいと思う。

何が改良されたか？

プライベート設定とグループ設定はまぁ読んで字の如く。

ウィンドウ位置の設定はもっと前から考えてもよかったね。そして、ウィンドウのフォーカスについても考えてみた。具体的には、ポスト後にフォーカスを外したり、簡易モードだったらバックグラウンドでウィンドウを開いたり…。

上手くいかないときはOperaのJavaScriptオプションを疑ってみてちょ。（JavaScriptオプションで「ウィンドウのサイズ変更」を許可しないとウィンドウは常に真ん中に表示されるし、「強制前面表示」「強制背面表示」の両方、あるいはどっちかを許可しないとウィンドウはバックグラウンドにならない）

あと、これがメインの改良点なんだけど、Photo（イメージ）投稿のときにリンク先イメージのチェックを強化した。これによって投稿に失敗することも少なくなるハズ…。

OpeTumblrの今後は…

段々とBookmarklet形式でやってくのは厳しくなってきた。ということで、そろそろUserJS化しようと思ってる。あとは以下のようなことに挑戦するつもり。

  • 投稿後のエラーチェックをどうにかして行う
  • 右クリックが面倒なのでキーボードにも対応できたら
  • ウィンドウからオーバーレイ表示に？
  • Reblogはできたらいいな…厳しいかな…

とまぁこんなところで。どれくらい実現できるかな。

]]> http://f-u.seesaa.net/article/119698577.html Amazon.co.jpの画像を使って遊ぶJavaScript JavaScriptが無効～。前回の記事で書いたように、春日以外でも表示させる方法をば。画像をぷるぷる&言葉を無限生成して遊ぶJavaScript<script type="text/javascript" charset="utf-8" src="http://f-u.up.seesaa.net/2009/faceandword.js"></script><div id=&qu... 日記 sima 2009-05-17T23:24:24+09:00

前回の記事で書いたように、春日以外でも表示させる方法をば。

画像をぷるぷる&言葉を無限生成して遊ぶJavaScript

<script type="text/javascript" charset="utf-8" src="http://f-u.up.seesaa.net/2009/faceandword.js"></script>
<div id="kasuga"><script type="text/javascript">
faceandword.kasuga.load('kasuga');
</script></div>

まずは基本。これをそのままコピー&ペーストして記事を投稿すると春日が表示される。

<script type="text/javascript" charset="utf-8" src="http://f-u.up.seesaa.net/2009/faceandword.js"></script>
<div id="faceandword_jojo"><script type="text/javascript">
faceandword.jojo=new faceandwordLoader();
faceandword.jojo._config={
  face:{
    asin:'4086179083',
    start_x:15,
    start_y:100,
    width:140,
    height:210,
    plusminus:10
  },
  word:{
    'ド':100,
    'なっ！何をするだァーーーーーッ！ゆるさんッ！':3,
    'ズキュウウゥン！':2,
    'ディオォォオオーーーッ！':2,
    '君がッ、泣くまで、殴るのをやめないッ！':1,
    'メメタァ！':2,
    'ふるえるぞハート！燃え尽きるほどヒート！おおおおおっ、刻むぞ血液のビート！':1
  }
};
faceandword.jojo.load('faceandword_jojo');
</script></div>

そして、これをそのままコピー&ペーストすると、この記事の一番はじめに表示されたようなジョジョっぽいのが表示されるw

設定の仕方

これはAmazon.co.jpの画像を使って遊んでるので、まずはその画像について。

例えばこのジョジョの画像だと、
http://images-jp.amazon.com/images/P/4086179083.09._CR15,100,140,210_SCLZZZZZZZ_.jpg
のそれぞれ強調した箇所をasin,start_x,start_y,width,heightとして設定する。

_CR[x座標],[y座標],[幅],[高さ]_ってのは画像の切り抜きなので、表示したい画像のASINに変えてからCRの各値を変更&画像再読込でちょうどいい位置になるまで試してみるといいと思う。

plusminusは移動の幅ね。あんまし大きな値にすると不具合が発生するような気がするので注意。

続いて、無限増殖させる言葉について。

これはオプションなので、言葉を表示させたいときだけ設定する。設定がないときは画像がぷるぷるするだけ。word:{}の中に何個でも書いて行けばOK。整数値は出現比となる。word:'あああ'と1個だけ設定することもできる。

とまぁこんな感じで

Good Luck!!

ホントはもっと色々とぷるぷる画像を入れるつもりだったんだけど、思い付かなかったというのはここだけの秘密。

実は全然大したスクリプトではないというのもここだけの秘密w

]]> http://f-u.seesaa.net/article/118932236.html 皆さん、本物の春日ですよ。ヘェッ！ JavaScriptが無効～。&hellip;とまぁ春日全開で始まりましたこの記事。さぁ収拾が付かないぞ！どうする！どうするんだ！（なんのことやら分かんない人は春日をホバーすべし）女性の皆さん、春日はあなたの記事のなかにもいますよ。&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; src=&quot;http://f-u.up.seesaa.net/2009/faceandword.js... 日記 sima 2009-05-08T22:40:01+09:00

…とまぁ春日全開で始まりましたこの記事。さぁ収拾が付かないぞ！どうする！どうするんだ！
（なんのことやら分かんない人は春日をホバーすべし）

女性の皆さん、春日はあなたの記事のなかにもいますよ。

<script type="text/javascript" charset="utf-8" src="http://f-u.up.seesaa.net/2009/faceandword.js"></script>
<div id="kasuga"><script type="text/javascript">
faceandword.kasuga.load('kasuga');
</script></div>

…ってのを、そのまま貼り付けるだけで春日があなたの記事にも。ヘェッ！

<div id="kasuga2"><script type="text/javascript">
faceandword.kasuga.load('kasuga2');
</script></div>

2つ目からはこれだけで。どんどん貼ってもらってオーケー。ただし、idは被らないように注意。トゥース！

安心してください、春日はムダにクロスブラウザですよ。

一応、Opera、Chrome、Firefoxで確認。

更に改造してIEでも確認！これで気にせず春日をあなたの記事にも！

JavaScriptで遊んでたらこんなんなった。後悔はちょっとしてる。ホントはjsファイルを自分のスペースに置いてもらいたいとこだけど、…まぁ大丈夫でしょ。

実は、春日以外も表示できる。長くなりそうなので、これについてはまた次の記事にでも。需要がなくても書く！とまぁこんなとこで。

バァーイ！

…春日、春日、呼び捨てしまくってたけど大丈夫かな？今更だけど（笑）

ところで、こういうsimaが書いた（変な）JavaScriptのソースを公開して、プロい人に意見やら訂正やらしてもらうにはどうしたらいいだろう？なにせ趣味でイジってる状態なので、変なもん公開するとまずいなと思って…。

JavaScript勉強してます的なブログが多い（と勝手に思ってる）はてなダイアリーに、アカウント取って書くべき？うーん、どうしようかな。なにかいい案ないかな？

]]> http://f-u.seesaa.net/article/118482725.html twicliを気持ち悪くする Twitterのクライアントでsimaも気に入ってるtwicli。最近は、Operaのパネルにローカルに置いたtwicliをほぼ常に表示してるので更新しやすくなって、Twitterの楽しさが分かってきたような気がする。実際にOperaのパネルに表示させると、この画像のようになるよ。これを見て気になった人（特にOpera使いの人で）は試してみるといいかもね。&hellip;で最近、そんなtwicliの主にCSS関係を自分仕様に改造していたんだけど、その際にちょっとだけ遊んでみた... Opera sima 2009-05-03T00:03:07+09:00 Operaのパネルにtwicliを表示

Twitterのクライアントでsimaも気に入ってるtwicli。

最近は、Operaのパネルにローカルに置いたtwicliをほぼ常に表示してるので更新しやすくなって、Twitterの楽しさが分かってきたような気がする。

実際にOperaのパネルに表示させると、この画像のようになるよ。これを見て気になった人（特にOpera使いの人で）は試してみるといいかもね。

…で最近、そんなtwicliの主にCSS関係を自分仕様に改造していたんだけど、その際にちょっとだけ遊んでみたことをせっかくなので記事にしてみる。

前置き長いなw

まぁどんな風に遊んだかというと、twicliのアニメーションを計算してる部分をちょっとずつ変えてみたってだけ。それだけ。

はっきり言って、この記事ネタなのでそこんとこ注意ですよ、と。

アニメーションのデモ

で、twicliのアニメーションが実際にどんな感じで動くか、無駄にデモをつくってみた。うん、ホント無駄だな。…い、いいんだよ、JavaScriptの勉強になったから。

デモ1: デフォルトな動作

// 新規twitの出現アニメーション処理
function animate(elem, max, start) {
  var t = (new Date).getTime();
  if (start+1000 <= t)
    return elem.style.maxHeight = 'none';
  elem.style.maxHeight = Math.ceil(max*(1-Math.cos((t-start)/1000*Math.PI))/2);
  setTimeout(function(){animate(elem, max, start)}, 20);
}

アニメーションのデモ1: デフォルトな動作

やっぱり、デフォルトの動作はきちんと考えてあるなぁ。動き始めと終わりがゆっくりになる感じ。

デモ2: 直線な動作

// 新規twitの出現アニメーション処理
function animate(elem, max, start) {
  var t = (new Date).getTime();
  if (start+1000 <= t)
    return elem.style.maxHeight = 'none';
  elem.style.maxHeight = Math.ceil(max*(t-start)/1000);
  setTimeout(function(){animate(elem, max, start)}, 20);
}

アニメーションのデモ2: 直線な動作

きちんと考えてあるヤツをわざわざ等速に。

デモ3: 放物線な動作

// 新規twitの出現アニメーション処理
function animate(elem, max, start) {
  var t = (new Date).getTime();
  if (start+1000 <= t)
    return elem.style.maxHeight = 'none';
  elem.style.maxHeight = Math.ceil(max*Math.pow((t-start)/1000,2));
  setTimeout(function(){animate(elem, max, start)}, 20);
}

アニメーションのデモ3: 放物線な動作

徐々に加速。

デモ4: ぶるぶるな動作

// 新規twitの出現アニメーション処理
function animate(elem, max, start) {
  var t = (new Date).getTime();
  if (start+3000 <= t)
    return elem.style.maxHeight = 'none';
  elem.style.maxHeight = Math.ceil(max*(function(x){return x+(Math.sin(5*2*x*Math.PI))/10;})((t-start)/3000));
  setTimeout(function(){animate(elem, max, start)}, 20);
}

アニメーションのデモ4: ぶるぶるな動作

波打っちゃう。

デモ5: ぐわんぐわんな動作

// 新規twitの出現アニメーション処理
function animate(elem, max, start) {
  var t = (new Date).getTime();
  if (start+3000 <= t)
    return elem.style.maxHeight = 'none';
  elem.style.maxHeight = Math.ceil(max*(function(x){return x*((1+Math.sin(3*3*x*Math.PI-Math.PI/2))/2);})((t-start)/3000));
  setTimeout(function(){animate(elem, max, start)}, 20);
}

アニメーションのデモ5: ぐわんぐわんな動作

じ、地震？

デモ6: らんだむなどーさ

// 新規twitの出現アニメーション処理
function animate(elem, max, start) {
  var t = (new Date).getTime();
  if (start+5000 <= t)
    return elem.style.maxHeight = 'none';
  elem.style.maxHeight = Math.ceil(max*Math.random());
  setTimeout(function(){animate(elem, max, start)}, 20);
}

なんじゃこりゃw

まとめ

まぁ、見ての通り、紛う事なきネタですね、ハイ。

作者さん自らコメントを頂いたので対応する箇所をちょっとだけ修正。といっても記事中の50だったとこを20に変えただけだけどね。
]]> http://f-u.seesaa.net/article/117243472.html Opera+@timer=簡易タイマー 便利なTwitterアカウント、@timer。このアカウント（以下、@timer）はSend me a direct message, and I'll tweet you back.とあるように、@timerへダイレクトメッセージを送ると、指定時間後にダイレクトメッセージを返してくれるというサービスで、つまり名前そのまんまタイマーだね。他のWebページやブログでも既に紹介されてる（しかも、すんごい昔の紹介も多々）けど、simaがこの@timerを知ったのが最近なので気にせず... Opera sima 2009-04-10T23:05:56+09:00 timer on Twitter

便利なTwitterアカウント、@timer。

このアカウント（以下、@timer）はSend me a direct message, and I'll tweet you back.とあるように、@timerへダイレクトメッセージを送ると、指定時間後にダイレクトメッセージを返してくれるというサービスで、つまり名前そのまんまタイマーだね。

他のWebページやブログでも既に紹介されてる（しかも、すんごい昔の紹介も多々）けど、simaがこの@timerを知ったのが最近なので気にせず書いちゃう^^

でも、ただ紹介するだけだとアレなので、Operaで使うと便利になるような説明付きで。

Twitterで@timerをフォロー

まずは、Twitterで@timerをフォローしましょ、そうしましょ。ついでに、@sima_fuのフォローもどうぞ。

Operaのウェブ検索に追加

DirectMessage to @timer : Operaのウェブ検索での設定

Operaのアドレスバーから@timerへダイレクトメッセージを送れるようにする。

このOperaのアドレスバーからTwitterに投稿する説明を参考にすると分かりやすいよ。Twitterの投稿欄で右クリックから「検索を作成」して以下のように。

名前
DirectMessage to @timer
キーワード
min
アドレス
http://twitter.com/statuses/update.xml
クエリ文字
status=d%20timer%20%s
（ダイレクトメッセージを送るだけなのでsourceは設定しなくてもいいと思う。投稿欄で「d [アカウント名] [メッセージ]」でダイレクトメッセージが送れるってのはちょっとしたテクニックね…というsimaも最近知ったんだけど。）
POSTを使用
チェック

ここで、名前は好きなようにすればいいけどキーワードを「min」にするところが味噌。つまり、どういうことかと言うと…

@timerにダイレクトメッセージを送ってみる

DirectMessage to @timer : Operaのアドレスバーから@timerにダイレクトメッセージ

このように、「@timerへ」だとか「ダイレクトメッセージ」だとかをわざわざ意識せずに、タイマーとして直感的に使えるわけ。この例だと、パッと見て30分のタイマーだな、と分かるっしょ？それが大事。

ちなみに日本語で送ると指定時間経ってもメッセージが帰って来ない（simaだけ？）ような気がするので、英語やローマ字で送るのが吉。これはTwitterのせいではなく、@timerのせいだと思う。

これで、Operaのアドレスバーから@timerへダイレクトメッセージが送れる（つまり、タイマーとして使える）ようになった。

@timerからのダイレクトメッセージが届く

とまぁこんな感じで設定しておくと便利だよ、っていう話。

@timerから送られてくるダイレクトメッセージは、それぞれ思い思いの方法でチェックすればいいと思う。

DirectMessage to @timer : Operaの新着メールの通知

simaの場合は、TwitterにはGmailのアドレスを登録してあって、OperaにはそのアカウントをIMAPで登録してあるので、…まぁ簡単に言えば@timerからダイレクトメッセージが届くとOperaでこのようにポップアップが表示されるってわけ。

このとき、Twitterの設定の「お知らせ機能」で「ダイレクトメッセージを受け取ったときのお知らせ」にチェックを入れておくことを忘れずに。

厳密なタイマーとしてではなく、簡易タイマーとしてならこれはなかなかのものだと思う。どうでしょー。

最近「やりたいこと」は色々とあるんだけど、ヒマな時間ができたときに何かをいざやろうとすると何をやっていいか分からなくなるという、なんとも効率の悪い日々を送ってる。

もうおそらく2,3回は挫折したであろうGTDを、もっかいこの本でも買ってやってみようかな…。GTD自体はいい仕組みだと思うんだけど、どうも週次レビューがめんどくてね。でも、今度こそ続けられるようにやってみる！

]]> http://f-u.seesaa.net/article/116891594.html 奇特な人もその他大勢の人もLet'sフィード 最近、このブログ「full of universe」のフィードをfeedburnerを使って配信するようにした。なので、もし前から購読してる！という奇特な人は、feedburnerのほうのフィードを購読するように変えてもらえると嬉しいな。それから、全文配信にしてるつもりがなってなかったってことに最近気付いたので、今日から全文配信に切り替えますよ。なので、前から購読してない！という大勢の人は、これを機にフィードを購読するといいこと&hellip;は特にないけど嬉しいな。ちなみに... WEBサービス sima 2009-04-05T22:04:58+09:00 最近、このブログ「full of universe」のフィードをfeedburnerを使って配信するようにした。

なので、もし前から購読してる！という奇特な人は、feedburnerのほうのフィードを購読するように変えてもらえると嬉しいな。

それから、全文配信にしてるつもりがなってなかったってことに最近気付いたので、今日から全文配信に切り替えますよ。

なので、前から購読してない！という大勢の人は、これを機にフィードを購読するといいこと…は特にないけど嬉しいな。

ちなみに、ブログを書いてる人向けに

feedburnerを使うとYahoo!のブログ検索に引っかからなくなる場合があるらしく、実際に今このfull of universeも全く引っかからない。Googleのブログ検索では引っかかるのにね。

これは前からこうなのか、それともfeedburnerに変えたからなのかちょっと分からないけど、とりあえずYahoo!のサイトエクスプローラー/Site Explorerに登録してみた。

この2つに登録したからといって、ブログ検索に反映されるかは分からないけど、まぁやっといて損はないっしょ。それにしても、なんで日本のYahoo!はアカウントが別なんだ！面倒でしょうがない。と言いつつ、どうもおんなじ内容が表示されてるっぽいので登録は1個でも問題ないと思う。

まぁ様子見で。

]]> http://f-u.seesaa.net/article/116646618.html 目には目を、歯には歯を、はてブにはUserJS/UserCSSを はてなブックマークの人気／新着エントリは、たまに見ると暇つぶしになっていいんだけどちょっと気になることがあったので簡単なUserJSとUserCSSを書いた。はてなブックマークの人気／新着エントリにUserJS/UserCSSを適用するUserJSとUserCSSの説明気になること&hellip;それはずばりページが長すぎるということ。スクロールバーがえらいちっちゃくなってまう。長いページ嫌いなのでこれは気になってしょうがなかった。更に、人気エントリ（Hotentry）のペー... Opera sima 2009-04-02T23:39:27+09:00 はてなブックマークの人気／新着エントリは、たまに見ると暇つぶしになっていいんだけどちょっと気になることがあったので簡単なUserJSとUserCSSを書いた。

はてなブックマークの人気／新着エントリにUserJS/UserCSSを適用する

UserJSとUserCSSの説明

はてなブックマーク 人気/新着エントリー : UserJS/UserCSS適用前

はてなブックマーク 人気/新着エントリー : UserJS/UserCSS適用後

気になること…それはずばりページが長すぎるということ。

スクロールバーがえらいちっちゃくなってまう。長いページ嫌いなのでこれは気になってしょうがなかった。

更に、人気エントリ（Hotentry）のページでは右側に無駄なスペースがあってスクロールめんどくさーーー、となりがち。

（右側に無駄なスペースと言えば、Googleの検索結果ページもそうなので、今度UserCSSを探すか書くかしてみようかな。余談。）

そこで、UserJSとUserCSSを使ってもう少し短くなるようにしてみた。

まぁ、こんな文章でつらつら書いたのを見るよりも、UserJS/UserCSS適用前・後のスクリーンショットを見てもらった方が分かりやすいね。見ての通り、どっちがどっちかは一目瞭然。

…とは思うけど一応書いておこう。
左が何もしてない素の状態、右がUserJS/UserCSS適用後。

具体的には、UserCSSでヘッダーとフッターを削って、UserJS+UserCSSで一度訪れたエントリはタイトルとUser数だけの表示にしてる。

既に訪れたことあるエントリの引用・導入なんか見なくてもいいっしょ？別に。とsimaは思ってるのでね。

もし、全部消したいだとかタグは表示させたいだとかがあればUserCSSの一番下の辺りをいじってみるといいと思うよ。

一度訪れたエントリの表示について詳しく

タイトルとUser数だけの表示と言われてもどんな感じの表示なのか分からないと思うので、もう少しだけ拡大したスクリーンショットをば。

はてなブックマーク 人気/新着エントリー : UserJS/UserCSS適用後には、既に訪れたエントリをタイトルとUser数のみの表示にする

参考のために複数ページを開きまくってみた。

ちなみに、簡単な表示になるタイミングはページの読み込み時なので、クリックしたからと言ってすぐにたたまれるわけではないよ。

UserJSとUserCSSのダウンロード

UserJSはホントに簡単、というかJavaScriptでXPathを使ってみたかったというだけの10行くらいのヤツなので、まぁ使いたい人だけ使ってみて。

ダウンロードはこちらからどうぞ → b-hatena.js、b-hatena.css

使うためには、Operaでb.hatena.ne.jpに対して適用してちょ。
人気/新着エントリのページではbody要素に始めからid属性がセットされてて、それを使ってUserCSSを書いてるので広範囲に誤爆して適用されるってことはないと思う。

他のブラウザでも単純なものなので動くような気がしないでもないけど試してない。IEはダメだろうけど。ってかIEって、UserJSの設定できるの？知らない。UserCSSの設定できるの？知らない。

花見のシーズンかー。花見はしたいけど。したいんだけどなー、うーん（意味深）。

]]> http://f-u.seesaa.net/article/116118682.html OpeTumblrを使ったときの雰囲気を味わう 前回のOpeTumblrを使うとどんな感じで表示されるかだけ書いておこっと。コードの生成は前回の記事でどうぞ（使いたいという奇特な人は）。OpeTumlrをOperaのポップアップメニューから実行OpeTumblrのコードをOperaのmenu.iniに貼り付けると、Operaのポップアップメニューに表示されるようになる。で、これを選択すると…。link（リンク）投稿リンクの投稿はこんな感じ。photo（イメージ）投稿イメージの投稿の場合はこんな感じ。ちなみに「リンク先のイメ... Opera sima 2009-03-23T23:27:40+09:00 前回のOpeTumblrを使うとどんな感じで表示されるかだけ書いておこっと。コードの生成は前回の記事でどうぞ（使いたいという奇特な人は）。

OpeTumlrをOperaのポップアップメニューから実行

OpeTumblrのコードをOperaのmenu.iniに貼り付けると、Operaのポップアップメニューに表示されるようになる。

OpeTumblr: Operaの右クリックポップアップメニュー

で、これを選択すると…。

link（リンク）投稿

OpeTumblr: link（リンク）投稿

リンクの投稿はこんな感じ。

photo（イメージ）投稿

OpeTumblr: photo（イメージ）投稿

イメージの投稿の場合はこんな感じ。

ちなみに「リンク先のイメージ」と文字が出て、かつ画像が表示されなかったら、その表示されてない画像をクリックしてみてちょ。（これは、リンク先の画像を優先的に取得するようにしてるんだけど、たまに画像じゃないときがあるんだよね、そのため）

quote（引用）投稿

OpeTumblr: quote（引用）投稿

引用の投稿はこんな感じ。

ちょっとした説明

これは全て、エディットモード、タグありの状態での様子ね。

編集なんかせずにそのまま一発投稿だ！という人は簡易モードにすれば、このウィンドウは表示されずにもっとシンプルになる。

タグもいらん！という人はタグ入力をなくすこともできる。

以上。コードの生成は前回の記事で。

最近、よく今日の一言を書くのを忘れる。まぁたいしたことは書いてないからいいんだけども。

]]> http://f-u.seesaa.net/article/115825828.html Tumblrに一発ポスト！OpeTumblrを改良した 前に書いた「Operaの右クリックメニューから一発でTumblrにポストする」というOpeTumblrがあまりにアレな感じのソースだったので、ちょっと改造してみた。OpeTumblrでできることOperaの右クリックメニューからTumblrへ超簡単にクリップ（Link/Quote/Photo）タグの入力もできる（タグが必要ない人は非表示にもできる）ページのタイトル、URL、などを自動的に取得選択テキストがあるときは、それも合わせて取得タイトルやテキストの文字を自動的に変換（全... Opera sima 2009-03-18T01:31:39+09:00 前に書いた「Operaの右クリックメニューから一発でTumblrにポストする」というOpeTumblrがあまりにアレな感じのソースだったので、ちょっと改造してみた。

OpeTumblrでできること

  • Operaの右クリックメニューからTumblrへ超簡単にクリップ（Link/Quote/Photo）
  • タグの入力もできる（タグが必要ない人は非表示にもできる）
  • ページのタイトル、URL、などを自動的に取得
  • 選択テキストがあるときは、それも合わせて取得
  • タイトルやテキストの文字を自動的に変換（全角を半角にして、HTMLエスケープ）
  • Photo投稿の場合、リンク先が画像の場合はそれを優先的に取得

また、投稿のモードとして、エディットモードと簡易モードのどちらか好きな方を選べるようにした（名前は適当）。投稿の前にいくらか修正を行うか、今まで通りの一発投稿かの違いね。

文字の変換はsimaが全角文字が嫌いなので、そのため。「３月」なんて見るとイラッとする。更に、「2009年３月１８日」なんて混在してると発狂する。統一しろよ！とw それからHTMLエスケープは「<」や「>」なんかを投稿すると変なことになるのでその対処として。

OpeTumblrコード ジェネレータ

またまた改造した。新しいのはこちらで → OperaでもっとTumblrる！

Operaのmenu.iniに貼り付け

それぞれ使いたいものを、Operaのmenu.iniの次に示すセクションに好きなだけ貼ればいいと思うよ。

Link（リンク）
[Document Popup Menu] : ページの右クリックポップアップメニュー
Quote（引用）
[Hotclick Popup Menu] : 選択テキストの右クリックポップアップメニュー
[Link Selection Popup Menu] : 選択リンクテキストの右クリックポップアップメニュー
Photo（イメージ）
[Image Popup Menu] : イメージの右クリックポップアップメニュー
[Image Link Popup Menu] : リンクイメージの右クリックポップアップメニュー
[Link Popup Menu] : リンクの右クリックポップアップメニュー（好みで）

Link（リンク）とQuote（引用）は、それぞれを[Document Popup Menu]、[Hotclick Popup Menu]、[Link Selection Popup Menu]の全部に貼っても動くと思うけど、そこまで頑張らなくてもいいと思う。

終わりに

使い方は、そんな説明するほどでもないんだけどそのうち記事にするかもしれない。

した。OpeTumblrの雰囲気を味わうには書いた記事を参考に。

それから、UserCSSを適用させたページで実行すると表示が変になる場合がある。これはどうにかしたいなぁ…と思いつつどうすればいいのか悩む。

あと、これ普通にメールアドレスやパスワードをformで送っちゃってるんだよね。セキュリティ的にはヤバいと思うんだけど、どう対処したらいいか分からん。だから使いたい人だけ使ってちょ。あぁ、いつもの決まり文句を言うの忘れてた、Operaでしか動かないので注意。

ANSWER - アンジェラ・アキ

このアルバムがヤバい。良すぎる。

1曲目から心の琴線に触れまくりだね。

この曲は、アンジェラ・アキが自分自身が15歳の時に自分宛に書いた手紙が30歳の誕生日に母親から届いたことをきっかけに作られたということで、simaはもちろん自分に手紙なんて書いたことないんだけど、そんなことはまぁ置いといていい歌過ぎる。

他の曲ではダリアって曲もいいわ～。

そんなファンっていうわけでもなかったんだけど、simaの中でのランキングが急上昇。

これはとりあえず、「聞いて損はないアルバム」の中の1枚になった。

]]>