がしかし、はてなダイアリーのサイドメニューに組み込もうとしたら「許可されていないscriptタグです」って怒られた件。imgタグで仕込める奴にしないと、普通のブログサービスでは使えないのかもね。使うとこんな感じ(FirefoxとSafariで動作確認)http://itga…

Firefox 3.1で採用される高速化技術の一つにSpeculative Parsingというのがあるが、その内容が気になる。 Speculative Parsing Firefox 3.0.xでは、あるWebページで複数の外部スクリプトファイル（たとえばxxx.jsなど）が指定されている場合、１つのファイル…

IE6/7 でも動作するというJavaScriptデバッガ/プロファイラのXBugを試してみたのでメモ。 XBug - Information http://www.xbug.co.uk/xbug.htm サイトが非常に見にくいのはひとまず置いておいて、特徴はサーバ側にファイルを配置して使う所がFirebug等のプロ…

getElementsByTagName Returns a NodeList of all the Elements with a given tag name in the order in which they are encountered in a preorder traversal of the Document tree. Document Object Model Core 書式 elements = document.getElementsByTag…

先日ローンチされたYahooのSNS CU(シーユー)のコミュニティを全部見てみたのでメモCUhttp://cu.yahoo.co.jp/JavaScript関連コミュニティで存在するものをリスト化してみた JavaScript Javascript jQuery prototype.js CUのコミュニティ検索は大文字小文字を…

行ってきました。発表の方はid:amachangのと、ExtのGridを組み込んだ事例あたりまで聞いてて、それ以降は端っこでお喋り。 以前Ext JS勉強会で発表されていた富田さん(id:shinichitomita)を見かけたので思い切って話しかけてみた。企業向けwebアプリに取り組…

DOM Storageというか、FirefoxのglobalStorage*1を使ったグリモンを書いているので、保存できるデータサイズの限界がどれだけなのか調べてみた。 テストコード*2 window.localStorage = window.localStorage || window.globalStorage[location.hostname]; lo…

John Resigの教材に触発されたので書いてみる。 私自身、Javaのオブジェクト指向は理解していても、JavaScriptのnewやprototypeプロパティの意味を理解しないでコードを書いていた時期があったので。JavaはわかるけどJavaScriptでクラスの作り方がいまいちわ…

John Resig - Adv. JavaScript and Processing.jshttp://ejohn.org/blog/adv-javascript-and-processingjs/HTML版:Learning Advanced JavaScript（現在リンク切れ？）*1 #40くらいまで読みました。変数のスコープや関数定義の順番といった基礎から説明がある…

Prototype JavaScript framework: Download Prototypehttp://www.prototypejs.org/download 1.6.0.2との差分をざっと眺めましたが結構な量のバグfixがされてるみたいです。そして待望のEvent.prototype.pointer と Event.prototype.element のバグが修正され…

2008-10-06追記：リンク一つ毎に改行タグ(br)を入れる部分のコードが消えていたので引用記法からpre記法に変更しました。 XPathの練習として作ってみました。yourfilehostへのリンク以外を抹殺します。yourfilehostへのリンク以外は全て騙しリンクというペー…

JavaScriptのコード圧縮ツールはいくつかあるが、中には圧縮したコードが実行できなくなる物もある。特に括弧やセミコロンを省略しまくっている場合にそういう事態が発生しがちなので対策のメモ。お行儀の悪いコードの例 createSoldier = function(weapon){ …

(2008-10-04追記) 今見たらDroseraはWeb Inspectorに統合されてますね。windows版のnightly build r37113にて確認しました。Safari用のjavascriptデバッガのDroseraを入れようとしたら、こんな事になっていました。 Drosera on Windows ¶ Most of Drosera ha…

テーブルをcoolなグリッドにしてくれるjQuery用javascriptライブラリのFlexigridを試してみたのでメモ。 Flexigrid for jQuery : Web 2.0 Javascript Data Gridhttp://webplicity.net/flexigrid/ Using Flexigrid.js with jQuery and Prototype.js. 次の様な…

新しいUIのプロトタイプを作るのに、試しにjQueryUIを使ってみました。デモページはこちらhttp://ui.jquery.com/repository/latest/demos/functional/ Ext.jsを触った直後だと、機能は少ないけどデザインや動きを自由にできるのが嬉しい、というのが感想。ダ…

IE7のバグの一つ、「filter:alphaで半透明にした要素上(子含む)のフォントのアンチエイリアスが無効になる」に対応する話。 この現象、半透明大好きwebデザイナだけではなく、jQueryやscriptaculousでフェード効果を使った事のあるエンジニアも多く悩まされ…

7ns.jp ~ Simple Web Services» ExtJS お知らせ » 第１回 Ext JS / Ext GWT勉強会を開催しましたhttp://7ns.jp/jp/?p=290 ExtJSに打ちのめされたばっかりなので(?)参加してきました。うおお、スピーカーの皆さんが凄い人揃いだった、感動！！Ext Japan, LLC…

ExtJSちょうかっこいいですよ！cool!cool!cool!でも、そう簡単には行きませんでしたという日記。 IE7でいきなりスクリプトエラー 2008-09-17追記：この現象は解決方法が見つかりました。 http://d.hatena.ne.jp/hagino_3000/20080916/1221579937 既存コード…

Ruby on RailsでjQueryを使いたい人のためのRoRプラグインjRailsがVer0.4にアップデートされてました。いつの間に？？っていう感じ、RSSを吐いている様子も無いし、定期的にチェックするしか無いのかな？ jRails - jQuery on Railshttp://ennerchi.com/proje…

javascriptでアニメーションをガリガリ書いてると、開発用のモンスターマシンとテスト用の貧弱スペックマシンで明らかに挙動が違って見えることがあります。それで嵌った所があったのでメモ。要素のpositionをrelativeからabsoluteに切り替えつつ、見た目上…

greasemonkeyでminibuffer使えば５行くらいで終わる所をわざわざブックマークレットにしてみました。Firefox3RC1でgreasemonkeyが無効化されてしまったのでその対策＋ブックマークレットの復習として。こんな感じで画面上部からにゅ〜っとパネルが出てきます…

HTML要素に設定したstyle属性から一つのプロパティを削除したい時、IEとFirefoxでわざわざ異なるコードにしていた自分。 // こんな感じ if(isMSIE){ $('hoge').style.removeAttribute('foo'); }else{ delete $('hoge').style.foo; } うまいことコード共通化…

The JUI 2008 Tokyoを開催します！ : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ http://mtl.recruit.co.jp/blog/2008/04/the_jui_2008_tokyo.html YAPCにあわせて来日or上京な人がライトニングトーク突発参加だったり、あまりに豪華な…

こんな感じのメールが他のプロジェクトから飛んできた・・・・(；´∀｀) ほげふー君忙しいところすみません。以前、ＸＸＸの処理はAJAXでやれば良いと提案をしていただきましたが、AJAXの実装ってどうやるんでしょうか？その辺りのノウハウをお持ちなら教えて…

以下、プロジェクトマネージャとのやりとり。 Question：「使っても大丈夫なの？」 「MITライセンスだから大丈夫ですよ。」では通じない。 オープンソースとMITライセンスの説明から入らないといけない。 Question：「画面動かすとIEのセキュリティ警告がで…

やっとこういうのが理解できて実践できるようになった！！ハタさんのブログ : Javascriptによる大規模開発の覚え書き。高速化編 http://blog.xole.net/article.php?id=613JavaScriptの巧い書き方 - Archiva http://archiva.jp/web/javascript/writing_style.…