Jash: JavaScript Shell Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」。 Jashサイトのダウンロードページでブックマークレットがダウンロードでき、このブックマークレットを設定し、実行することでサイト内に小窓が開きます。 小窓には JavaScript シェルが統合されていて、小窓にJavaScriptコードを入力して、JavaScript の対話的な実行が可能です。 (入力欄は、TABキーによる補完も可能です) Jashを使って、例えば、次のようなことが可能になります。 サイト上で定義されているJavaScript変数の中身

( )いーあるさんいーあるさんわんつーすりー (3)id:amachangの プレゼンツールを パクりました ( )どーまんせーまんどーまんせーまん (2)他のLTとネタ かぶりすぎ＞＜ ( )ひふみひふみひふみひふみひひふみ (2)なので基本 詳細やりません ( )ひひひひひひひひひひひひひひひひ (1) ( ) ( )獅子手奈緒(14) (1)本題 ( )鈍痛鈍痛鈍痛鈍痛鈍痛鈍痛鈍痛鈍痛鈍痛 (t)アジェンダ (l)インスパイアツール逹 (l)言語を超えて (l)Webの世界へ (l)？？？ ( )柿ピー☆柿ピー☆柿ピー☆柿ピー☆ (t)インスパイアツール達 (l)plaなんとかの登場で (l)プラガブルな便利ツール (l)いっぱい登場しました (l)さらっと紹介 ( )winnywinnywinnywinnywinnywinnywinny (t)Catlxom (l)よみがな：きゃっ

デベロッパがFirefoxを使う理由はエクステンション! Ajax Webアプリケーションの開発者には、WebブラウザとしてFirefoxを愛用しているユーザが多い。その理由のひとつに豊富なエクステンション機能が挙げられる。Firefoxを使っているからエクステンションを使っているというよりも、エクステンションを使いたいからFirefoxを使っているという感じだ。 デベロッパに人気のあるエクステンションはいくつもあるが、代表的なところではAll-in-One GesturesやDictionarySearch、Greasemonkey、User Agent Switcher、ScrapBookなどを挙げることができる。そしてAjax Webアプリケーションの開発において必須ともいえるエクステンションに、Firebugがある。 Firebugに対する称賛の声は枚挙にいとまがない。「Fireb

JavaScript: クロスブラウザでブロック要素内のクリック座標を得る方法 ちょっとやることがあって調べてみたら案外情報が見つからず、実現するのに時間がかかったのでメモしておきます。 <script type="text/javascript"> <!-- function clickhandler(event) { if (!event) { event = window.event; } var hx, hy; if (document.all) { // for IE hx = event.offsetX; hy = event.offsetY; } else { hx = event.layerX; hy = event.layerY; } alert("x:"+hx+",y:"+hy); // return [hx,hy]; } //--> </script> <div on

DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。 DOMの形式でJavaScriptプログラミングを行いたい方にとって、これはなかなか便利ですね。 JavaScript: DOM-HTMLを操作するための仕組み

p2js - Google Code PHPの関数をJavaScriptで利用する為にピュアJavaScriptで移植しました(しています。) PHPの関数をJavaScriptで使う「p2js」。 使い慣れているPHP関数をどうにかJavaScriptで実装できないかと以前考えたことがありましたが、Google Codeにてそういうプロジェクトを発見しました。 標準のJavaScript 機能だと、PHPほど標準関数なんかが充実していないこともあって、こういうのが使えると便利ですね。 まだ全ての関数があるわけではないですが、つくり中ということで、今後に期待ですね。 あとは機能ごとにファイル化して、script.aculo.usのように、ファイル指定で簡単に必要な機能だけ読み込める機能なんかがあったらなかなか使われそうな気がしますね。 関連エントリ JavaScriptから使える便利なUR

JavaScript入門＆応用＆リファレンス＆ライブラリ紹介サイト「JavaScriptist」を公開 2006年11月27日- JavaScript入門＆応用＆リファレンス＆ライブラリ紹介サイト「JavaScriptist」を公開しました。 入門では環境構築からオブジェクト指向までを紹介。 応用ではWeb2.0的なJavaScript 活用法について説明します。 JavaScriptの言語リファレンスも用意しました。 prototype.js や script.aculo.us のリファレンスもあります。 (リファレンスページ。ブラウザ対応なんかも表示しています。) 検索窓にインクリメンタル検索機能を採用し、JavaScriptのリファレンスから調べたい内容を素早く調べることが可能です。 他にも、その場でJavaScriptサンプルを実行できるJavaScriptオンラインエディタなどの

Javascript Toolkit Comparison - uPortal 3 - JA-SIG Wiki Javascriptフレームワーク比較チャート。 Prototype、Dojo、Mochikit、Yahoo UI Library、Google Web Toolkit 、jQueryというメジャーなフレームワークの比較図です。 Ajax、Drag&Drop、ビジュアルエフェクト、イベントハンドリング、Ajaxの戻るボタン対応など、機能が一発で比較できます。 →続きを見る 他にも、ドキュメントの豊富さや、開発コミュニティの充実度、ライセンスについても掲載されていて比較に便利。 自分の知らないフレームワークの特徴も大まかに分かるので参考にさせてもらいましょう。 関連エントリ 10個のPHPフレームワーク比較記事 Prototype.jsとjQueryのベンチマーク速度比較

PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 次の記事 ≫：WEBマスター/WEB開発者、御用達のサイトリンク集 Cookie Manager | Javascript Code | All Things Webby Initialisation of a CookieManager object: JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパースして面倒だ、と思っていた人は多いのではないでしょうか？ CookieManager.jsを使えば、phpでcookieを使うときみたいに簡単にcookieが使えます。 prototype.jsをベースとしていて、サンプルのコードは次のような感じになります。 サンプルはクッキーを使

PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 2006年11月01日- Projax Demo PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」。 JavaScriptコードを一切書くことなく、prototype.jsが使えるようヘルパー関数を提供してくれます。 次のように使います。 $projax = new Projax(); Please enter your year of birth : <?=$projax->text_field_with_auto_complete('dob',null,array('url'=>'index.php?task=ajax'));?> 個人的にはそのままJavaScriptコードを書いたほうがややこしくないと思うのですが、 Jav

target=_blank>Real Time Syntax Highlighting Code Editor JavaScript ブラウザ上で動作するWebエディタ作成Javascriptライブラリ。 PHP, Java, HTML, JavaScript に対応しています。 下の画像のように、ブラウザ上でエディタが動作します。行番号もついてますね。もちろん編集毎にちゃんと再描画してくれます。 関連エントリ ブラウザ上で動作するソースコードエディタ『Edit Area』

Selenium Selenium is a test tool for web applications. Selenium tests run directly in a browsers, just as real users do. And they run in Internet Explorer, Mozilla and Firefox on Windows, Linux and Macintosh. No other test tool covers such a wide array of platforms. 巷でちょっと話題になっている(？)Seleniumを試してみました。率直な感想を書くとすれば、テストを書くのがめんどくさい…。テストはある形式にのっとってテーブルをずんずん書いていくとそれがテストになります。1行1アクション/テストな感じです。でもこのごにょごにょテ

tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップロードの進捗を表示しつつア