JavaScript Advent Calendar 2011 参加者募集！ - by edvakf in hatena
なんと今年は4本立て！ それぞれコピペで紹介してみます。 JavaScript Advent Calendar 2011 (フレームワークコース) : ATND 「JavaScript Advent Calendar 2011 (フレームワークコース)」では jQuery, dojo, ExtJS, Sencha などなど好きな JavaScript フレームワーク（クライアントサイド）について書いてください。 JavaScript Advent Calendar 2011 (WebGLコース) : ATND 「JavaScript Advent Calendar 2011 (WebGLコース)」では、WebGL とその周辺技術について書いてください。Three.js や 3D Matrxi ライブラリや Kinect 連携等も含みます。 JavaScript Advent Calenda
GNU screen を使うときにやるべきたった一行の設定と、Mac の Terminal.app でマウスを認識させる方法 - by edvakf in hatena
タイトルは↓の記事へのオマージュです。 Mac で GNU screen を使う時にやるべきたった一行の設定 - #生存戦略 、それは - subtech ここで紹介されてる termcapinfo xterm* ti@:te@ について調べました。ここの FAQ に詳しく書いてありますが、ちょっと分かりにくいので順を追って説明します。 普通のターミナルで、less などのフルスクリーンプログラムを開いて、 ここで終了すると、 こうなりますよね？ ところが、GNU screen の中だと、デフォルトではこうなってしまいます。 これは、普通のターミナルの alternate screen という機能を使って「別画面で」フルスクリーンプログラムを実行しているからです。screen の中では alternate screen が有効ではないので、普段の感覚と違っていつもムキーってなります。このせ
JScript (WSH) でフォルダ監視 - by edvakf in hatena
JavaScript Advent Calendar の14日目の tricknotes さんが JScript を押してたので乗ってみる。JScript の難点は調べても情報が出てこないことですね。 日常のスクリプト言語にJavaScriptはいかが？ - tricknotesのぼうけんのしょ WQL というやつの __InstanceCreationEvent を使えば特定のフォルダの中にファイルが作られたとき（移動されたときも）に何か操作をすることができるらしい。 var computer = '.'; var drive = 'C:'; var path = '\\Users\\ユーザー名\\'; var wmi = GetObject("winmgmts:\\\\" + computer + "\\root\\CIMV2"); var wql = [ "SELECT * FROM
node.js のソースぐらい読んでおきたい！ - by edvakf in hatena
JavaScript Advent Calendar 2010 という企画をやっています。既にもう7日目なのですが、まだまだ os0x さんや hasegawayosuke さんや nanto_vi さんや secondlife さんといったすごい方々が記事を書いてくれる予定になっていますので、是非チェックしてみてください。 今日は、最近話題の node.js を読んでみます。僕自身は node.js を追っかけてたのは今年の5月ぐらいで、ソースは半年以上見てなかったのですが、この機会にまた読みました。この記事は、C++ は一応読めるけど V8 とか libev はあまり知らない node.js 好きの人を念頭に置いています。 拙訳の Embedder's Guide - V8 JavaScript Engine に書いてあるようなことは説明なしでいきたいと思います。また、適宜 libev
body { position : relative | absolute | fixed; } - by edvakf in hatena
body 要素のデフォルトスタイルは position:static なのだが、サイトによっては position:relative とかが付いていたりする。以下では、そういうサイトで起こる問題を説明する。 例えば何か適当な要素をドキュメントの一番左上に置くとき、その要素の position を absolute にして、top と left で座標を指定することがある。特に JavaScript で動的に作る要素はこういうことをする場合が多い。左上に限らず、マウスでクリックした位置に要素を置く場合の常套手段でマウスイベントの pageX と pageY を使ったりもする。 そういうとき、body の position が static なら のようにちゃんとドキュメントの左上基準で要素が置かれるところが、relative や absolute だったら、 のように body の左上基準で
オレ標準 JavaScript 勉強会に行ってきました - by edvakf in hatena
os0x さんと企画した「オレ標準 JavaScript 勉強会」が終わりました。os0x さんには結局ほとんど全部まかせっきりになってしまって、大変おつかれさまでした。参加者の皆様も本当におつかれさまでした。自分にとっては初めての技術系勉強会だったのですが、時間は別としてけっこう上手くいったのではないでしょうか。 早速ですが、自分の発表したスライドはこちらです。 http://edvakf.github.com/orejs/opera.html http://edvakf.github.com/orejs/opera.html#coverflow ↑2つめリンクは Mac Safari でしかちゃんと動かないと思います (が、Windows の Safari 5 でも動くとか Chrome でもコマンドラインオプションで動くようになるという話も)。一応1つめのリンクは Opera/Web
「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena
Nicole Sullivan さんの素晴らしいプレゼン。 5 Mistakes of Massive CSSView more presentations from Nicole Sullivan. 内容は30分ぐらい。ビデオのほうが分かりやすいのでおすすめ。だいたいスライドの35ページ目まではあんまりおもしろくないので飛ばしてもいいと思う。 スライド中に出てくる衝撃的な統計は、Sullivan さんのブログにもまとめられているのでご一見を。 Top 5 Mistakes of Massive CSS | Stubbornella 要旨 CSS の「ベストプラクティス」は間違っている。 プレゼンでは Facebook の例を挙げているけど、例えばサーバー側のロジックでは、ページヘッダー、右コラム、中央、左コラム、フッター、のようにビューを分けるところだけど、CSS をそのような区分でデザ
中部経済新聞の思い切った Ajax の使い方 - by edvakf in hatena
中部経済新聞 全国で唯一のブロック経済紙 愛知 岐阜 三重 静岡 東海地方を中心としたの経済情報など 中部経済新聞社 ↑検索してはいけません。 Firebug に注目。全文データのダウンロードに約30秒待たされ、その後 Firefox が数分固まった。 固まらないという人もいるみたい。もしかしたら Firebug のせいとか…? アドオン無効にしたらすぐ検索できるようになった。回線が速い人はダウンロードもそんなに気にならないかも。 固まるのは自分だけではなかったみたい。調べてくれた人がいました。 検索しちゃだめってのにやったら固まった。でも、これMTのせいじゃないよ。RT @KazumaNishihata: 新聞社のサイトをMTで構築っての無理がある気がするよね。 http://bit.ly/cyRh4j *YF* https://twitter.com/tomix/statuses/15
VP8 コーデックのライセンスについて - by edvakf in hatena
オープンソースとして公開された VP8 コーデックですが、それについて何か書こうと思っていたら、素敵な記事がもう書かれていました。 BLOG.MINAWA.NET: Xiph + Matroska + Google = WebM 重要なのはここですね。 ちょっとおもしろいのが、今回の件でついでに発表されたパートナー企業の顔触れです。MozillaやOperaといった直接関係のある企業や、 SorensonといったOn2のライバル的企業(VP8がBSDライセンスなので独自で開発するのかな)や、AMDやARM、MIPSやTIといった PCから組み込み系までのハードウェア企業の賛同も取り付けているようです。こうやってみると、見事に家電系のメーカーがいませんね。そりゃそうか。そういった企業は既にH.264側ですからね。 パートナーとして発表されたのは、Google、Mozilla、Adobe、Op
CoffeeScriptが楽しい - by edvakf in hatena
知ってはいたけど自分では書いたことがなかった CoffeeScript。上のほうにある "TRY COFFEESCRIPT" ってやつを押すと、リアルタイムで CoffeeScript を JavaScript に変換して実行もできる。 Ruby + Python を2で割ったようなシンタックスで、ヒアドキュメントやら Range やらの構文や、最後の値とか if 等で計算した値をよろしく return してくれたり、痒いところに手が届きまくりで JavaScript を書くときのアノ苦痛が激減する。面白いと思ったのは、ループが while しかなくて、while は計算結果の配列を返す式というところ。式なので関数に渡したりできる (まあそれをやると生成した JS が見るに耐えなくなるけど)。 1.0 になるまでは構文に変更があるかもしれないので遊び程度に思っていてねと書いてあるけど、生成
LDR/Fastladderの各記事に何かをするUserJSを書くとき（旧：LDR/Fastladderではてなブックマーク登録数を表示させる） - by edvakf in hatena
タイトル変更した→旧「LDR/Fastladderではてなブックマーク登録数を表示させる」 既にいいのがあったので、ここらへんは読み飛ばしてください。 最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方 どっかにありそうだったけど探すのが面倒だったので作った。需要があったっぽかったし。 LDR_hateb_count.user.js // ==UserScript== // @name LDR_hateb_count.user.js // @include http://reader.livedoor.com/reader/ // @include http://fastladder.com/reader/ // ==/UserScript== (function(win){ win.ItemFormatter.TMPL.tmp
JavaScriptでCSS Minifier - by edvakf in hatena
JavaScript で書かれた CSS Minifier がほしいと思って探してみたんだけど、PHP などは多々あれど JS のは皆無だった。(サーバーサイド JS が流行れば出てくると思うんだけど) 色々探した挙句、こういうのを発見して、 Any recommendations for a CSS minifier? - Stack Overflow そこからのリンクで C# で超高速 CSS Minify アルゴリズムというのがあった。 KO Software - Blog - An Ultra Fast CSS Minify Algorithm やー、Stack Overflow すばらしいですね。 アルゴリズムは正規表現を使うのではなくて、一種のステートマシンを作る方法でやっていて、高速かつ CSS の仕様にもよく適合してるらしい。 というわけで、それを JS で書いてみた。 g
//から始まるURL - by edvakf in hatena
このブログでも前に一回出てきたことがあるんだけど、// から始まる URL のことが紹介されていた。(問題・このブログのどの記事で出てきたでしょうか?) Using Protocol Relative URLs to Switch between HTTP and HTTPS - HttpWatch Blog <img src="//example.com/img/foo.jpg" />とか書いてあると、そのページのプロトコル (http: か https:) をブラウザが勝手に補完してくれるので HTTP と HTTPS を使い分けるのに便利だよっていう話。 ただし、IE7と8では // から始まる URL で指定されたスタイルシートは何故か2回リクエストが出てしまうので気をつけましょう。…らしい。(受け売りです) High Performance Web Sites :: 5a Mis
要素が画面上に見えているかどうかを調べる - by edvakf in hatena
document.elementFromPoint という便利な関数を知ったので、今作っている Chrome 用 Migemo ページ内検索で使ってみた。 これが困ったことに、ブラウザごとにかなり挙動が違うのだけど、本来の動作はこんな感じらしい。 待望の document.elementFromPoint が Firefox 3.0a8pre にて実装された。仕様は nsIDOMNSDocument.idl に詳しく書いてあるが、おおよそ以下の通りである。 HTML, XUL どちらの document に対しても使用可能 document の左上を (0, 0) とし、位置 (x, y) にある実際に見えている要素を取得する 同一の document 内に存在する要素のみ取得可能。例えばインナーフレーム内の document 内に存在する要素は取得できず、代わりに iframe 要素を返
Terminal.appでlsのファイル色を変える - by edvakf in hatena
検索したらいっぱい出てくるのだが、Mac OS XのTerminal.appで ls -G を実行した時の色分けで、ディレクトリの色が青なのが黒背景だとすごく見づらいので、シアンに変更してみた。 変更前↓ 変更後↓ やりかたは、Interpreting Color "ls" Output | Mac Geekeryを参考に、.zshrcに export LSCOLORS=gxfxcxdxbxegedabagacad を追加してから source .zshrc を実行。環境変数LS_COLORSを使うのがGNU ls流儀らしいのだけど、そうでなくてLSCOLORSなのはBSD系だからかな？ その後ろのgxfxcx〜というやつは、 # Type Foreground Background 1,2 Directory blue (default) 3,4 Symlink magenta (def
ChromeMigemoとSKK辞書のライセンス - by edvakf in hatena
まず、ChromeMigemo をアップデートしました。 と言っても自動アップデートされるはずなので既に Extension Gallery からインストールしてる人は何もしなくてもいいはずです。 前は、例えば「s」で検索すると、さ行の語が全部ヒットするので巨大な正規表現になっていましたが、「三」があるのに「三年」とか「三段構え」とかまでマッチする正規表現を作る必要はないだろうってことで改良を加えたところ、けっこう速くなりました。 SKK 的な書式にも対応。"taBeru" → 「食べる」など。 その他色々バグ修正。 ライセンスについて ChromeMigemo のライセンスは MIT ライセンスなわけです。 でも使ってる辞書はSKK辞書を改変したものなので、GPL なのです。 自分もあんまりよくわかってないのですが、MIT ライセンスのパッケージに GPL の辞書を含めて配布するのはいけ
ChromeMigemo Extension - by edvakf in hatena
Chrome で Migemo 検索するための Extension を作りました。 Extension Gallery に登録しました。 Google Chrome Extensions: ChromeMigemo これは何? Chrome 用 Migemo サーバー Extension です。 Migemo って何? Migemo: ローマ字のまま日本語をインクリメンタル検索を読んでください。 どうやって使うの? これだけインストールしても何も使い道はありません。他の拡張と連携して使うものです。 どうやって他の拡張と連携するの? Extension 間通信システムを使います。 他の拡張でこのように書くと、検索語 (ローマ字) から正規表現が作れます。 var regexp; var query = 'kaisetu'; chrome.extension.sendRequest( 'poc
140字以内ブックマークレット - by edvakf in hatena
個人的にハマってる140字以内のブックマークレット。"javascript:" で既に11字使ってるのが痛い。 その1。 今月のカレンダー。 javascript:d=new Date;d.setDate(1);w=d.getDay();c=[];i=0;while(w--)c[i++]='\t';for(n=1;n<32;n++)c[i++]=n+(i%7?'\t':'\n');alert(c.join('')); 139字。 30日までの月と31日までの月と2月を分けようと思うと160字超えてしまう。閏年を判定すると180字ぐらいになってしまう。どうにかならんかなー。 119字でできた。 javascript:d=new Date;d.setDate(1);w=i=d.getDay();for(c='';w--;c+='\t');for(n=1;n<32;c+=n+++(++i%7?'
「HTML5のcanvasで作る画像フィルター」は自分ならこう書く - by edvakf in hatena
ASCII.jp：HTML5のcanvasで作る画像フィルター｜古籏一浩のJavaScriptラボ こちらの記事をたまたま拝見して、コメント欄もなければトラックバックもできないようなので、どうやって反応を返せばいいのかわからないけれど、もし古籏一浩さんご本人が見てくれたらいいなあ、ということで書きます。 全体的にはとても素晴らしい記事なのですが、いくつか言いたいことがあります。 ImageData まず、CanvasRenderingContext2D#createImageData というメソッド。これは知りませんでした。 Opera には window.ImageData というグローバルオブジェクトとして似たものが定義されています。(createImageData と違い、第三引数に配列を渡せるのが特徴ですが) if (window.CanvasRenderingContext2D
「モバイルにWebKitは存在しない」 - by edvakf in hatena
QuirksBlog: There is no WebKit on Mobile The Great WebKit Comparison Table Quirks Blog の PPK さんが、複数の WebKit 系エンジンのブラウザで特定の機能がサポートされているかをまとめて表にしてくれた。 僕としては、けっこうショッキングだった。"There is no WebKit on Mobile" というタイトルの意味は、それぞれのブラウザ（モバイル端末）の WebKit のバージョンに違いがありすぎて、"The WebKit" と呼べるものは存在しないということ。 「携帯市場では WebKit が既にデファクトスタンダードになり、それだけをターゲットに開発すればいい」という意見が多く見られるようになってきたが、そこにあるのは "Many WebKits" だよ、と。 今のままだと携帯ブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
