feed

slowbirds.scrapsでタグ「javascript」が付けられているもの

トリミング用の正規表現( replace(/^\s+|\s+$/, "") )などのように、複数の関数から利用される正規表現オブジェクトをループ内で多用する場合は、スコープ解決用のaliasを作ってやると、軽くできるかもしれませんね。(via. もっと速くするために(スコープ解決コストと正規表現オブジェクトの置き場所) - latest log)
正規表現はまとめておこう。そのほうが早いかも。っていうおはなし
# console.log(object[, object, ...]): メッセージ(オブジェクト)をコンソールに出力
# console.debug(object[, object, ...]): メッセージをコードの行番号付きで出力
# console.info(object[, object, ...]): メッセージを、先頭に「i」のアイコンを付けて出力
# console.warn(object[, object, ...]): メッセージを、先頭に「!」のアイコンを付けて出力
# console.error(object[, object, ...]): メッセージを、先頭に「×」のアイコンを付けて出力
# console.assert(expression[, object, ...]): expressionの評価結果がfalseのとき、第2引数以降に指定されたメッセージを出力
# console.dir(object): 渡されたオブジェクトのプロパティと値をコンソールに出力
# console.dirxml(node): 渡されたノードのソースツリーをコンソールに出力
# console.trace(): スタックトレースを出力
# console.group(object[, object, ...]): console.groupEndが呼び出されるまで、コンソールの出力をグループ化
# console.groupEnd(): console.groupによって開始されたグループ化を解除
# console.time(name): タイマーを開始してconsole.timeEndが呼び出されるまでの時間を計測
# console.timeEnd(name): タイマーを停止して計測した時間を出力
# console.profile([title]): console.profileEndが呼び出されるまでに実行された関数のパフォーマンスを解析
# console.profileEnd(): console.profileによって開始された解析を停止して結果を出力
# console.count([title]): これまでに(同じタイトルの)console.countが呼ばれた回数をカウントして出力(via. 効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan)
firebugのAPI一覧。便利!ね。

uupaa-js - Google Code

|

日本発クロスブラウザJavascriptライブラリ。まだ発展途上?

とはいえかなりいろいろな機能が追加されていて、個人的に気になってるのはIEブースターっていうIE6に透過PNG対応させたりmax/min - width/height対応させるモジュールなど。

それ以外もイベントハンドラなど、jQueryよりもJavascripter向けに開発されてるようす。
開発ブログを読むと凄く堅実に一つ一つ着実に開発しながら実装しているようで、凄く気になります。

ちょっと使ってみる。

いまいち脚光を浴びていないようだけど凄くもったいない!

$('#myImage').attr('src', 'image.jpg').load(function() { alert('Image Loaded'); });(via. jQueryを良くする25のTIPS[to-R])
画像のロード完了フラグを取る。シンプル!jQueryに慣れすぎて0からJavascript書くの面倒くさすぎる。(ちょっとしたツールとかは依存したくないので書くけど。)
そのほかにも結構いい感じのTIPSが。

Javascript(計算UIと表示)とFlash(結果のアニメーションと調整UI)の得意不得意を住み分けてうまくいかしてる好例!このUIはすごい!

パフォーマンスもいいし、UIもわかりやすい。

JSONで計算の元になるデータおいてあるけど生命保険会社的には問題ないのかな?見れちゃうけど。

変わりにjQueryのdataメソッドを利用しよう。これはページの要素としてデータを関連付けることが出来る。(via. jQueryのコードを良くする5つのTIPS[to-R])
dataメソッドはしらんかった。relとかで適当にやってたわー
Aerialは、通信にFlashを使い、JavaScriptとサーバープログラムとの間で双方向のRPC呼び出しを行う技術です。つまり、サーバー側からJavaScriptのメソッドを呼び出したり、逆にJavaScriptからサーバー側のプログラムを呼び出したりします。(via. Aerial(エアリアル) - Ajax/Cometの次を行く リアルタイム双方向RPC - 古橋貞之の日記)
これすごいわーCometの実装もしてみたいけどこれ使ってみたいなー
function ヾ(){ this.ノ = 'ヾ(*・ω・)ノ゜+.゜★ィェィ☆゜+.゜ヾ(・ω・*)ノ '; } alert( new ヾ('・ω・').ノ );(via. DeLLa.JS - すめるまん Broken Diary)

Processing.js(via. John Resig - Processing.js)
javascriptでProcessingのコードが動く!!!すげー!
今回紹介するオープンソース・ソフトウェアはJsc、C#やVisual BasicのコードをJavaScriptにするソフトウェアだ。(via. MOONGIFT: » 必見!GUIアプリケーションもこれでWeb化?「Jsc」:オープンソースを毎日紹介)
なんぞこれ!
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。(via. jQuery日本語リファレンス)
これ結構わかりやすいなぁ
なんかリンク貼ってるjGlycyってのは・・・いらないかなぁ。
Safari(WebKit)がgetMatchedCSSRulesでいけそうなので、windowのプロパティだけで最近のブラウザを一応判定できそう。Firefox(Geckoエンジン)がNGでした(via. ユーザーエージェントに頼らないブラウザの判定 - 0x廃棄階層 - 統治局)
ブラウザによっては完璧でないっぽいけど、自分の場合一番特別な処理するのが糞ブラウザであるところのIEなので
if(window.aciveX) aler("drop your browser!");
ってできるわけですね。
っていうかopera++
Firefoxには「Firebug」「Web Developer」などのデバッグツールがあるが、DebugBarは似たような機能をIEで実現するプラグインとなる。DOMの解析や、Webレイアウト上でのエレメント表示、HTTPヘッダー情報、HTML・JavaScriptソースの表示、JavaScriptのコンソール実行といった機能を備えている。(via. IE用フリーのデバッグツールプラグイン「DebugBar v.5.0」リリース:CodeZine)
IEでのデバッグ時に便利!と思って入れてみたけど微妙だわ。わかりにくい。
Firebugが使いやすすぎる。
createElementでscript要素を作って、その中にhttp://example.com/example.jsとソースを指定することによってそのJSを実行できる。(via. 2005-05-03 - 川o・-・)<2nd life)
古い記事だけどこれ超便利

copyRights©slowbirds.org