Ember.jsの無限スクロールの改善 - ワザノバ | wazanova
http://eviltrout.com/2014/01/04/hiding-offscreen-ember.html1 comment | 0 pointsDiscourseのRobin Wardが、Ember.jsで無限スクロールのパフォーマンスを改善させた取組みについて紹介しています。 Long Lived Applications Discourseは無限スクロールを多用している。投稿数の多いトピックを閲覧している際に、ブラウザのviewportの終わりに近づくと、サーバから非同期に新しい投稿が読込まれる。短いトピックについては、DOMにコンテンツを追加することはパフォーマンスの問題にはならない。最近のブラウザは、モバイルであっても、数百の投稿はレンダリングできる。しかし、数千件の投稿があるトピックを閲覧する時は、ブラウザの動きが不安定になり、クラッシュすることもあった。 Cloa
redirect to javascript-style-guide
■□■リダイレクトしています。■□■ しばらくしても移動しない場合はこちらをクリックしてください。
Leap Motionを使って、じゃんけんに勝たないとWordPressのログイン画面が表示されないプラグイン作った。 | Firegoby
Leap Motionを使って、じゃんけんに勝たないとWordPressのログイン画面が表示されないプラグイン作った。 ブルートフォースの猛威に怯えて眠れない夜をお過ごしのWordPressユーザーの皆様。 ついに完全なブルートフォース対策を編み出しました。(？) このプラグインを使用すると、Leap Motionをインストールしたパソコンを使用して、コンピュータにじゃんけんで勝たないとWordPressのログイン画面が表示されません。 使い方 GitHubからダウンロードして使ってください。 かなりやっつけで作ったのでメンテナンスはしません！ https://github.com/miya0001/janken-login もちろん公式ディレクトリにも登録しませんw ちなみに今日はLeap Motionで、こんなんこともして遊びました。 いろいろ夢が広がりますよね。
Moment Timezone | Home
Install bower install moment-timezone --save # bower npm install moment-timezone --save # npm yarn add moment-timezone # Yarn Format Dates in Any Timezone var jun = moment("2014-06-01T12:00:00Z"); var dec = moment("2014-12-01T12:00:00Z"); jun.tz('America/Los_Angeles').format('ha z'); // 5am PDT dec.tz('America/Los_Angeles').format('ha z'); // 4am PST jun.tz('America/New_York').format('ha z'); // 8
JavaScript にクラスは作れますか？ - hogehoge @teramako
参考： 最強オブジェクト指向言語 JavaScript 再入門！ > JavaScript でクラスは作れますか？ 無理ポ。 では、クラスっぽいものは作れますか？ だから、無理ポ。
JavaScriptの+演算子の謎挙動に迫る » nmi.jp
console.log(+[]); // 0 console.log(+[3]); // 3 console.log(+[null]); // 0 console.log(+[undefined]); // 0 console.log(+["3"]); // 3 console.log(+[1,2]); // NaN console.log(+[true]); // NaN console.log(+[false]); // NaN なぜこのような処理になるのか、JavaScriptの仕様書（ECMA Script Specification 5th）から説明してみましょう。 まず最初、単項+演算子（Unary + Operator）を評価する際に、ToNumberを呼び出すのは前述したとおりです。仕様書の（11.4.6）に書かれています。ではToNumberとはどのような処理でしょうか。
JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013
JavaScriptのプログラミングスタイルはどうあるべきか？ 重鎮Douglas Crockford氏が脳の働きとの関係を語る（前編）。QCon Tokyo 2013 4月23日に都内で開催されたエンジニア向けのイベント「QCon Tokyo 2013」。基調講演に登壇したのは、JavaScriptの重鎮であるDouglas Crockford氏。「プログラミング・スタイルと私たちの脳」という大胆なタイトルで、JavaScriptプログラミングにおいてバグをどう減らしていくのかについて解説しています。 基調講演の内容をダイジェストで紹介しましょう。 プログラミング・スタイルと私たちの脳 PayPalのDouglas Crockford氏。 プログラミングスタイルはプログラムの一部ですが、コンパイラからは無視されます。だからある人はプログラミングスタイルが重要ではないと考えていますが、しか
対宇宙人用フレームワーク
対宇宙人用フレームワーク Presentation Transcript 対宇宙人フレームワーク 宇宙人っているのか？ 僕は見たことがない でもたぶんいるっぽい ちきゅうがいせいめいたいたんさ地球外生命体探査Search for Extra-Terrestrial Intelligence 地球人類の文明は、● 宇宙の中でも非常に例外的な存在なのか● それとも必然的に発生した物なのか 哲学的命題へに回答するための人類の試み Search for Extra-Terrestrial Intelligence -> SETI・Active SETI・Passive SETI Active SETI Active SETI異星人が受信することを期待して、 地球からメッセージを送る試み アレシボ・メッセージ 1679個の2進数(23と73という二つの素数の積) ● 1から10までの数字 ● 水素・
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
should.jsが辛いのでやめたくなった - mizchi log
Rspec風に使える、という理由で使ったけど、もうなんというか気分的に辛い visionmedia/should.js https://github.com/visionmedia/should.js/ 問題1 nodeのassert依存 ブラウザ用に移植できない 問題2 undefined, null は prototypeを持たない 次のようなコードは getHogeがundefined返してしまうと hoge.shouldを触った時点で落ちる hoge = getHoge() hoge.should.equal 'hoge' アサーションにすらたどり着けず落ちるのはストレスたまる やっぱラップするタイプのexpectの方がよさそう 問題3 nodeのネイティブモジュールに依存したオブジェクトはprototypeを共有していない JSDOMで生成したオブジェクトのアサーションができない
なぜGoogleはJSONの先頭に while(1); をつけるのか - Qiita
Stack Overflowに面白い質問があったので紹介する javascript - Why does Google prepend while(1); to their JSON responses? - Stack Overflow 質問 Googleのサービス内で使われるJSONの先頭に while(1); てついているのは何故？ 例えばGoogle Calendarではカレンダーを切り替えるときに以下のような内容のデータがサーバから返される。 while(1);[['u',[['smsSentFlag','false'],['hideInvitations','false'],['remindOnRespondedEventsOnly','true'],['hideInvitations_remindOnRespondedEventsOnly','false_true'],['C
[JavaScript]String.matchとRegExp.execと後方参照 - chalcedony_htnの日記
Adobeのサポートデータベース関係のぐりもんを書いたり添削してもらったりした結果、新たに覚えたことがあるので、せっかくだからメモっておきます。 以下だらだらと続くけど、実はMozilla Developer Center見れば全部書いてあるので、そっち見たほうがいいと思います。 match - MDC exec - MDC String.matchとRegExp.exec String.matchとRegExp.execは、どちらも正規表現を使って文字列のマッチングを行うメソッド。 検索を行って、マッチした文字列を得たいときに使う。マッチするかどうか（と、マッチした位置）だけを調べたいときは、余分な処理をしないString.searchまたはRegExp.testを使ったほうが速い。 String.match(RegExp)とRegExp.exec(String)は、正規表現にgオプショ
![[JavaScript]String.matchとRegExp.execと後方参照 - chalcedony_htnの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/1708ac5479c8908e02b23b86a66471d68f95fb15/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729900786%2F17680117126976453359%2F1550822465)
JavaScriptで正規表現練習ゲーム作った - aike’s blog
特に何か目的があるわけじゃないんですが、JavaScriptの練習のためにゲームを作ってみました。 Regex Of The Dead タイピングゲームのように正規表現を練習するためのシンプルなゲームです。ゾンビと一般人が迫ってくるのでゾンビの名前にだけマッチするように正規表現を入力して倒していきます。 HTML5の流れでオーディオ、グラフィック、フォントがHTML/JavaScriptで簡単に扱えるようになり、さらにenchant.jsのようなゲームエンジンも充実してきて、ゲームもJavaScriptだけで気軽に作れるようになってきたようです。 そんなわけで試しに書いてみたのがRegex Of The Deadです。プログラミングは長いことやっているもののゲームを作ったのは大学のとき以来かもしれません。 最初、何か良さそうなゲームエンジンがないものかいくつか調査しましたが、こういったタイ
Web Creator's Contest Q the 2nd - jsdo.it - Share JavaScript, HTML5 and CSS
音楽の秋！ということで、HTML5、JavaScript、CSSを駆使してブラウザ上で動く楽器表現にチャレンジしてください。音の素材はお手本コードに含まれているので、音を自分なりに組み合わせ、同時に演出をつくってください。 例えば、キーボードに反応して音が出るコード、絵を描いて音が出るコード、音の出る仕組みをアレンジしたコードなど。音の素材は自分で用意してもよいので、自由な発想でチャレンジしてください。 下記のお手本コードをFork（＝あなたなりのアレンジ）すると自動的にエントリーとなります。 Web Creator's Contest "Q" 利用規約・プライバシーポリシー 「Q」は、株式会社リクルートが企画・運営する、WEBクリエイター向けのコンテストイベント（以下「本イベント」といいます。）およびそのために開設されたWEBサイトです。 Qは、どなた（以下「参加者」といいます。）でも参
arguments に対して shift するための考察（をしていたらカッとなって配列変換のベンチマーク） - IT戦記
JavaScript において可変引数を扱う場合 arguments オブジェクトを使います。 function func() { for (var i = 0; i < arguments.length; i ++) { alert(arguments[i]); } }; func(1,2,3) // 1,2,3 を順に表示 そして 可変引数を使うパターンとしては、 すべて可変引数 固定引数と可変引数 の二つに分けることができます。 すべて可変引数 引数が与えられた分だけ同じような処理を行うパターン function add() { for (var i = 0, r = 0; i < arguments.length; i ++) r += arguments[0]; return r; } var r = add(1, 2, 3, 4, 5); 固定引数と可変引数 最初のいくつかの引
JavaScriptでリズムシーケンサーを書いた - 音の鳴るブログ
JavaScriptでつくっているサウンドプログラミング用のライブラリ（ timbre ）にいくつかオブジェクトを追加してリズムシーケンサーを書いた。リズムシーケンサーが書けるようになったというよりは、リズムシーケンサーを作るために必要なオブジェクト（タイマーとフィルター）を追加した。あと、インターフェイスを修正したりして最初のデモも読みやすくなったと思う。 001. oscillators http://mohayonao.github.com/timbre/examples/001_oscillators.html 002. rhythm sequencer http://mohayonao.github.com/timbre/examples/002_rhythmsequencer.html このライブラリの最初のアイデアはS式風に音楽を記述するっていうものだったのだけど、昨日の記事
サウンドプログラミング用のJavaScriptライブラリをつくっている - 音の鳴るブログ
アイデア 例えば Cメジャー のコードは ド ミ ソ で構成される。 和音は加算で書けるので、 ド + ミ + ソ これを、lispよろしくこう記述する。 (+ ド ミ ソ) ドっていうのは、 (sin 523.25) みたいな感じで、523Hzのサイン波 みたいな感じ。位相や振幅も指定できるけど省略している。音色は sin でなくて tri とか saw とかでも良いし、サンプリングした音でも良い。 ピアノみたいな減衰音は、 (adsr 0 1000) こう書くとする。ADSRエンベロープで Attack が 0msec、Decay が 1000msec、Sustain と Release は省略。この場合、1000ミリ秒で減衰する。 振幅はかけ算で書けるので、さっきのコードと合わせて書くと (* (+ ド ミ ソ) (adsr 0 1000)) こう書ける。 詳細に書くなら (* (+
Appceleratorの開発者が語るTitaniumとPhoneGapの比較 « A-Listers
iOSとAndroidのクロスプラットフォームなアプリケーションをする際に使われるTitanium MobileとPhone GapをTitaniumの開発元、Appceleratorの開発者Kevin Whinnery氏が比較した記事が話題になっていました。 Kevin氏は「上空1万フィートから見ればTitaniumとPhone Gapは似ているように見える。どちらもクロスプラットフォームでJavaScriptとWebの技術を要求し、オープンソースライセンスを採用している。しかし似ている所はそれぐらいしかない。どちらも思想や問題を達成する為のアプローチは異なっている」という書き出しで二つのプラットフォームがかなり異なっている事を強調した上でいくつかのポイントを比較しています。 Phone Gapについて 実現する事 HTMLベースのWebアプリケーションをネイティブアプリとして配布、イン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gianlucaguarini.github.io/vague.js/
地獄のJavaScriptセキュリティ