javascript

jQuery.jsとprototype.jsのロジックの組み方に関して

会社から駅まで2分を切れるようになりました。agoです。 先日社内で行った勉強会の資料を公開したいと思います。 Prototyperに贈るjQuerystからの手紙 内容は以下の通りです。 Prototype.jsとjQueryの差異 jQueryの考え方 よりよいjQueryの使い方 カヤックで…

jQuery、script.aculo.us、JSTweenerのアニメーションfps比較

スカイダイビングしてきました。agoです。 ちょっと気になったのでいくつかのアニメーションライブラリのFPSを調べてみました。 jQuery jQuery.fx.custom内でsetInterval(fn, 13);と定義されていました(4064行目) 1000 / 13で大体77FPSのようです。 script…

OSDE(OpenSocial Development Environment)を使った開発環境Tips

こないだ初めてバンジージャンプ飛びました。agoです。 先ごろmixiアプリが一般開発者公開されましたが、皆様開発環境どうしてるでしょうか? 私はmixiの開発環境では認識されるマイミクが少なかったり、キャッシュが効きすぎたりで開発しづらいため、OSDEで…

javascript libraryを作るときに便利な3つのfunction

社内で唯一(?)の8 tab派。agoです。 suzunari.js、sisso.jsと、最近いくつかJSのライブラリを公開する機会があったので、そのとき使ったライブラリを作るときに便利なコードを紹介したいと思います。 1 script tagからのパラメータ読み込み 外部からの指…

blogparts framework suzunariを作成しました。

ようやく会社のブラインドを閉める方法を発見しました。agoです。 弊社ではブログデコというブログパーツのポータルサイトを運営しており、かなりの数のブログパーツを作成しています。 このたび、そこで得られた様々なノウハウを集めて、ブログパーツフレー…

マイスペースアプリの開発tips

社内で唯一の野狐禅ファン agoです。 最近ようやくいくつかマイスペースアプリを公開することができたので、マイスペースアプリの開発過程で気づいたことを書いてみたいと思います。 (ちなみに、マイスペースのプロフィールはデザイン担当の内容です) aler…

IEのデバッグツール

最近記憶力の低下が著しいkusagayaです。 最近は専らJavaScriptを書くことが多いんですが、皆さんどのようなデバッグツールを使っていますか? FirefoxであればFirebugというのが一般的だと思いますが、 IEで一般的なデバッグツールと言えば?と言われると、…

?FireFox3でFlashの動作がおかしくなる

初めまして、自由が丘でプログラマーをさせて頂いてますkusagayaと申します。 以前、アトランティカの風ブログパーツを作成していた時に遭遇した現象について書かせて頂きたいと思います。 現象 FireFox3でwmodeがtransparentになっているブログパーツで全画…

jQuery Plugin作成時の3つの注意点

実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基本的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介した…

pngfix & rollover library sisso.jsを作成しました。

通販で自転車のスポーク買いました。agoです。 社内から「yuga.jsみたいに呼べば使えて、環境に依存しないpngfixとrolloverライブラリがほしい」とリクエストを受けたので作成してみました。 使い方はファイルをダウンロードし、以下のようにマークアップす…

Google AJAX Feed APIを使った場合の細かい利点

pQueryに期待してます。agoです。 なぜか"Google AJAX Feed API"で検索しても本家のドキュメントがトップに来ないGoogle AJAX Feed APIのドキュメントを眺めていてちょっとした利点に気付いたのでご紹介したいと思います。 1 文字コードのUTF-8統合 encoding…

jQuery.opensocial_simple Pluginを作成しました。

昨日OpenSocial Hackathonに参加させていただきました。agoです。 Hackathonは終わってしまいましたが、jQueryからOpenSocialを簡単に扱うためのPluginを作成したので、jQuery.opensocial_simpleとして公開したいと思います。 opensocial、gadgetsのすべての…

jQueryを使うときに気をつけるべき8のポイント

DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) …

jQuery.ime_external Pluginを作成しました。

Microsoft Trackball Opticalの復活を切に希望中のagoです。 今年旅する支社として行ったイタリアで、Flash経由でJSからIMEを操作するプラグインを作成したのでjQuery.ime_externalとして公開したいと思います。 同種のJSは過去にもいくつかあったんですが、…

jQuery.autouploader Pluginを作成しました。

AutoHotKeyの設定ファイルが意味不明で困ってます。agoです。 このたび弊社ではにおい部 - においフェチに捧げるコミュニティとして、におい部をOPENしました。 今回はこのサイトで使用している、ファイル選択時の自動プレビューjavascriptをjQuery.autouplo…

jQuery.brbr Pluginを作成しました。

高知から帰ったら席がのっとられていたagoです。 このたび弊社ではYUREX™ - ビンボーゆすりを科学したコラボ・プロダクトを開発として、YUREX製品サイトをOPENしました。 今回はこのサイトで使用している、文字や画像のリンク部分を揺らすjavascriptをjQuery…

Wii向けフラッシュコンテンツでユーザビリティを高めるコツ

初めまして、現在静岡支社勤務のtaiyohと言います。 codereposでもtaiyohの名前で登録させて頂いております。宜しくお願いします。 さて早速ですが、今更ですが、Wiiネタを書かせていただきます。 ミュージシャンがたまに言う「つくって半年ほど放置してた曲…

全画面ジャック型のblogpartsを1ファイルで作成する方法

手違いにより社員紹介ページから消滅中のagoです。 今日は全画面ジャック型のblogpartsを一つのswfのみで実装する方法を紹介したいと思います。 まず、一般的な全画面ジャック型blogpartsの場合、最初に表示されているsidebar swf(記事内に貼り付けるタイプ…

jQuery.dataの使い方

最近気づいたんですが、jQuery.dataが結構便利だと思うので紹介してみたいと思います。 (function($) { var name_space = 'name_space'; $.fn[name_space] = function(options) { var elements = this; var settings = $.extend({ }, options); elements.eac…

Vista Sidebar gadgetを作る際のTips

今日はJSでVista Sidebar gadgetを作る際のTipsを紹介したいと思います ライブラリは遠慮なく使う 規模も小さく、隔離された環境なので影響範囲の大きいライブラリ等を使っても問題が少ないです。過去にPrototype.jsやjQueryを使用しましたが、問題は起きま…

blogpartsでjQueryを使うときの読み込み方

最近blogpartsでもjQueryを使うようになったので、blogpartsでjQueryを使うときのコードをまとめてみました。 (function () { //script tagのsrcの先頭部分を記述(自分のscript tagを取得するのに使用) var domain = 'http://example.com/bp/'; //asから呼…

最後のscript tagの取得方法

ブログパーツを作成する場合自身のscript tagを取得したい場合が多く、そのときの手法としては次の手法が使われることが多いと思います。IT戦記 とてもシンプルに自分自身が属する script 要素を取得 ただ、この手法は読み込んでいる別script内でappendChild…

jQueryのイベントネームスペース

先日社内のPGに教えてもらったのですが、jQuery(1.2.0以降)ではイベントに名前空間を指定できるようです。 $('a').mouseover(function () { console.log('over!'); }); // -> a tagにカーソルを乗せるとconsoleに'over!'を出力 $('a').bind('mouseover.tmp',…

FirebugのLog Eventsに関して

こないだfirebugをいじってたら面白いものを見つけました。 ちょっと試してみたところ対象の要素に起こっているイベントを全てコンソールタブへ表示させることが出来るようです。 基本的には良くあるイベントが表示されるだけなんですが、IMEをONにした状態…

event式autoKana.jsの紹介

すでに若干乗り遅れてる感じもしますが、読み仮名の自動入力がはやっているようなので乗っかってみます。 サンプル (IE7,FF2,safari3.1で動作確認) お気づきの方もいるかもしれませんが、これまでの記事(1,2,3)はこのライブラリを作る過程で発見し…

jQuery Pluginの書き方

最近いくつかjQueryPluginを書く機会があったのでちょっとまとめてみようと思います。 (function($) { //このPluginの名前 var name_space = 'basePlugin'; $.fn[name_space] = function(options) { //いったん退避 var elements = this; //設定情報の構築 v…

FFのtext eventに関して

前回firebugのLog Event機能に関して紹介したんですが、そのとき見つけたちょっと面白いイベントに関して紹介したいと思います。 そのイベントは「text」 私もLog Eventで見るまで知らなかったんですが、これはIMEがONの時にkeypressの代わりに呼ばれるよう…

ExternalInterfaceのはまりどころを再検証

ExternalInterfaceがはまることに関しては周知の事実なんですが、その内容に関しては又聞きの部分も多かったので改めて検証してみました(windows vista IE7,FF2,safari3.1、windows xp IE6で確認しています) form tagの中にswfを書き出すとIEでelementが取…