gayouのブックマーク - はてなブックマーク

サイボウズで学んだこと - IT戦記

はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。報告も兼ねて、久しぶりにブログを書いてみたいと思います。（写真はゆうすけべーさんです）この会社に入って、たくさんの学びと思い出がありました。その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。ですので、うまく退職のエントリを書き上げることができません。言葉にできない。そんな感じです。なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。サイボウズでの最後の仕事僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。そして、その中で始めて複数人による大規模な JavaScrip

gayou 2010/09/17

javascript

リンク

要素が document につながっているかを高速に調べる方法 - IT戦記

とある要素が document につながっているかどうかを調べたい！とりあえず、ほとんどすべてのブラウザで出来る方法としては、 parentNode で確認することができますね。 function isElementInDocument(node) { do { if (node === document) { return true; } } while (node = node.parentNode) return false; } でも前の例だとちょっと遅いので contains や、 compareDocumentPosition を使うといいです！コードにすると以下のような感じ function isElementInDocument(node) { if (document === node) { return true } else if (document.compa

gayou 2010/06/24

javascript

リンク

サーバーサイド jQuery をやってみる！ - IT戦記

最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！ Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript id:ama-ch さすがです＞＜というわけで僕も、 PHP の Spidermonkey でどのくらいのことが出来るのか試してみました＞＜まず、 Hello, world! <?php // new して $js = new JSContext(); // print 関数作って $js->regis terFunction(function($v) { print $v; }, 'print'); // こんにちはこんにちは！ $js->evaluateScript('print("Hello, world!!")'); Hello, world!おおお、簡単！次は、 id:m-hiy

gayou 2010/02/21

サーバサイドjavascriptかぁ。面白そうだな。

リンク

はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記

はじめに「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。というわけで調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。この日記は調査しながら、過程を書いていくつもりです。準備まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。作業用ディレクトリを作るとりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr

gayou 2008/11/27

プロファイリング手法

javascript

リンク

IT戦記 - JavaScript の this について

WEB+DB PRESS 編集の R たんから、僕の連載記事に読者様から質問が来ていると教えていただいたので、その内容を教えていただきました。以下、内容を転載「JavaScriptわくわく開発道」の記事に関して質問です。今回の内容で特に興味を持ったのはthisキーワードの振る舞いでした。 thisキーワードの説明には、オブジェクト型の変数を別の変数にコピーしてから初期化すると、コピーした変数からメソッドを実行できなくなるという例が紹介されていました。そこには「（1）の時点でobj0には{}が入っているため、hogeは未定義となってしまう」という説明があるのですが、誌面の都合上省略があるためか、thisキーワードを用いることで問題を回避できるという理由がなかなか理解できないでいます。自分なりに考えてみたところ、内部的には以下のようなことが起きているのではないかと思いました。 (1)