[JavaScript]jQuery のイベントとクロージャ | ブログが続かないわけ
以前のエントリ([JavaScript]僕、スコープとかクロージャとか曖昧でした )で書いた、Javascript のクロージャの話と全く同じことなのですが、あれをjQuery のclick イベントで書くとどうなるかということを、自分用にメモとして残しておきたいと思います。 例えば、div でブロックを3つ作って、それぞれにclick イベントを持たせるとします。そのとき、そのclick に反応して、そのblock が何番目に作られたものなのかをalert するようにしたいとします。 jQuery の.click は第一引数にコールバック関数をとるので、クロージャのことを意識せずに直感的に書くと、次のようなコードになるのではないでしょうか。 var div; var i; for(i=0; i<3; i++) { div = $('<div/>').click( function( e
![[JavaScript]jQuery のイベントとクロージャ | ブログが続かないわけ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
[JavaScript]僕、スコープとかクロージャとか曖昧でした | ブログが続かないわけ
Douglas Crockford, 水野 貴明 ￥ 1,890 手っ取り早く習得 痒いとこだけ掻いてくれる JavaScriptを勉強しなおすのにとってもよいです。 JavaScript コアに関する最高の本 付録を除くと100ページちょいという、とてもライトな本ですが、内容は濃密です。JavaScript の中で、一番わかりにくいだろうなと思われるようなところが集中的に解説されているように感じられ、勉強したてでかつそろそろわかりかけてきたなーと思い始めていた僕にとって、最適の一冊でした。知って良かったなと思えるところがたくさんありましたので、これから少しずつ紹介して行きたいと思いますが、今日はその中でも特に印象的だった、変数のスコープにまつわるお話をしてみたいと思います。 変数のスコープはその変数が宣言された関数の中だけに限定されます。なんとなく知ってはいたのですが、for 文とかでは
![[JavaScript]僕、スコープとかクロージャとか曖昧でした | ブログが続かないわけ](https://cdn-ak-scissors.b.st-hatena.com/image/square/22a943946d08f1f2302573abf6b2502f6c404e6e/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F41H0Dk-K3PL._SL160_.jpg)
[Perl][JavaScript]JavaScript とPerl で○×ゲームを作った | ブログが続かないわけ
OpenSocial とかで遊ぶためにもJavaScript は必須で、いままで避けて通ろうとしていたのが、そろそろそうは行かなくなってきた。そのため、今月はmixi hackathon もあることだし、それまでにしっかりとJavaScript を身につけるため、js 特訓月とした。 今日は、そのトレーニングの一環として、○×ゲーム(英名: TicTacToe)を作った。 【こちらで遊べます→】TicTacToe tictactoe.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte
lockエラー | 月額200円からのレンタルサーバー JSN
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
Drag & Drop | Diaspar Journal
丸亀製麺は、全国に820店舗以上を展開するうどんのチェーン店です。店内で製麺を行っているため、打ち立ての美味しいうどんをいただくことができます。 注文まで列に並んでいくスタイルですので、何を頼もうか考えている間に自分の番がきて焦っちゃうなんてことも・・ 別のせのてんぷらやおにぎりも美味しいですよね！ 丸亀製麺で一番お得なクレジットカードは、ｄカード・ｄカード GOLDです。ｄ払いを利用することで、ポイントの3重どりができ2.0％還元を実現できます。 丸亀製麺では、クレジットカードや、電子マネー、バーコード・QRコード決済など多くのキャッシュレス決済を支払いで利用することができます。クレジットカード キャンペーンも活用するとさらにお得になることもあります。 丸亀製麺の支払いで利用できる決済方法クレジットカードVISA・Mastercard・JCB・ダイナースクラブカード・AMEXバーコード
perl - 勝手に添削 - isbn2asin : 404 Blog Not Found
2007年01月24日12:30 カテゴリLightweight Languages perl - 勝手に添削 - isbn2asin 久々の勝手に添削コーナ。今回は、hyukiさんのこちら。 結城浩のはてな日記 Amazon Web Servicesを使って、ISBN-13からASINを取得するPerlプログラムを作ってみました。まずは添削結果。 #!/usr/local/bin/perl use strict; use warnings; use CGI; use LWP::Simple; use XML::Simple; use URI; my $aws_access_key_id = 'YOUR AWS ACCESS KEY'; # For debug. my $OUTPUT_ENCODING = 'UTF8'; # Set up ISBN. my $isbn = shift or
Using c-mode to edit Javascript in Emacs
As part of my foray into the Greasemonkey world, I've been on the lookout for a good environment for editing standalone Javascript files. Emacs being the One True Editor, you'd think that there would be a decent major emacs mode for editing Javascript, and you'd be wrong. I tried installing: http://www.brigadoon.de/peter/javascript-mode.el Using Emacs 21.3.50.2, I get the following message when tr
javascript - DOMInspector Bookmarklet : 404 Blog Not Found
2006年10月07日21:30 カテゴリLightweight Languages javascript - DOMInspector Bookmarklet こんなものをこさえてみました。 DOMInspector Bookmarklet 任意のページでこのBookmarkletを呼ぶと、任意のDOM Elementにマウスをかざすことで、そのElementに関する情報を得ることができます。元の状態に戻すにはReloadするだけです。 とりあえずSafariとFirefoxで試しましたが、IEでどうなるかはわかりません。報告お待ちしてます。 ソースは以下のとおり。 Bookmarklet: javascript:(function(){var s=document.createElement('script');s.charset='UTF-8';s.src='http://blog.
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Jemplate - TT2 in JavaScript!: blog.bulknews.net
Jemplate - TT2 in JavaScript! 先週の木曜に、San Francisco に来ていた Ingy が IM で "Do you have a time to hack today? I have a pretty neat project we could hack on." てなメッセージをくれたのでちょっとだけハックしてたのが Jemplate。実際には時間がなくてアイデアを練るだけで終わってしまいましたが、Ingy は作業を続けて今日 CPAN に最初のバージョンがリリースされたみたいです（まだ [% foo %] とか FOREACH, IF ぐらいしかできないですが）。 JavaScript の Template にもいろいろあって、prototype.js の最新版には簡単な Template.js コードがついているようだし、ほかにもいろいろとありま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
amachang - JavaScript 入門
ColorJack: Sphere (Color Theory Visualizer)
ma.laさんによるライブドアテクノロジーセミナーのプレゼン資料「Technologies for UI」
http://www.morijp.com/masarl/homepage3.nifty.com/masarl/article/js-oop.html
JavaScript++かも日記 - 1997年からの
Shibuya.js TT#1
Catalyst::View::Jemplate - Jemplate files server - metacpan.org
JSON/簡単なテスト:基本