2010年8月31日火曜日

JavaScriptだけのGoogle検索作りました。

このエントリーをはてなブックマークに追加

個人サイトに置いてあります

Search Box
LooxUと初音ミクで行こう!のGoogle検索結果を表示するだけの簡単なツールです。
まだβ版ですので、色々修正が必要だとは思いますが、告知だけ。
jQueryとか一切使っていないPureなJavaScriptでもここまで出来るんだよって事をやってみたかっただけです。
ソースはPublic Domainなので好きなように使ってください。

2010年8月28日土曜日

ニコニコ動画をダウンロードするUserScriptを更新しました。

このエントリーをはてなブックマークに追加

1日で更新

更新早いよーとか言わないでください。
はてなスターとかはてブとかLDCで引用したりしないでください。

えっと、まず変更点をば
・DOMContentLoadedが効く場合と効かない場合を分けて処理しています(拡張子がuser.jsの時と.jsの時ね)
・mallowlabsさんに指摘された、詳細非表示の時にもダウンロードリンクを出すようにしました。
・あと、Opera専用になりました。
 ・他のブラウザでは、contentWindow.postMessageが触れなかったのだよ、ワトスンくん。
 ・UserScriptじゃなければ特に問題ないんだけどねぇ。
 ・それ、なんて拡張機能(アドオン)?
 ・真面目にやるとアレなので、真面目にやりたい方にお任せします。
・Safariな人は標準機能でダウンロード出来るから、このスクリプトはいらないよね。

ソースコード

2010年8月27日金曜日

ニコニコ動画をダウンロードするUserScriptを書きました。

このエントリーをはてなブックマークに追加

ニコニコ動画ってダウロード出来るのだ

UserScriptを使えばなっ!
地味にクロスドメインな感じだったので、window.postMessageを使って色々やってみました。
元ネタは、ニコニコ動画をダウンロードできるようになるGreasemonkeyスクリプトのOpera版(管理人日記) - むぅもぉ.jpだったのですが、postMessageベースになってしまったので、まるまる書き換えたイメージです(笑)
日付を見ると、3年も前のネタなのかー。そりゃ、動くはずがない(笑)
ライセンスはいつもどおり、public domainにします。
例の如く、Operaでしか動作確認していませんが、FirefoxやGoogle Chromeでも動くと思います。
Safariは……分かりません(笑)
UserScriptが動くならば或いは……。

8/28追記
== 追記ここから ==
確認した所、Operaでしか動きませんでした……orz
テコ入れします。
== 追記ここまで ==
ブックマークレットでは絶対動きませんので、なんとかしてやろうとか思わないでくださいw

UserScript.org

nicovideo down for Greasemonkey
http://userscripts.org/scripts/show/84552
Firefoxな人やコピペ面倒という人は↑をどうぞ

ソースコード

ソースコードは下記の通り

2010年8月24日火曜日

vimでの文字化け回避

このエントリーをはてなブックマークに追加

自分用メモ

set encoding=utf-8
".vimrc(_vimrc)が cp932の場合
scriptencoding cp932

これを_vimrcに設定しておくとコピペの時に文字化けしなくなる。
windows限定の話。

参考リンク
vim/gvimのUTF-8化とファイルの文字コード自動認識 - fudist

2010年8月23日月曜日

マウスカーソルを変えてみた。

このエントリーをはてなブックマークに追加

マウスカーソルを変えてみたって何?

マウスポインタの形状に関する私見
上記の記事を読んで初めて気づいたのですが、Operaだけが本文のマウスカーソルがデフォルトのままで、少しびっくりしました。(参考)

このBlogはOpera大好きな変人が運営していますので、早速先の記事を真似てbodyにcursor:default;を記載しました。
Opera以外のブラウザを使っている方は参考リンクの本文と比較してみて下さい。
今回のCSSの修正で、どのブラウザで見てもOperaで見てるっぽい雰囲気が出るようになりました。
もちろん、それで違和感を感じる人は少ないと思います。
(実際、僕は違和感を今まで感じていなかった)

もう少し書かせて

今まで見落としていた箇所でしたが、今後CSSを書く時はマウスカーソルの状態も考えながら書いてみたいと思いました。
でも、文字選択時はI字のカーソルになっちゃうんですよね。
その辺上手く書き直せたら良いなぁと思います。
以上です

2010年8月20日金曜日

javascriptは外部ファイルにした方がいいの?それとも、インラインの方が良いの?

このエントリーをはてなブックマークに追加

事の発端

os0xさんのブログコメントで、javascriptの書き方について、面白いやり取りがありましたので、それについての私見を書きたいと思います。
結論から言いますと、プログラマ的な立場から言わせて頂くと、外部ファイル管理が望ましく、コーダ的な立場から言わせていただくとインラインが望ましいです。
なぜそのような結論に至ったのか、まずは経緯を御覧ください。

コメント欄でのやり取り

os0xさんのブログコメント欄を引用しています

2010年8月19日木曜日

「X分で読めるよ」のブログパーツ作ったよー!

このエントリーをはてなブックマークに追加

サイトの滞在時間を13.8%伸ばすブログパーツです


参考画像


元ネタ
たった一行追加するだけでサイトの滞在時間を13.8%伸ばす方法・・・ - IDEA*IDEA ~ 百式管理人のライフハックブログ
これのリンク先を読んだり、カヤックさんの所のエントリを読んだりして、PHPとかに手を入れなくてもなんとかする方法を考えてみた。
ぶっちゃけ、javascriptで出来るんじゃないかなぁと思って書いてみた

導入の仕方

Bloggerの方は、以下のコードをコピペするだけ

2010年8月18日水曜日

JavaScriptのイベント

このエントリーをはてなブックマークに追加

それはとあるユーザのつぶやきから始まった

Twitterの以下のつぶやきを見て、ちょっと考えてみました。
http://twitter.com/altnight/status/21403130106


@os0x 質問です。Javascriptにおいてイベントの実行順序で詰まることが多いのですが、これを体系的に(あるいは効率的に)学ぶにはどういった方法がいいでしょうか?なにを知るべきでしょうか?


JavaScriptはイベント処理が変態的なので、その癖を掴む必要があります。
ということで、以下に僕なりのイベントに関する考え方をまとめてみました。


イベントとは何か


まず、前提としてイベントとはなんぞやほいという話です。
イベントを日本語訳すると行事とか出来事とかになりますね。
プログラムの世界で言うならば例えばマウスをクリックしたとか、キーボードを押したとか、ページを読込み終わったとかそういう処理のことを「イベント」と呼んでいますね。
大前提なので書くまでもないのですが。

イマドキのイベント関数

JavaScriptを学びはじめて間もない人はどうやったらイベントを「追加」出来るのだろうかと考えますね。

2010年8月14日土曜日

AAテスト

このエントリーをはてなブックマークに追加
            _,,... --‐─- 、.,
         , '´           `' .、
      ,. '"´                ヽ.         /L,
    /                ヽ      '、        / /
   /        ,〈     i / !   ',     ヽ、    //
   ,'     |  ,! ト、  | />‐くハ  ,|      `ヽ. ´
   !    ,ハ __八| \|'´ i´ ハ〉! /'ト-‐ァ     / ',
   ',  i   .|./ ,!-、     ゝ-゚' レ'| .ハン\ /   !     ;'´i ,.-、   一回だけおことわりするわ
   )八   !.イ !,ハ      ⊂⊃/´    !/    / (`ヽ. ./ .レ' /!   ああ妬ましい妬ましい
   '´   \,ハ  ゝ'  '       ハ __/   /  _.〉 i/  / .//
     / /ー-!⊃   ‐ ´     ∨ `Y:::`X>ー-ァ'´      ' /
     !/   ト 、           ,ハ //:::;「  rハ、__r‐-、_,.イ、
     ,'   ,ハ  |`7ァ=rァ'i´-‐'  ,./、::::::/   /ゝ-、__   r、__ノ)
     ! /∨\ レ',..イ:::〉、__ノ/::::::>/   !    ` ̄   !
     )'     )/´ |∨::|__/::/::/::/   八         /
           /   |∧/ / !/:へ:::/  /|::::ヽ  、  ノ   ,'
           /    |/    |::::/:/     ト、_,ハ        !
         /´`ァ.、/  ,   ,'::く::::;'     .,' rァ-!       !
         >、'::::/  /.!  /:::::::>i     / ∧. ヘ.      /
      ,r/  `く.__/-|_/|:::/:/    /.// ヽ、.,_  __/
     / ゝ、.,_,..ヘ 八::::|:::K::/   _/´ 〈      ̄
                    r'=======ヽ
                  _|l| __  ___ |::|
.            {、   ,  ´:.:.:.:|l|:.:.:.:.Y:.:.:.:.:.:. ̄ ヽ
            >`'´:.:.:.:.:.:.:.ミ|l|:.:.:.:.人:.:.:.:.:.:.:.:.:.:.:.:.ヽ
.          /ソ:.:.:.:.:.:.:.:.:、:.:.:.:|l|>、彡ハ:.:.:.:.:.:.:.:.:.:.:.:.:.ヽ         お断りですよマスター
        /´ /:.:.:.i:.:.:.:.:.:.:lヽ、:.゛=====ヘ:.:.:.:.:.:.:.:.\:..ヽ
        《 .r'/:.:.:.:..{:.:.:.:.:.:´{⌒ヽ:.:.:.:.:ヽ::::〃´\:.:.:.:.:.:.:.:.\:.ヽ
        V {:.:.:.:.:.:ハ:.:.:.:.:.:.', , ≧:.:.:.:.:.V::::::::::::::>、:.:.:.:.:.:.:.:.:.\:ヽ
      , -‐-、{:.:.:.:.:.:.lヘ:.:.:.:.:.l〃斥心ア:.:l:::::::::::::/  ヽ:.:.:.:.:.:.:.:.:.ー-` 、
     r'/ `ヽ:.V:.:.:.:.l  ヽ:.:.:.i 弋zソ i:.:.l_,_ノ    \:.:.:.:.:.:.:.:.:.:.:.:.:.:
     f':::::::::::::::ハ个、:.:.圷心ヽj     i:.:.l=-'/       ヽ:.:.:.:.:.:.:.:.:.:.:.:
    /::::::::::::::::::::V八ヽ:.弋ソ ,     i:.:/:.:く        ヽ:.:.:.:.:.:.:.:.:.:
    /::::::::::::::::::::::::リ:人:.:.:ゝ   - '  イノf´⌒         V:.:.:.:.:.:.:.:
   /:::::::::::::::::::::::/:.:.:.:.ヽ:.:.:.l≧ =-r イ_ -'´ヽ_          V:.:.:.:.:.:.:.
   /:::::::::::::::::::::/l:.:.:_:.:.:_>'‐-rゥ'´><     イ、          ヽ:.:.:.:.:.:
  /::::::::::::::::::::ノ` ̄ヾ、    }ソ./云ヽ  /イj ` ヽ         ,:.:.:.:.:
  {:::::::::::::::::::´:::::::::::::}:|   rソイ__/ Vソ  l:{    }        .}:.:.:.:.
.  V::::::::::::::::::::::::::::ノノ-‐イ /:':.l      l:〉    ,        l:.:.:.:.
   ` ー‐ ´ ̄T ̄´.γ´ /:.:.:.:./  ≡≡ .l:}/   ,'        j:.:.:.:.:
.         l:.:.:.:.:八 /:.:.:.:.:.{       リ   ,        ノ:.:.:.:.:
.         i:.:.:.:.:.:.:ゝ{:.:.:.:.:.:.l、    ノ /f`== 'ノ       /:.:.:.:.:.:.
.         |:.:.:.:.:.:.:.} l:.:.:.:.:.:.l ` ̄ ´ / }:::::::::::|       /:.:.:.:.:.:.:.
.         l:.:.:.:.:.:.:.i |:.:.:.:.:.:.:l     /  j::::::::::::l     /:.:.:.:.:.:.:.:.:
.         j:.:.:.:.:.:.:i L_:.:.:.:.:.l _,  〉 .{:::::::::::::}   /:.:.:.:.:.:.:.:.:.:.:.:
出典:嫁宣言して50分以内に嫁AAにお断りされなければ結婚です

2010年8月9日月曜日

Favstar.fm用のUserScriptを書きました。

このエントリーをはてなブックマークに追加

今日、favstar.fmを見てみたんだけど

なかなかいい感じ。
クローリング速度が十分速い。
でも、不満点が無いわけではない。
それは、ふぁぼったー風の文字表示。
あの色表現が絶妙なんだよね、ふぁぼったーって。

favstar.fm用のぐりもん見つけた

Colorful Favstar.fm for Greasemonkey
http://userscripts.org/scripts/show/82891
Firefoxユーザだとコレで良いよね。
でも、Operaユーザ的にちょいこれだと不満。
後、フォント小さすぎる。
favstar.fmと若干デザインが合わない。

ということでコード書いた。

保存して使ってください。
恐らく、.user.jsよりも.jsで保存する方がOperaユーザは幸せになれるとおもう。
(僕はcolorful_favstar.fm.jsって名前にした)

2010年8月6日金曜日

IE9 PP4がやって来た!

このエントリーをはてなブックマークに追加

IE死ねの定義を変えたいと思います

僕のTwitterを眺めたことがある人は、仕事中に8割くらいの確率で「IE死ね!」と叫んでいる姿を見たことがあると思います。
あの罵倒は大抵、IEに対して無差別に行っていました。
しかし、この度IEBlogの記事を見てIE死ねの範囲を変えたいと思うに至り、このブログエントリを書きたいと思います。
IE死ねが適用されるのは、IE8以下まで!

IE9 PP4の実力

IEが駄目駄目を晒すのに適したベンチマークと言えば、Acid3でしょう。

見てくれこのスコア、どう思う?
凄く……モダンブラウザです……。

2010年8月3日火曜日

僕の最近のHTMLの書き方のまとめ

このエントリーをはてなブックマークに追加

最初に

「の」が連続するって頭悪そうに見えて良いですよね。

HTML5について

HTMLを書く時、色々考える事が多いです。
HTML5で統一して書ければ良いんですが、お客様の要求次第ではそれでは不十分であることが多々あります。
個人的には一番操作(?)しやすいHTML4.01 Strictが好きなのですが、XHTML 1.0 TransitionalやHTML4 Transitionalを愛する方々もいらっしゃいます。
一時期は僕もXHTMLで頑張って書いていた事もありますが、やっぱりシンプルなのが一番良いなぁ。みたいな。
HTML5は非常にシンプルなので、とても好きです。