var self = this?
Using instance methods as callbacks for event handlers changes the scope of this from "My instance" to "Whatever just called the callback". So my code looks like this function MyObject() { this.doSomething = function() { ... } var self = this $('#foobar').bind('click', function(){ self.doSomethng() // this.doSomething() would not work here }) } It works, but is that the best way to do it? It looks
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
tweet 投稿 javascript ライブラリ「twitter-xauth.js」を公開しました | Lab by engineering@dwango.jp
この度、Javascript ライブラリ「twitter-xauth.js」を github にオープンソース（GPLv2）公開しましたので、ご紹介します。 使い方 まず、ライブラリの概要を述べる前に、twitter-xauth.js を使った tweet 投稿の例をお見せします。 var params = { consumerKey : "DUMMY-CONSUMER-KEY", consumerSecret : "DUMMY-CONSUMER-SECRET", userName : "DUMMY-USER-NAME", password : "DUMMY-PASSWORD", success : function(token, secret){ var authKeys = { consumerKey : "DUMMY-CONSUMER-KEY", consumerSecret : "
続・先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Essential Node.js patterns and snippets
In this post, I take a look at the different patterns that you need to know when using Node.js. These came from my own coding and from a look at the code behind Tim Caswell's flow control libraries. I think it is necessary to know how these basic patterns are implemented even if you use a library.. 1. Objects and classes 1.1 Class pattern // Constructor var Class = function(value1, value2) { this.
Post by @ericbidelman · 1 image
Some 1300+ lines of code, 106 tests, and a year after I first started it, I'm happy to officially unleash filer.js (https://github.com/ebidel/filer.js); a wrapper library for the HTML5 Filesystem API. Unlike other libraries [1, 2], filer.js takes a different approach and incorporates some lessons I learned while implementing the Google Docs Python client library. Namely, the library reuses familia
jQuery.extend マニアックス - てっく煮ブログ
JavaScriptjQuery の extend メソッドは便利なんだが複雑で忘れてしまいがちなのでメモしておく。jQuery.extend の呼び出しパターンは次の４通り。$.extend([deep,] target, obj1, [obj2, [obj3, ...)$.extend([deep,] obj)$.fn.extend([deep,] obj)$(...).extend([deep,] obj)全てのパターンで第一引数に [deep,] がある。これはオプションの引数で true を指定するとディープコピーしてくれる。以下では分かりやすくするために deep オプションは省略した一覧を掲載する。$.extend(target, obj1, [obj2, ...)$.extend(obj)$.fn.extend(obj)$(...).extend(obj)だいぶシンプルにな
A Worker-Owned Tech Consultancy - Bocoup
Updated on August 20th, 2015 – This blog post was originally written to use the Twitter public API. That API has since changed to not allow unauthenticated queries. We’ve updated this post to utilize the GitHub API instead which still allows a minimal amount of unauthenticated queries (60 an hour.) The linked jsFiddles have been updated to reflect this but you may encounter the rate limiting rathe
Javascript - Advanced event registration models
See section 7C of the book. The W3C model is supported by Mozilla, Safari, Konqueror, and iCab. The Microsoft model is supported by Explorer 5+ on Windows. Opera supports both models. On this page I explain the two advanced event registration models: W3C’s and Microsoft’s. Since neither is cross–browser supported, their use is, for the moment, deprecated. W3C and Microsoft have both developed thei
Javascriptで画象をグリッチ - にのせき日記
Canvasの勉強がてらにJavascriptで画象をグリッチするアプリをつくってみた。 http://glitched-canvas.heroku.com/ ソースコード: https://github.com/ninoseki/glitched-canvas Canvas要素にはピクセル単位でアクセスできるので、何でもできそうですね。 参考 glitchicon HTML Canvas JavaScript FileReader
Backbone.js の資料をざっとリストアップ - タツオチップス
■Backbone.js ●"Backbone.js" 公式サイト：最近ロゴが変わりましたねえ。 メソッド一覧見れる。が、その辺はソースコードを見るのがよいです。 ●"社内でbackbone.js with Rails勉強会を開催しました blog.mah-lab.com" だいたいの雰囲気はつかめる感じ 今のプロジェクトでは hamljs 使ってるなあ ■Rails ●"meleyal/backbone-on-rails GitHub" Railsエンジニアなら、これの Scaffold やればだいたいわかるはず ■全体的 ●"Single Page Web Applications with CoffeeScript, Backbone and Jasmine" coffee いいよ coffee 全体的になんとなくの使い方がわかる感じ ●"『Backbone.jsの1番良いリファ
JavaScriptをもっと上達したい人へのヒント（JavaScript おれおれ Advent Calendar 2011 – 24日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 24日目（最終日） JavaScriptを書くプログラマーさんでも、JavaScriptも書くデザイナーさんでも。 僕なんかがおこがましいとは思うんですが。 いっぱい書く とにかく書く事です。何でもいいです。作りたいものがあれば作ってもいいし、面白そうなものを見かけたら真似してみましょう。 ライブラリーやフレームワークは躊躇なく使う 簡単に書けるならそれに越した事はありません。どんどん使いましょう。そもそも便利なライブラリーを習得する事だって大切です。 分かりやすいと最近評判の本ですね。プログラミングの知識が全く無い状態の読者を想定しているそうです。 「Webデザイナーのための jQuery入門」という本を書きました – Takazudo hamalog で、私が書いた本の話に戻りますが、「Webデザイナーのため
javascript - ECMAScript 5 で Object.clone を実装してみた : 404 Blog Not Found
2011年12月24日10:00 カテゴリ javascript - ECMAScript 5 で Object.clone を実装してみた JavaScript: The Definitive Guide (6th Ed.) David Flanagan 具体的に実装してみたかったのが、これ。 404 Blog Not Found:javascript - そろそろECMAScript 5を使いたい少なくとも3つの理由 ES5以降は、以下のようにすればbuilt-inのように enumerable でないプロパティを定義できるようになります。 deep copy もできる Object.clone 。 Underscore.jsの _.clone() も、mofmof.js の Object.copy() も deep copy の機能を欠いています。ES5の機能抜きにObject.pr
Hogan.js
Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Alternatively, drop hogan.js in your browser by adding the following script. <script src="h
最近のJavaScriptモジュールの書き方 - yo_waka's blog
サーバサイド（特にNode.js）とクライアントサイド両方で動かしたいものは最近はこんな感じで書いている。 CommonJSのwiki見ててそこに紹介されてるソースコードで（どれだったか忘れたけど。。）やってたのを見ていいなーと思って真似っこした。 (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What underlies the `var self = this` JavaScript idiom?
Loading...
What does the exclamation mark do before the function?
music.js - demo
https://backbonetutorials.com/
