斜め上を行くとは 一般の人気・最新記事を集めました - はてな
EkomomaI！！ おつかれさまです。三児母です。 ふふ、今日のランチは！ピザピザピザっ！！！ １１：００オープンだから、１０：１５には家でて、 車に子供たち乗せて、出発すればOK！ とおもってたら、外、、、雪つもってる、、、。 エンジンかけて、雪下ろし先にしとかなくちゃ！ 玄関いって、鍵かぎカギ・・・あれ・・？ない。なぜ？え・・・・？ かれこれ10分くらい探してもなくて、 もー諦めよ、お約束してたお友達にも、連絡して。 と思っていたら・・・・ 「あ！とーだった！サルくんがかくしたんだった！」と、 このタイミングで、奥の部屋の隅の床を指すサルくん。 数秒、わたしは情報処理に時間を要しました。…
1600万点とは 食の人気・最新記事を集めました - はてな
アメリカで発売された史上最高の辛さを誇る調味料。 限定999本で発売。 注意書きには、 「食べる際には肌や眼を覆う保護具を使用すること」 「ぜんそく患者などに食べさせると死亡する恐れがある」 「健康な人でも入院する恐れがある」 などと大真面目に記載されている。 ちなみに、食べるには同意書へのサインが必要。 その辛さは1600万スコビル。 計算すると、タバスコの8000倍。 保護具を付けた状態でも、試食した人は30分ほど涙が止まらなかったらしい。 嫌な上司のお茶などに一滴入れるだけで殺傷できる、ある意味毒薬。 →ザ・ソース →スコビル →ハバネロ このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームより
MochiKit、MochiKit - FAX
JavaScriptあー、MochiKit.Async、とってもおもしろい。この感動をどこへ、図だ、図を書きたい。 Deferredは、ゆっくり進行するreduceみたいで、maybeDeferredがiterみたいで、gatherResultsがmapみたい。waitとcallLaterは、malaさん/LDRだなぁ。 はじめてパターンを知ったときみたいな気持ちだー。 Signalも簡単な仕掛けなのに便利で便利でかわいい。オブサーバーパターンみたいに密じゃなくて。パブリッシュ/サブスクライブ・モデルで疎結合になってて、どんなオブジェクトにもイベントモデルを組み込める。メッセージキューをターゲットから切り離すと、あんなに自由になるんだなぁという驚き。 レベルアップだぞう。
Collection & Copy - テキストエリアのカーソル座標を取得する
JavaScriptテストコードのため書きっぱなしです。以下は、テキストエリアのカーソルの下に、候補窓がついてくるサンプルです。これをちゃんと書き直して、補完と組み合わせてみよう。 サンプル pre要素にborderやwidth/height、font-familyやword-spacingなど全ての属性をコピーしてテキストエリアのクローンを作り、その中のカーソルを真似たspan要素の座標を取得しています。もしかして、eventなどから簡単に位置を割り出せるのかなぁ。 カーソルの位置(文字数)はid:kosekiさんのCross Browser selectionStart/selectionEndをコピーして真似ました。 EditArea(コードが大変な感じ)も、テキストエリア(編集領域)とDIV要素(表示領域)を重ね合わせて色々なことをやってる。大量のspan要素で色づけ。 infog
改行コード、pre、textarea - FAX
JavaScriptpre要素内の文字を変更する際、改行コードの扱いが各ブラウザで異なるようなので以下コードで調べました。 var pre = document.getElementsByTagName('pre')[0]; pre.innerHTML='[R]\r[N]\n[NR]\n\r[RN]\r\n[END]'; pre.appendChild(document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]')); innerHTMLで追加した結果は以下です。IEOperaFirefox\r空白のみ○○\n空白のみ○○\n\r空白のみ改行×2改行×2\r\n空白のみ○○ createTextNodeで追加した結果は以下です。IEOperaFirefox\r○○×\n空白のみ○○\n\r○改行×2○\r\n改行+空白○○ この結果を見
CSSルールを一括で追加する - FAX
CSSルールを一括で追加する JavaScript IEのStyleSheet#addRule(selector, property)は、セレクタごとに実行しなくてはいけないため代替を書きました。 Firefox、IE 6.0、Operaで確認しました。 function addRules(css){ document.body.appendChild( document.createElement('span') ).innerHTML = '<span style="display:none">DUMMY</span><style tyoe="text/css">' + css + '</style>'; } ダミーのエレメントがないと、IEではエレメントの追加を検知しないようです。 参考リンク 暴満館 » JavaScriptでCSSを弄る際のメモ The styleSheet o
Collection & Copy - LDR、重複エントリをグレー表示するGreasemonkeyスクリプト
JavaScript 追記 2007/12/6 LDR、重複エントリをグレー表示するGreasemonkeyスクリプト、約第三版 - 実用 新しいバージョンになっています。 -ldrdedupeentries.user.js LDRで表示したエントリーと、訪問済みのエントリーをグレー表示するGreasemonkeyスクリプトです。フィードを既読にするタイミングで、フィードに含まれる全てのエントリーのアドレスをキャッシュに保存します。そしてフィードを表示するタイミングで、キャッシュの中に合致するエントリがあれば重複を示すスタイル(デフォルトでは文字色を灰色)を適用します。 ブックマークなどのトピックフィードを購読しているとき、一度見た記事を容易に識別できます。非表示にはならないため、ブックマークコメントを読んだり、どこで重複が発生しているのかを確認できます。また、新規ポストと更新ポストの区別
配列と単一の値の両方を取る関数 - FAX
配列と単一の値の両方を取る関数 JavaScript function(arg){ var args = [].concat(arg); ... Permalink | コメント(0) | トラックバック(0) | 08:36
ShowColorizedSource、アップデート(2006/8/20)、ロード/キャッシュ - FAX
ShowColorizedSource、アップデート(2006/8/20)、ロード/キャッシュ JavaScript ShowColorizedSource.user.js JavaScriptソースを整形し色付け表示を行うGreaseMonkeyスクリプトを更新しました。 新規ウィンドウに表示 ショートカットキーの対応(ｊで次、kで前のソース) 全て開く/閉じるの追加 他、ロード関数名をloadにしたり、細かな修正を行っています。 ショートカットキーの対応は、malaさんのhotkey.jsを利用させていただきました。 どうも、ありがとうございます。 スクリプトのロード部分は以下になりました。 クライアントサイドにキャッシュされるためソースがアクセスされる頻度はそんなに多くないとは思いますが、念のため自分のサイトにコピーしリンクしています。 var libs = [ ["lib/gosu
Collection & Copy - パフォーマンス、インターフェイス、まとめること
メモ仕事でJavaScriptを使う前、理屈だけを勉強しているときは、パフォーマンスを軽んじていた。まずは適切に書くことが一番で、きちんと書けてさえいれば、後から簡単に高速化できるように漠然と思っていた。 しかしプロジェクトで書き、またLDRを使い、速いことは気持ちよいということを知った。サーバーからのレスポンスタイムを5秒から2秒に縮めるよりも、GUIのポップアップを0.3秒から0.1秒へ縮めるほうが、0.1秒から0.05秒に縮めるほうが、効果が大きく、より使って気持ちよくなるように思う。 時間は、意識の集中の度合いにより伸び縮みする。ページロードを待つ時間の集中よりも、キー操作を行い反応を待つ時間の集中のほうが濃く、この間、時間は延びている。また逆に、時間の掛かるインターフェイスに対しては、時間が延びるのを避けるため、意識が集中しない。 ユーザビリティや、使い勝手は、ベンチマークの数値
Greasemonkeyで永続的に外部スクリプトを利用する - 技術メモ帳
GM_setValue / GM_getValue + unsafeWindow.eval を使って 永続的に外部スクリプトを利用する方法を考えてみた。 わざわざ DOM で script要素 を毎回注入するよりも 速いんじゃないかと思う。 Greasemonkeyには、GM_setValue / GM_getValue というのがあって、 GM_setValue("キー", "値") 上記のように入力してあげる事によって、たとえ、 Firefoxを終了させたとしても消えないデータを作成する事が出来る。 そして、それを利用して、 初回のみ XmlHttpRequest で外部スクリプトデータを取得して、 GM_setValue でスクリプトデータを永続化しておき、 二回目以降は、それを GM_getValue して eval するようにした。 以下は、永続的に prototype.js を
HTMLを生成する、DOM - FAX
JavaScriptCollection & Copy - HTMLを生成する 上記では、HTMLを文字列で生成しinnerHTMLで追加していた。しかし試してみると、文字列が長くなると遅くなり、DOMを使ったほうがパフォーマンスが良かったためMochiKitを使い書き直した。これは今日時点の状態で、プロジェクトの進展に合わせて細部を書き加えていこうと思っている。 var DOMBuilder = {}; (function(){ forEach( ('html head title style script body h1 h2 h3 h4 h5 h6 ' + 'table tbody tr td col ' + 'br hr dl ul ol li ' + 'a img span div style strong b big em p q pre center ' + 'fo
JSAN - Text.CSV - FAX
JavaScriptJSAN - Text.CSV CSVテキストの生成と読み込みを行うライブラリ。 読み込みは以下。 var value = "value,'another value'"; var csv = new Text.CSV({ quote_char : "'" }); csv.parse(value) var result = csv.fields(); for (var i in result) { console.log(result[i]); } 生成は以下。 var array = ["value", "another value" ]; var csv = new Text.CSV({ quote_char : "'" , eol : "\012" }); csv.combine(array); var result = csv.string(); console
関数、toString/toSource - FAX
関数、toString/toSource JavaScript 以下のコードで確認。 <html> <body><pre id="code"></pre></body> <script> var func = function(){var a=10;var b=20;/*COMMENT*/if(a=10){b=30}return b;} var code = document.getElementById("code"); code.innerHTML += func.toString() + "\n" code.innerHTML += func.toSource() + "\n" </script> </html> Firefoxでの表示例。 function () { var a = 10; var b = 20; if (a = 10) { b = 30; } return b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなパーカー欲しい！とは はてなの人気・最新記事を集めました - はてな
ワールドサッカー ウイニングイレブンとは ゲームの人気・最新記事を集めました - はてな
はてなグラフ数値登録APIとは
又吉イエスとは 一般の人気・最新記事を集めました - はてな
LDR - FAX
GM_addStyle、E4X - FAX