FirebugによるWebコードのデバッグ | OSDN Magazine
Webサイトの開発は、世紀の変わり目となった7年前の頃ほど単純な作業ではない。新たなツール、テクノロジ、開発方法論の氾濫により、もはやWebページはかつての単純なHTMLコードの列ではなく、各種のスタイルシート、マークアップ言語、スクリプトが複雑に入り混じったものになっている。だが、こうした複雑なブレンドものをデバッグするのは容易ではない。そこで登場するのが、WebブラウザFirefox用のオープンソースのアドオンFirebugだ。このアドオンを使えば、CSSおよびJavaScriptの単純なテンプレートから複雑なAjaxアプリケーションに至るまでのすべての編集とデバッグを行うことができる。 各種Webプロジェクトの作成とデバッグに携わるWeb開発者を支援するアプリケーションは、いくつか存在する。SANIsoftの最高技術責任者で『Professional PHP4 Programming
[ThinkIT] 第6回：DOMの拡張（前編） (1/2)
Prototype.jsには、HTML要素（以下、単に要素）を取得するための2つの関数があります。それは、$関数と$$関数です。ここでは、この2つの関数を中心に話を進めていきます。 $関数は、idから要素を取得する関数です。一般的にJavaScriptで要素を取得するには、document.getElementByIdを使います。このメソッドは非常によく使われるわりに名前が長いため、コードが繁雑になってしまう傾向があります。そこで、Prototype.jsでは$関数を使います。$関数によってコードは、非常にシンプルになります。 例えば、ある要素の内容を書き換えるだけのコードならば、リスト19のように書くことができます。 リスト19：$関数でDOMの要素を書き換える <div id="target"></div> <script type="text/javascript"> var ele
秋元@サイボウズラボ・プログラマー・ブログ: Yahoo UIライブラリの各ファイルがYahooから直接ホストされるように
via Yahoo! User Interface Blog Ajaxパーツやページデザイン/レイアウト支援のYahoo! UI ライブラリの各ファイルが、Yahooのサーバから直接提供されるようになったという発表があった。(←リンク先には各ファイルのURLも載っている) YUIに含まれるCSS, Javascript, 画像ファイルについて、直接 yahooapi.com サーバにあるものを指して使っていいということ。(従来通り、ダウンロードしてローカルのサーバに置くことももちろん可能) つまり、YUIのファイルを改変したりせずそのまま使ったネットサービスを作った場合、これらのファイルを自分のサーバでホストしなくていい、ということになる。 yahooapi.com にはYahooの分散システムが適用されているので、ファイルの取得はネットワーク的に近いサーバから行なわれるということだ。自前
A library of DHTML and Ajax scripts - DHTMLgoodies.com
- March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM
MiniAjax, Le meilleur de la banque en ligne – On code des billets ici!
La présence de pesticides dans l’eau est un problème de santé publique majeur. Ces substances chimiques, utilisées en agriculture pour protéger les cultures, peuvent se retrouver dans les nappes phréatiques et les cours d’eau, contaminant ainsi l’eau que nous buvons. Les dangers des pesticides pour la santé Les pesticides sont suspectés d’avoir des effets néfastes sur la santé, même à faibles dose
[ThinkIT] 第1回：マイクロソフトキーマンが語る 〜ASP.NET AJAXはこうしてうまれた (2/3)
— 製品としてはやはり統一感がメリットになるのでしょうか 鈴木氏 まさにそうですね。サーバとクライアントでプログラミングモデルを共通化できるということには大きなメリットがあります。なぜなら、通信するデータのフォーマットなど考えなくてもよいからです。 これはソースコードを簡略化させ、開発効率を大きく向上させます。 また、ASP.NETを用いた既存のページ組み込みやすいというメリットもあります。ASP.NET AJAXはライブラリ化されており、それを組み込むだけで動作するからです。 — ASP.NET AJAXには、Microsoft AJAX Library、ASP.NET 2.0 AJAX Extensions、AJAX Control Toolkitの3つが含まれていますが、それぞれどのような役割をするのでしょうか 鈴木氏 AJAX LibraryはJavaScriptのライブラリで、W
[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
Prototype Window Class : Download
Download Current version (1.3) get it now! ( Version feed) If you want to support my work ;-) Mailing List And Forum There is a new forum for asking questions, bugs, tips, feature requests.. Try to use is instead of the old mailing-list Versions 04/24/07 V 1.3 Added: getTitle Added: blur/focus function on Windows module Added: onBlur event Fixed: WindowCloseKey works with URL content (iframe)
JavaScript用ヒアドキュメントライブラリを試作
ちょっと工夫して、下のようなヒアドキュメント・ライブラリを作ってみました。 一応、Windows XP 上の IE6 SP2、Firefox 2.0.0.1、Opera 9.10 でサンプルは動作するようです。 var hdocLists = new Array() ; function hdocInit( tgt ) { if ( !tgt ) tgt = location.href ; for (;;) { var xmlHttpObj = null ; if ( typeof ActiveXObject != "undefined" ) { var msXml = [ 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP' ] ; for ( var ci=0; ci < msXml.length; ci++ ) { xmlHttpObj = new Act
Collection & Copy - ヒアドキュメント、IE専用、コメント
JavaScript function hdoc(){ return arguments.callee.caller.toString().match(/hdoc\(\/\*(([\n\r]|.)+)\*\/\)/m)[1]; } function hdocTest(){ var message = hdoc(/* Peter Piper picked a peck of pickled peppers; A peck of pickled peppers Peter Piper picked. If Peter Piper picked a peck of pickled peppers, Where's the peck of pickled peppers Peter Piper picked? */); alert(message); } 関連リンクCollection & C
Collection & Copy - ヒアドキュメント、E4X
JavaScript var sql = SELECT * FROM EMP alert(sql); alert(<> AB CD ); 関連リンクCollection & Copy - ヒアドキュメント、IE専用、コメントCollection & Copy - GM_addStyle、E4XJSAN - Test.Base 0.13
JavaScriptでsleepの実装を試みる
『ぼくはまちちゃん！(Hatena) - デブサミ』というところで、 JavaScriptで、sleep という話が出ているのを見かけ、そういえば1年程前のJavaScript触りはじめの頃に私も調べたなぁ……と懐かしく思い出されました……けれども、あれ、結局方法見付けたんだっけ？ 確か、setTimeout()を駆使して実装している例を見つけた記憶があるのですが(当時はさっぱりわからなかった)、いま検索してもそれらしいのが見当たらない……。
Ajaxをブラウザ上で開発できるオープンソース「TIBCO General Interface」：CodeZine
「TIBCO General Interface 3.3 Professional Edition」は、AjaxなどのJavaScript開発をブラウザ上で行えるツールだ。そして開発環境までもがAjaxで動作する。オープンソースなので、同社デベロッパーサイトから無償でダウンロードできる。ライセンスはBSD License。 ダウンロードしたファイルを解凍し、適当なフォルダに配置したあと、ブラウザから「GI_Builder.html」にアクセスすることで起動できる。開発環境はVisual Studio風で、GUIによるコンポーネントの配置もできる。JavaScriptのデバッグもできるため、Ajaxを使わないJavaScriptアプリケーションの開発にも利用することができる。
Dynamic Drive DHTML Scripts- WinXP Progress Bar
Description: A great looking pure DHTML progress bar that resembles the one seen in Window XP's startup screen. All visual aspects of the bar can be customized, and the script can be invoked multiple times to display multiple bars on the same page. Script works in both IE5+ and NS6+. Note that this script by default doesn't perform any action other than animating the progress bar. It's up to you t
デブサミ2007開幕！ あの渋谷系プログラマーも登壇：CodeZine
Developers Summit 2007（デブサミ 2007）が14日、開幕した。2日の期間中、70ものセッションが行われる。 デブサミ 2007は、「デベロッパーがビジネスを刺激する－時代はWeb2.0+Enterpriseに」をテーマに、「アーキテクト」「開発テクノロジー」「開発プロセス」「プロジェクトマネジメント」「マーケティングテクノロジー」「コンサルタント」「ベンチャー＆カスタマーズオピニオン」といった、さまざまな分野のセッションが行われている。いくつかのセッションの概要を紹介しよう。 JavaScriptの現在と未来 「JavaScriptの現在と未来 ～今JavaScriptに出来ること / 次世代JavaScriptの勢力図～」と題したセッションでは、『IT戦記』の著者でShibuya.JSの天野仁史氏が登壇。JavaScriptでどんなことができるのか、Prot
Google Code Blog: Convert Google Gadgets to Other Widget Platforms
Post by Dann Lee, Associate Support Engineer The Google Gadgets directory contains thousands of gadgets you can use on various google.com sites. In October 2006, we released Google Gadgets For Your Page, allowing you to embed your favorite gadgets in your blogs, websites, and other webpages. Now you can take Google Gadgets and convert them to run in your Windows Vista Sidebar or Mac OS X Dashboard
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ThinkIT] 第2回：ASP.NET AJAXのインストール (2/4)
http://www.javascriptkit.com/javatutors/closures.shtml
GitHub - cemerick/jsdifflib: A javascript library for diffing text and generating corresponding HTML views
ZumoDrive - Sign in
