IE10 で attachEvent が廃止された場合に備えましょう - latest log
Windows 8 には IE10 が標準搭載されます。これらは早ければ2012年の秋ごろまでにリリースされる予定です。 IE10 ではレガシーな(古い)機能やメソッドが切り捨てられると予告されています → 非推奨の DOM イベント IE10 で attachEvent が廃止されると attachEventで IE かどうかを判別する(↓)のコードなどが魔女化するでしょう(バグになるでしょう)。 // オレオレライブラリによく見かけるコード片 var isIE = (window.attachEvent && !window.opera); この場合は ↓↓ これで良さげ var isIE = !!document.uniqueID; アドネットワークからの広告を埋め込んでいるサイトでは、同様のコードが広告生成用の JavaScript の中にも埋まっているかもしれません。そちらに対す
たった21行の一括フォロースクリプト - webネタ
2012/4/20 一括アンフォロー。使い方は同じです。 javascript:(function(){var $followElem=$('.js-action-unfollow');var followElemCount=$followElem.length;var currentNum=0;var manager=function(){if(currentNum 世の中では邪道?とされているtwitterの一括フォローだが、フォロー数を増やしたい場合はやっぱり一つ一つフォローボタンを押すのはめんどう。さっきtwitter本家のサイトを見ててふと思いついたので一括フォローできるスクリプトを書いた。ブックマークレットにすればボタン一発で実行できるょ。 使い方 1、下記のプログラムをURLの代わりにブックマークする。 (トリプルクリックすると一気に選択できます) (※1) javascri
Googleのインクリメンタル検索を無効にするたった一つの設定 - Islands in the byte stream (legacy)
というわけで、Chromeだと[オプション]→[高度な設定]→[コンテンツの設定]→[例外の管理]で特定のドメインのJavaScriptをブロックできます。これで www.google.com と www.google.co.jp のJSをブロックするとインクリメンタル検索を無効にできます。 これで快適だったあの頃に戻れます！やったね！<追記>Googleウェブサイトの検索の設定でもインスタント検索を無効にできるようです。たった一つの設定ではありませんでしたが、好きな方で設定すればいいと思います。
Webベースで開発できるレベルのプログラミングエディタ·Ace MOONGIFT
AceはCloud9でも使われているWebベースのプログラミングエディタ。 AceはJavaScript製のオープンソース・ソフトウェア。あまり好まない人も多いようだが、個人的にはそろそろ開発環境もWebアプリケーション化してくれないかと思っている。そのためには幾つか乗り越えるべき問題があるが、最初の問題はエディタ環境だろう。 行番号の計算が適切でいい Webブラウザのテキストエリアレベルでは全く話にならない。プログラマーが開発しやすいエディタになっている必要がある。そんなWebベースの開発環境を目指すIDE、Cloud9で使われているエディタ環境を作っているのがAceになる。 AceはJavaScriptベースの独立したエディタ環境になる。そのため外部のソフトウェアに組み込むことも可能だ。10種類以上の言語に対応したハイライター、縦または横に画面を分割したり、テーマを変更して色合いをがら
JavaScriptが100ms以上実行されてると怒られるようにする - 愛と勇気と缶ビール
http://www.slideshare.net/nzakas/high-performance-javascript-2011 わかりやすいスライドだなー、と思いつつ。 1つのJavaScript job（わかりにくい表現だけど、event handlerとかtimerからキックされるJS code）の実行は目安として100ms以下に抑えましょう、って他のどこかでも見たことがある。要は、ユーザが何もできない && ユーザアクションが何も反映されない時間を100ms以下に抑えましょう、ということだろう。 でも50msとか100msとか数字で言われてもよくわかんないよねー、ということで。 大体の場合JS codeのキックはelementにくっつけたevent handlerか、timerのどっちかだよねー、ってことで、いささか無理くりながら50ms or 100ms以上JSが実行されてると
ldapjs
ldapjs is a pure JavaScript, from-scratch framework for implementing LDAP clients and servers in Node.js. It is intended for developers used to interacting with HTTP services in node and restify. const ldap = require('ldapjs'); const server = ldap.createServer(); server.search('o=example', (req, res, next) => { const obj = { dn: req.dn.toString(), attributes: { objectclass: ['organization', 'top']
jQuery で ;(function () ...と、セミコロンで始めることがあるのはなぜか - わからん
追記 たくさん反響があって驚きました。念の為書いておくと、私はこの記事で仕組みを解説しただけで、このようなノウハウに賛成も反対もしていません。追記はここまで。 azu さんのつぶやきで知った、Dangers of anonymous function closures が、例がよいのに説明が少ないので、ここで丁寧に解説します。なぜ、 jQuery で ;(function () ...とセミコロンで始めるコードがあるのかがわかります。 次のサンプルの実行結果を想像して下さい。 var foo = function(bar) { console.log("foo"); return bar; } (function(){ console.log("bar") })(); 結果は "foo bar" を印字します。多くの場合、これは意図しない挙動だと思います。"bar" だけだと思いませんか。
An introduction to JSDoc
Check out my book (free online): “Speaking JavaScript”. Updated version of this blog post: chapter “JSDoc: Generating API Documentation”. Update 2011-08-19. Tweet from JSDoc’s creator, Michael Mathews: Awesome article about JSDoc. I learned (er remembered) a few things from reading it myself! via @rauschma 2ality.com/2011/08/jsdoc-intro.html JSDoc is the de facto standard for documenting JavaScrip
GitHub - browserstate/history.js: History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype. For H
Memo While there are some legitimate bugs and differences in state handling even in modern browsers, they are relatively small enough now that you can just use the native HTML5 History API. If you intend to support legacy browsers, then History.js is your bet. This notice is here as History.js does not receive enough funding to be maintained, so it exists only in legacy condition for legacy browse
HTML5を使えばこんな芸当も。異なるブラウザウィンドウ間でボックス移動·CrossBrowse MOONGIFT
CrossBrowseは異なるブラウザ間でのボックス移動を行うHTML5のデモ。 CrossBrowseはnode.js/JavaScript製のフリーウェア（ソースコードは公開されている）。HTML5が普及する中で様々な試みがなされている。まだレガシーなブラウザシェアが高いために実験的な要素が大きいが、それゆえに失敗を恐れずチャレンジできるのが今だ。 これでできるはずなのだが… JavaScriptを使ってWebブラウザ上で指定ブロックをドラッグしたりするデモはある。だが、異なるウィンドウ間を移動してしまうCrossBrowseのようなデモは見たことがあるだろうか。 CrossBrowseは二つのWebブラウザ間でオブジェクトを渡し合えるソフトウェアだ。デモの動画を見るとその動きがよくわかる。ウィンドウが二つ並んでいて、片方のウィンドウにあるブロックをドラッグしてウィンドウの外に持ってい
ajaxしまくるページで不要な処理はabortすべし
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ポチってもうたー開発メモ。 UIだけJSでいじってる時はそこまで慎重になることでもないけども、頻繁にガシガシajaxする場合は、既に走っているajaxリクエストもうまいことハンドリングすべき。ポチってもうたーでは、ツイートをJSONで返すよう、サーバーサイドでサービスを用意しているわけだけれども、まぁ、普通に考えれば、こんな感じで、JSON返ってきたらUIを更新するってやるんじゃないだろーか。 $.ajax(url, query).then(function(){ // UI更新しちゃう }, function(){ alert('ゴメンなんか変'); });しかし、これには問題があって、JS
つい最近JavaScript Gardenの翻訳しだした - Life goes on
という事で新調したMacをウハウハして使ってちょっと経った頃に、ふとdotfileとかを管理したくなり、同時にVimのVundle.vimも使用したい！って事でGitHubのアカウントを取ったりしたんです。 話が全く変わりますが、半年前くらいに、はてブでちょっと話題になったJavascript Gardenというサイトをご存知でしょうか？Javascriptはあまり馴染みがないけど、他のプログラム言語は知ってるぜ！って人向け(…という風に書いてる)にJSの落とし穴チックな仕様なんかの説明がしてあるサイトです。 これがGitHubでホスティングされてて、「翻訳したいヤツは勝手に翻訳してpull request送ってくれよ、採用するぜ」みたいなスタンスなんですね。で、これをウォッチしてたんですが、まあみんな翻訳するする。 現在は、英語(まあ原文なんですが)・中国語・フィンランド語(！)・ポーラ
■ - @kyanny's blog
#shibuyarblunch も JS リーディング*1も継続してやってるんだけど、どうもおれははてダに書かないとダメなようで、なので今後はほかと重複する部分もあるかもだけどなるべく書いていこうと思った。 JS リーディングでは https://github.com/Modernizr/Modernizr というライブラリを読んで、これが今まで読んだやつのなかでも一番きつかった。読みづらいという意味で。たぶん複数人が書いたものが混じってて読んでるうちに「あれ？なんかスタイルかわった？」みたいなことがあるし、無駄としか思えない過剰な最適化があったりしてどうなのよ、と頭を抱えるようなこともあった。ダントツで「これはひどい」と思ったのが以下のコードで、この dis りネタはもう書くの三回目なんだけど、 !!~ ってなにしてるか意味わかりますか？ ** * contains returns a
やっぱりdoubleでは「76287755398823936」は表現できない - ψ（プサイ）の興味関心空間
「なぜJavaScriptで「76287755398823936」が正しく表示できないか、あるいはなぜRubyでも表せないか。」の続きです。後半戦、テンションあげてまいりましょー（涙目 ■出力側ソースコードのチェック！ さて...では重い腰を上げてソースコードを読みましょうか...。 FirefoxでもChromeでも起きるなら、何かWindowsのライブラリのバグ...なんでしょうか。ま、いいや。とりあえずソースコードが探しやすそうなChromeから見てみましょう。 それっぽいメソッドを探していくと...見つかりました。これですね。v8::internal::Grisu3()です。...あれ...？標準ライブラリじゃ...ない...！？うげぇめんどくさい... v8をWindows上でコンパイルするのはひたすら☆面倒†1なので、Ubuntu上でコンパイルしてCodeLiteというIDEを
なぜJavaScriptで「76287755398823936」が正しく表示できないか、あるいはなぜRubyでも表せないか。 - ψ（プサイ）の興味関心空間
「Twitter住所特定実験」を開発中に気づいた事です。取得したツイートをサーバからJSONでクライアント側のJSに送る処理があって、当初この時にTwitterのツイートのIDをJSONに数値として含めて送っていました。 が、JavaScriptではこの値を受信してeval()した†1際、うまく変換することができず、たとえばChrome/Firefoxでは「76287755398823940」となり、微妙に異なった数値になってしまいました。 以下をクリックすることで、実際に実行できます。 javascript:alert(76287755398823936) IE8/9だと「76287755398823930」となり、まだ微妙に違った値になります。 ■doubleの精度の問題？？ まず疑われたのはdoubleの精度の問題。一部では有名な話で、JavaScriptでは数値はすべてdouble
JavaScript MP3プレーヤ「JSMad」登場 - FirefoxとChrome対応 | エンタープライズ | マイコミジャーナル
jsmad - javascript mp3 decoder ブラウザのJavaScriptエンジンの性能が優れたものになったことを示す興味深いサイトが登場した。JavaScriptでMP3デコーダを実装したJSMadだ。いわばJavaScriptとブラウザの提供するオーディオAPIを使って、ブラウザで動作するMP3プレーヤを開発したようなものとなる。サポートしているブラウザは次のとおり。 Firefox 4、Firefox 5、Firefox 6、Aurora Chrome 12 Dev (Linux)、Chrome 13 (OSX)、Chrome Canary (Windows) 音を出す部分にAudio Data APIやWeb Audio APIを使っているため、これらAPIを提供していないSafariやOperaでは利用できない。 Firefox 4でJSMadにアクセス。自動的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: パーフェクトJavaScript (PERFECT SERIES 4): 井上誠一郎, 土江拓郎, 浜辺将太: 本
GitHub - danlucraft/git.js: pure-Javascript Git implementation
http://defunkt.io/dotjs/
ECMA 5 Mozilla Features Implemented in V8
