JavaScript は非同期処理が基本 jQuery は非同期処理を簡単にしてくれる Knockout MVVM における非同期処理パターン の三本立てでお送り致します。 JavaScript は非同期処理が基本 最近、こんな記事をいくつか見かけました。 「jQuery.ajax で結果が反映されない！困ったら async:false だ！」 これは Tips とは言えません。 async:false にすると何が変わるのか、正しく認識していますか？ jQuery の API リファレンス には、こうあります。 Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active. 同期リクエストは 一時的にブラウザをロックし、一
前回の続きです。サンプルコードは前回から続いていると思ってください。 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ 今回もobject関数を使うので再掲載。 /* * object - オブジェクトを作る * Object object(BaseObj [, mixinObj1 [, mixinObj2...]]) */ function object(o) { var f = object.f, i, len, n, prop; f.prototype = o; n = new f; for (i=1, len=arguments.length; i<len; ++i) for (prop in arguments[i]) n[prop] = arguments[i][prop]; return n; } ob
Amazonの注文履歴が過去から現在まですべて集計されてしまうという、あのブックマークレットは衝撃的であった。こんな風にブラウザの世界を自在に操作できるJavaScriptって素晴らしい。でも、このブックマークレットがどんな仕組みで集計しているのか、未だすべては理解できていない。（特にDeferredとか）コードの流れ追跡しながら調べてみた。 URL欄のコード 改行なしだと読み難いので、セミコロンで改行を入れてみた。 そしてsrcのURLは、フォークした自分のgistに変更している。 javascript: (function(){ var d=document; var s=d.createElement('script'); s.src='https://gist.github.com/zarigani/5718444/raw/eaf1da1434a3d620a93779da2b33f
Amon2::Liteでmarkdownその他のリアルタイムプレビュー - すぎゃーんメモで、markdownとかのリアルタイムプレビューできるものを作って試してみたもの、やっぱりテキストエリアでmarkdownを書くってことはあまりしないなー、と思い。 大抵は使い慣れたエディタを使って編集すると思うので、それが変更されたときにブラウザ上で自動更新される方が嬉しいような気がして、 ファイルの変更監視でmarkdownファイルの編集->保存を検知 markdown->html変換したものをSocket.IOでリアルタイム更新 というものを作ってみた。 Node版 まずはNodeで。実行時引数で監視対象ファイルを指定し、fs.watchFileでそれを500msごとに監視、変更あれば変換したHTMLを普通にSocket.IOでクライアント側に通知する。 #!/usr/bin/env node
ようやくNode.jsをさわってみた。 インストール大変そうなイメージを勝手に持っていたけど、全然そんなことはなく $ wget http://nodejs.org/dist/node-v0.2.5.tar.gz $ tar zxvf node-v0.2.5.tar.gz $ cd node-v0.2.5 $ ./configure --prefix=$HOME/local $ make $ make installで普通に行けた。make testでなんかエラー出てた気もするけどキニシナイ あとはnpm。書いてある通り npm $ curl http://npmjs.org/install.sh | shでおk。 試しに幾つかインストールしてみた。 Express - Node.js web application framework EJS - JavaScript Templates
Node.js + Socket.IOを使って簡単なチャットアプリを作ってみました。 ベースは『パーフェクトJavaScript (PERFECT SERIES 4)』の「17章 WebSocket」に出てきたサンプルコードです。 今回はこのサンプルコードをSocket.IOを使って書き直してみました。 ソースコードはGitHubにアップしています。 サーバサイド server.js var io = require('socket.io').listen(8080); io.sockets.on('connection', function(socket) { console.log('onconnection:', socket); // クライアントからのイベント'all'を受信する socket.on('all', function(data) { // イベント名'msg'で受信
Windowsを使ってNode.js+Socket.IOを試してみました。 マシンはWindows VISTAですが、Windows 7でも同じだと思います。以前はCygwinでコンパイルをしないといけなかったようですが、現在はWindows用のexeファイルが提供されていて、かなり簡単に動かすことができるようになっています。 １．Node.jsとは Node.jsは、サーバサイドJavaScriptの実装の1つで、グーグルが開発したV8 JavaScriptエンジン上で実行します。要するにサーバ側の処理をJavaScriptで書くことができます。 サーバサイドJavaScriptには「CommonJS」という仕様が策定されており、Node.jsはCommonJSに準拠して開発されています。2012/01/10追記：独自仕様もあるようです。 Node.jsの特徴として、非同期処理を行うため
JavaScript で Mixins がどう書けるのかを、A fresh look at JavaScript Mixins « JavaScript, JavaScript… のサンプルコードを流用して説明します。各アプローチのパフォーマンス比較など、ここでの主題でないことは元記事を参照して下さい。 プロトタイプをコピーするための関数 extend を用いたミックスイン 以下は RoundButton に、Button と Circle の両方の機能を追加、つまりミックスインさせる例です。extend(arg1, arg2) という関数を定義しています。第1引数に機能を追加したいオブジェクトのプロトタイプを渡せば、そのプロパティとして、第2引数のオブジェクトのプロパティがコピーされる、という仕組みです。 var RoundButton = function(radius, label)
FileSystemObject。よく使うんだけど、メソッド名とかがいつも思い出せなくなるので、ここにまとめて書いておく。 FileSystemObjectって何？ Windowsでファイルシステムを簡単に扱えるようにするためのコンポーネント。最近のWindowsなら最初から標準で入ってる。 VB6やVBA、あとJScript/VBScript(WSHやASP)でよく使う。JScript/VBScriptでファイルシステムを扱いたい場合、通常はこれを使うしかないと思う。VB6は標準でファイルシステムを扱う関数とかがあるけど、使いにくいので(Openとか使いにくいよね？)FileSystemObjectを使った方がいい。VC++は知らない。.NETには標準で便利なクラスがあるのでFileSystemObjectは使わない。 インスタンス化 まずはインスタンス化しないと使えるようにならない。
apache と nginx から node.js に proxy させる方法
node.js と nginx のインストールメモと、apache と nginx から proxy させる方法メモ node.js のインストール git からとってきて ./configure してみる cd /home/sikaku/src git clone git://github.com/ry/node.git cd node ./configure しかし、環境が古くて ./configure が通らない ../src/platform_linux.cc: In static member function `static void node::OS::SetProcessTitle(char*)': ../src/platform_linux.cc:29: error: `PR_SET_NAME' was not declared in this scope Waf: Le
jQuery でクッキーを扱うのを下記サイトを参考にやってみました。 javascriptライブラリjQueryでcookieを超簡単に扱う方法 : 4GALAXYのメモ Klaus Hartl – Stilbüro : Cookie Plugin for jQuery jquery.cookie.js の準備 jquery.cookie.js をダウンロードして HTML で使えるようにします。 <script type="text/javascript" src="jquery.cookie.js"></script> クッキーの扱い方 $.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cookie', 'the_value', {
■ [ruby][event] Ruby Advent Calendar 2010の参加者募集中です あのRuby Advent Calendar(jp: 2009)が帰ってきた！ Advent Calendarは、12月のクリスマスまでを数えるカレンダーで、1日に1つずつ穴を開けていく感じのものです。ものによっては中にお菓子が入っていたりします。 それになぞらえて、1日に1つずつRubyに関するTipsを書いていくのがRuby Advent Calendarです。参加方法は、ATNDで登録して、担当日に自分のブログに記事を投稿するだけです。3行でもいいので、ぜひ書いてみてください。 Ruby Advent Calendar jp: 2010 英語トラック 今年はJPerl Advent Calendar 2010 - English Trackにならって、英語トラック(http://at
（2）プロトタイプ・オブジェクトの変更はリアルタイムに認識 プロトタイプ・オブジェクト配下のメンバが（インスタンスにコピーされるわけではなく）暗黙的な参照を通じて、必要都度にアクセスされるという事実には、もう1つ大きなメリットがある。それは、インスタンスを生成した「後」に、基となるプロトタイプ・オブジェクトにメンバを追加した場合にも、これを認識できるという点である。 例えば、以下のような例を見てみよう。 var Animal = function() {}; Animal.prototype.name = "サチ"; var anim = new Animal(); Animal.prototype.sex = "メス"; // インスタンスの生成後にメンバを追加 window.alert(anim.sex); // 「メス」 もっとも、この性質は、先ほどの「暗黙的な参照」を理解していれば
2010/09/26(日) に京都で Kanasan.JS jQuery コードリーディング #2 が行われる(告知ページ)。みんなで jQuery のソースコードを読むイベントで、今回が2回目だ。参加者募集中です。 jQuery はファイル1つだけのライブラリなのですごい環境とかもってなくても大丈夫なんだけど、読むうえで参考になるサイトとかをまとめてみた。この辺の準備をしておくと理解が深まると思う。 ソースコード http://code.jquery.com/jquery-1.4.2.js http://github.com/jquery/jquery まずは jQuery のソースコードを取ってこないと始まらない。今回はバージョン 1.4.2 を使用する。jQuery の公式サイトから圧縮していないコードをダウンロードしよう。 それと、jQuery ソースコードは Git で管理されて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
