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 が有効ではないので、普段の感覚と違っていつもムキーってなります。このせ
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
「なぜ 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
Bloggerではてな記法を使うユーザースクリプト - by edvakf in hatena
Blogger に個人的なブログを作ったので、慣れ親しんだはてな記法が使えるようにしてみた。 Opera, Chrome, Firefox (Greasemonkey) で使えるはず。 http://gist.github.com/346427 (ソース) http://gist.github.com/346427.txt#blogger-hatena-syntax.user.js (Greasemonkey でインストール) (Chrome は自動インストールにならないみたいなので、blogger-hatena-syntax.user.js という名前で保存して Drag & Drop したらいいかな) text-hatena.js を使わせてもらった。 特徴は、スーパー pre 記法のシンタックスハイライトに対応していること。オリジナルの text-hatena.js はスーパー pr
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
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?'
要素が画面上に見えているかどうかを調べる - 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 要素を返
ある要素が見える位置までスクロール - by edvakf in hatena
into_viewport という関数を作ってみた。 Chrome 以外ではチェックしてない。(でも IE 含め、他のブラウザで使えない関数などは使ってないはず) IE に getComputedStyle が無いのを忘れてた。var s = getComputedStyle(elem, null); のところを var s = window.getComputedStyle ? getComputedStyle(elem, null) : elem.currentStyle; にしたらいいのかな? (IE 持ってないのでわからない) 微修正。body や html 要素に overflow:auto などが着いてると変なことになる件。あと、Firefox と Opera では互換モードのとき document.body.scrollTop が使えて、標準モードのときは document.
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
Diggの高速化技術MXHRを解説してみる - by edvakf in hatena
これのこと。 AJAXサイトをスピード化するMXHR - huixingの日記 Digg the Blog » Blog Archive » DUI.Stream and MXHR どこにも解説が無かったので、詳しく読んだ。 上の記事から引用すると、「サーバーとクライアント間で、ただひとつだけのHTTPコネクションを開く。これによりサーバーがページのどのパーツを先行して読み込むかをコントロールすることが可能になり、ユーザーにとってはページ読み込みがほぼ一瞬で済むことを意味する。」という技術。XMLHttpRequest を使って複数のデータを受信する場合に効果がある。 まずデモから デモ1は10個のテキストをダウンロードして表示するもの。 デモ2は300個の画像をダウンロードして表示するもの。 どちらも左側 (MXHR 有効) が完了した後に右側 (MXHR 無効) を開始するので驚かない
JSDeferredがやっとわかった - by edvakf in hatena
JSDeferred による非同期処理のスライドを見て、「JSDeferred っておもしろそー」って思ってたんだけど、1ヶ月放置した挙句にやっと読み始めた。 JSDeferred の解説記事って検索しても出てこないので、ソース読まずにはちゃんとした使い方がわからない。 それどころか、ソース読んでも一見何やってるのかわからない。(おまけにコメント部分の英語がちょっとアレなのでというのもあるけど…) というわけで腰を落ち着けて読みながら理解した点をメモってたら、こんな分量になってしまった。 JSDeferredのソース読んでる - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その2 - JavaScriptで遊ぶよ - g:javascript JSDeferredのソース読んでる・その3 - JavaScriptで遊ぶよ - g:jav
自前でキーボードショートカットを実装するウェブサイトは、キーボードでブラウジングする人のことをもっと考えてあげてください - by edvakf in hatena
簡単なことですが、ウェブサイトがキーボードショートを実装した場合、主にそれを使ってくれるのは、「普段からキーボードでブラウジングすることに慣れている人」です。 普段マウスを使う人は、どれだけ便利なショートカットがあったとしても、それに気付くことすらありません。 そして、キーボードでブラウジングする人が嫌うことのベスト3がこんな感じだと思います。 Flash 自分のショートカットをウェブページのショートカットに乗っ取られること。 自分のショートカットとウェブページのショートカットが同時に働いてしまうこと。 2番目は例えば Google Maps で、「もっと下」を見ようとしてマウスのホイールを回したら、ズームしちゃってウゼー!ってのと同じです。 この場合、よっぽどそのショートカットが使いやすくない限り、積極的に使いたいと思いません。 j/k で次のページ・前のページへ移動させるブログとかあり
今日の大嘘 - by edvakf in hatena
Nate Koechley「Professional Frontend Engineering」 - クライアント・サイド・スクリプティング with Web Standards このブログはいつもおもしろいことが書いてあって好きなのですが、今日の記事にこんなのがありました。 CSS Sprite 画像の敷き詰めは水平方向にする。 上下方向よりもサイズが節約できる、ことが多い Talker は Yahoo! のフロントエンド・エンジニア Nate Koechley だそうです。 アレ? と思ったので元スライドも見てみました。 これは大嘘だろと。 yahoo.com といったら、この有様です。(リンクは元画像) ←同じ画像なのに URL が違う→ ←この余白は無駄だろ→ 今見たところ、http://www.yahoo.com には画像が22枚あり、sprite 用の画像は6、7枚でした。 横
Canvasで「さざ波」を作るデモを作ったよ - by edvakf in hatena
試してみて。 Canvas Ripple クリックでさざ波を作り、マウスのボタンを押してる間は200msおきにさざ波を描き続ける。簡単。 波の干渉 (重ね合わせ) もちゃんと見られるよ。 Firefox 3.0.10、Safari 4 beta、Opera 9.64、Opera 10 alpha で試した。 ただ、Opera 9.64 では drawImage(canvas,..) したときの alpha の取り扱いにバグがあるので、色がおかしくなる。Opera 10 なら大丈夫。(ただ Firefox や Safari に比べるとちょっともっさりしてる) uupaa さんの uupaa-excanvas.js では Silverlight モードのときに限って drawImage(canvas,..) が使えるらしいので、一応それもロードしてある。もし IE でも動いたら報告お願いします
既にブックマークしていたら色が変わるボタン：by edvakf in hatena
現在のページがブックマークされているかどうかでアイコンが変わるボタンを作れることがわかった。 未ブックマーク状態。 既ブックマーク状態。 id:higeorangeさんの言っていたのはこういうことだったのか。 挙動は、未ブックマーク時は「ブックマークに追加」ダイアログを出し、既ブックマーク時はサイドバーのブックマークパネルを開いて、現在のページをハイライト。 インストールする方法は、下の文字列をアドレス欄に貼り付けて、出てきたものを好きなツールバーにドラッグ&ドロップ。(はてなダイアリーだとボタンを付けることができないための措置です) data:text/html;charset=utf-8,<a href='opera:/button/Highlight bookmark, , , "Already bookmarked!", "Highlight bookmark" | Add to
Operaをさらに高速にする、あまり知られてない10の方法 α - by edvakf in hatena
はじめに 2ちゃんねるでは下のようなコピペが「爆速」として知られているようだが、その他にもOperaを速くする方法はまだまだある。 アドレスバーにopera:configと入力 クイック検索に「Interpolate Images」と入力 Interpolate Imagesのチェックボックスを外す クイック検索に「Update」と入力 First Update Delayを「500」 Update Delayを「100」 Opera再起動 昨日見つけた記事では、実際に彼のコンピューターでは速くなったよ、として以下の10点が挙げられている。日付が2008年6月29日なので、もちろんOpera 9.5にも対応している。 10 Tips To Speed up Opera 9! - STUFF!!!! - by Higio なお、メニュー等は英語版のものしか知らないところも多いので、スクリーン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
