ちょっと高度にJavaScript／クロージャでアクセサを作る | DevelopersIO
前回はクロージャの基礎を解説しましたが、あれだけではイマイチなんの役に立つのかイメージが湧かないかもしれません。そこで今日は、もっと実用的な例を挙げてみようと思います。 private変数的なもの＋アクセサを作る JavaScriptでクラス（的なもの）を作ろうとするとまず気になるのが、プロパティが全部publicになってしまうことです。JAVA等の言語の経験があれば、private変数が作れないというのがとても不便に感じると思います。どこからでも自由に値を変更できてしまうので、正常な動作を担保するのが難しいですね。 しかしクロージャを使えば、レキシカル変数の保持されつつも外部からアクセス出来ないという特性を利用して、クラス外部から保護された領域を作ることができます。 まず、普通にクラスを作ってみます。 function Multiplier(value1, value2) { this.
canvasのlazyな描画 - ぶれすとつーる
ご無沙汰してます、nazomikanです。 最近、趣味でフラクタルとかで遊ぶことが多く、フラクタル特有な計算量の多さに日々ブラウザが悲鳴をあげています。 そんなこともあってUI-Blockをさせないようにあれこれやった手法を紹介 まず最初に何も考えずに描画するコード 描画コード (github) ディレクトリ構成 (github) 結果(ブラウザ落ちるかもしれないので新しいウィンドウで見ることをおすすめします) http://nazomikan.com/archive/20121007/001/ まぁ当然大きな画像で、かつ1pxごとに計算して色を決めてるわけなので940*940ともなると死ぬほど処理がブロックされてブラウザ固まります。 残念ですね、非常に残念ですね、もはやブラクラです。 昔から大きな処理をするときはasyncにしなさいというのでlazyLoop(非同期なループ処理)を適用さ
JavaScriptで正規表現練習ゲーム作った - aike’s blog
特に何か目的があるわけじゃないんですが、JavaScriptの練習のためにゲームを作ってみました。 Regex Of The Dead タイピングゲームのように正規表現を練習するためのシンプルなゲームです。ゾンビと一般人が迫ってくるのでゾンビの名前にだけマッチするように正規表現を入力して倒していきます。 HTML5の流れでオーディオ、グラフィック、フォントがHTML/JavaScriptで簡単に扱えるようになり、さらにenchant.jsのようなゲームエンジンも充実してきて、ゲームもJavaScriptだけで気軽に作れるようになってきたようです。 そんなわけで試しに書いてみたのがRegex Of The Deadです。プログラミングは長いことやっているもののゲームを作ったのは大学のとき以来かもしれません。 最初、何か良さそうなゲームエンジンがないものかいくつか調査しましたが、こういったタイ
GitHub - felixge/faster-than-c: Talk outline: Faster than C? Parsing binary data in JavaScript.
Hi everybody, my name is Felix Geisendörfer and today I'd like to talk about "Faster than C? Parsing Node.js Streams!". Before I get started, I would like to appologize for the "Title Bait". This talk is analyzing the performance of JavaScript vs C-Bindings for MySQL in node.js, but not JavaScript vs. C itself. So, I have this module I wrote that lets you talk to MySQL databases in node.js. I star
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
How To Design Better JavaScript APIs — Smashing Magazine
In this post, Rodney Rehm focuses on how to make your code accessible to other developers. Discover the most important things that you will need to consider before and while writing your own utilities and libraries. At some point or another, you will find yourself writing JavaScript code that exceeds the couple of lines from a jQuery plugin. Your code will do a whole lot of things; it will (ideall
JavaScript, Singleton Patternを作ってみた
Classmethodさんのステキ記事、「ちょっと高度にJavaScript／クロージャの基礎」 JavaScriptで関数や変数の隠匿には気をつかいますよね。 特に複数の人間が開発に携わっている時。 ほっとくとglobal領域を汚染したり上書きが発生したりとよろしくないことが発生しがちになります。 プロジェクトとして開発に同時参加なら規約など作って情報共有できたり、まずいことが見つかればお互いに連絡を取れたりするので人力でカバーすることも出来るのですが… 誰かが作ったJavaScriptで機能実装済みのHTMLファイルをわたされ、さらに別の機能を実装する時はそんな規約も連絡もありはしないので、さらに神経質にならないといけません。 名前空間を汚染しないように*即時関数にファイルを閉じ込めて作成します。 これは以前投稿している「名前空間の汚染問題を考える」当たりをご興味があればご覧下さい。
2012-10-08のJS: TypeScript、jQuery Mobile 1.2.0、NetBeans 7.3
JSer.info #91 - MicrosoftからTypeScriptというJavaScriptのスーパセットな言語が公開されました。 JavaScriptに始まり、JavaScriptに終わるというぐらいなので、既存のJavaScriptをそのまま使えたり、underscore.d.tsのように型定義だけを外部ファイルとできたり、ES.nextの仕様など意識して作られてたりしているため、他のJavaScriptへ変換する言語 - altJSは色々ありますが、その中でもまた少し違った方向性が見られると思います。 また最初からVisual StudioやSublime Text, Vi, Emacs等のサポートを用意されていますが、TypeScriptをどう受け止めるかというのはThoughts on TypeScriptと大体同じ意見で、興味を持って様子を見る感じです。 jQuery
test vs match · jsPerf
JavaScript performance comparison Revision 2 of this test case created by on 2010-8-3 Preparation code <script> var type = 'bookmarks', regexp_s = /^products|bookmarks|recent|search$/, regexp = /products|bookmarks|recent|search/; </script> Test runner Warning! For accurate results, please disable Firebug before running the tests. (Why?) Java applet disabled. // Simple JavaScript Templating // John
JsDoc Toolkitを使ってJavaScriptのAPI仕様書を作る（環境構築から出力まで） | DevelopersIO
そんな訳で、JsDocについて少し調べたので、備忘録としてここに残しておくとします。 はじめに - JsDocについて Java開発者の方々ならば、JavaDocというのは馴染み深いを通り越して、もはや聞き飽きているかもしれません。同様にFlashのActionScriptにはASDoc、PHPにはPHPDocなるものがあります。ちょっとした規模のアプリケーションを開発すると、後々の保守を考慮してこういったAPI仕様書を作成し、後から「あれ、ここの処理って何の為にあるんだっけ？」となっても、ソースコードを直接追いかけることなく、概要を大まかに確認できるようにしておくのが慣例かと思います。※あくまで慣例です。実際にやっているかどうかは・・・(ry JsDocは、名前のとおりJavaScriptのAPI仕様書を指し、JavaDocと同様にHTMLドキュメント形式で出力されたもので、Webブラウ
JavaScript Array Methods Reference
Back in July I wrote a post called JavaScript String Methods Reference, outlining many of the ways strings can be manipulated in JavaScript. Another area where JavaScript has a number of different methods available for use is Array manipulation, which I’ll cover in this JavaScript array methods reference. As usual, I’ll do my best to keep it simple and accurate, but if I’ve erred or if you think I
巨大な配列をUIスレッドをブロックせずに処理する Array#async を mofmof.js に実装してみました - latest log
(ε・◇・)з o O ( 実装に4時間かかってるけど、1分でよめるよ! ブラウザ上で動作する JavaScript はシングルスレッドで動作するため、 巨大な配列を Array#forEach などに与えてしまうと UI スレッドが固まってしまう可能性があります。 Array#async は配列を適当な単位*1に分けて処理するイテレータメソッド(each, map, some, every)を返します。 処理終了(each, map)か条件成立(some, every)で callback(戻り値) を呼びます。map なら戻り値は配列になります。 if (!Array.prototype.sync) { Array.prototype.sync = Array_sync; } if (!Array.prototype.async) { Array.prototype.async = A
)
効率的な JavaScript の記述 (HTML) - Windows app development
How you write your JavaScript code can have a big impact on your app's performance. Learn how to avoid common mistakes and how to architect your app for performance. Avoid unnecessary DOM interactions In the Windows Store app using JavaScript platform, the DOM and the JavaScript engine are separate components. Any JavaScript operation that involves communication between these components is relativ
Smashing Node.js に書いてあるEffective Node.jsなこと(第一部を翻訳してみて) - from scratch
※ 2012-10-18追記 forEachはfilterの間違いでした。修正しておきます。 Smashing Node.js: JavaScript Everywhere (Smashing Magazine Book Series) 作者: Guillermo Rauch出版社/メーカー: Wiley発売日: 2012/09/11メディア: ペーパーバック購入: 1人 クリック: 67回この商品を含むブログを見る 本ブログは東京Node学園祭2012 アドベントカレンダーの1日目の記事です。 さてさて、Smashing Node.jsを読んでます。 読んでいて思ったのですが、非常に良書です。 著者は 前回のNode学園祭で魔法のようなライブコーディングを見せた Guillermo さん。 せっかくなので、Smashing Node.jsで書かれている内容の中で琴線に触れたものはシリーズ
How to safely determine if javascript is running in node.js or the browser
While working on a javascript library, intended for use on both the server and the client, I ran across an interesting problem; how do you reliably detect what javascript environment your script is running in? I looked around and could not find a solution I was satisfied with, so I decided to look into the problem further. The problem is that any variable can be freely declared and modified, makin
node.jsでHTMLスクレイピングをjQuery記法でやるライブラリみっつの比較 - たごもりすメモ
某イベントのためのコードを書くのにHTMLのスクレイピングをやりたいなー、nodeで書くかなー、去年は jsdom で書いたけど今はどうなんだろね、とか調べてたら、どうもこういうあたりのがあるらしい。 jsdom たぶん一番有名で高機能、だけど重い。 node-jquery jQuery読むだけならコレ！みたいな感じ、だけどあんまりアップデートされてないかも。使いかたはいちばんシンプル。 依存関係がちゃんと書かれてなくて、追加で手で xmlhttprequest をインストールしておかないと動かなかった。 cheerio お前ら重い！ 俺がjQuery記法を再実装してやる！ という男らしいライブラリ。 zombie ブラウザの挙動をシミュレートする的なライブラリ、Mechanizeみたいなやつかな。いまの用途では前段でHTTPレイヤをいじる必要があるので今回は用途に合わない。 sqrape
非同期と next() - Block Rockin’ Codes
intro この記事は、 東京Node学園祭2012 アドベントカレンダー : ATND の 3 日目の記事です。 (日付変更線は、はてな時間を採用しております。。 ごめんなさい m(__)m) 非同期と next() next() とは、 Express や Connect 、 Mocha 、 そして一部のフロー制御ライブラリで使われている、 関数のことをさしています。 今回は、これがどういう機能で、どういうふうに実装されているのかをスクリーンキャストで紹介します。 vimeo next() at async flow control from Jxck on Vimeo. まとめ 今回書いたコードはこちらです。 https://gist.github.com/3906371 実装方法は色々あるかと思いますが、だいたいこんな感じで実装できて、使うことができる、 わかってしまえばそんなに難
client-side javascript - ✘╹◡╹✘
JavaScriptのすごく初歩的なことでよくわからないので整理する。よくわかってなくてすごい恥ずかしい感じがするけど書いたら誰か何か教えてくれそうだし書く。client-sideのJavaScriptは、未だあまりよく分からずにもやもやしながら適当に書いてる。もやもや感が説明したいけどなかなか説明しづらい。 例 こういうタブをJavaScriptを使って実装する例を考える。タブをクリックすると、そのタブに切り替わるというやつ。 HTML CSS JavaScript Pattern 1 深く考えずに素朴に実装すると、こういう感じになる。clickイベントに与える無名functionの中に全部詰め込む。こういう風に書いてるJSのコードはよく見る。こういうの大量に書くのはすごい簡単だけど大量にこういうのが書かれてたら読むの辛い感じがする。 懸念 例えばこれまでRubyでコードを書いていたとき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Regex Of The Dead
13 jQuery SelectBox/Drop-down Plugins — SitePoint
