GitBook brings all your technical knowledge together in a single, centralized knowledge base. So you can access and add to it in the tools you use every day — using code, text or even your voice.
![GitBook – Knowledge management for technical teams](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb4309fa20b172921128eeaf995497739f87118a/height=288;version=1;width=512/https%3A%2F%2Fframerusercontent.com%2Fimages%2FUxZdLiGnpKZjqpMOu4WwSruo.png)
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
米Googleは8月4日、Eclipse向けの開発ツール「Google Chrome Developer Tools for Eclipse Users」を発表した。Eclipseを使って「Google Chrome」ブラウザ内でJavaScriptのデバッグなどができる。 同開発ツールは、Eclipseを利用する開発者向けのツールで、SDKとデバッガで構成される。SDKは、デバッガがTCP/IPベースの「Google Chrome Developer Tools Protocol」を利用してChromeブラウザとやりとりするためのJava API。デバッガを利用して、Chromeのタブ内で動くJavaScriptのデバッグをEclipse環境から行える。 Chrome Developer Tools for Eclipse UsersはNew BSD Licenseの下で公開、Googl
jsLexとは? jsLexはRockstarappsが提供するEclipse向けのプラグインだ。Webサイトでは「a wide variety of tools that can be used to optimize a complete web application or just individual resources」と紹介されているが、CSSやJavaScriptなどの圧縮やHTML内のJavaScript/CSSの外部化、さらにはJavaScriptのプロファイリングなど、Ajaxアプリケーションのクライアントサイドの最適化に特化した機能を提供している。 なお、jsLexの最新のプロダクションリリース(安定板)は1.1.7だが、すでに次期バージョンである1.2のベータ版もリリースされている。1.2系ではさまざまな新機能が実装されていることから、本稿では執筆時点の最新のベー
リダイレクトします 以前ここにあったブログは、現在 http://blog.suz-lab.com/2008/11/suz-php-jquery-javascript.html にあります。 リダイレクトしますか。
Eclipseに欠けているもの Eclipseは非常に高機能なIDEだが、他のIDEやさまざまなプログラマ向けのテキストエディタと比べたときに欠けている機能がある。その1つがマクロ機能だ。マクロはコーディングの際に発生する退屈な繰り返し作業を肩代わりしてくれる非常に便利な機能であるにも関わらず、Eclipseは標準でそのような機能を備えていない。そこで登場するのが今回紹介するEclipse Monkeyだ。 Eclipse Monekyを使ってみよう Eclipse Monkeyを利用することで、JavaScriptコードでEclipseの操作を自動化することができる。Eclipse MonkeyはEuropa Descovery Siteからインストールすることが可能だ。 Eclipse MonkeyをインストールするとEclipseのメニューバーに「Scripts」メニューが追加される
IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp
My DebugBar | CompanionJS / HomePage IEでのJavaScriptデバッグを可能にする「CompanionJS」。 サイトでインストールをすると、IEにドッキングされます。 インストールするだけでは使えず、インターネットオプションの「スクリプトのデバッグを使用しない」チェックを外す必要があります。 インストール後は、次のように「表示」メニューから表示することが出来ます。 表示すると次のような感じ。 エラーが出ると右側にエラーが出て、クリックするとスクリプトのエラー箇所に移動し、ハイライトされます。 また、サイトでエラーがあると次のようにブラウザ上で通知してくれます。 IEでもデバッグしたい場合がありますが、このツールはなかなか使えそうですね。 もっといろんなデバッグをしたい場合はデバッグバーというものがあるようです。 DOMインスペクタ、HTTPインスペ
28 05 09 2007 javascriptライブラリjQueryでcookieを超簡単に扱う方法 jQuery, Ajax javascriptでcookieを扱うのって結構めんどくさかったりしたのですが、これは超シンプル <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <!--head内▲--> <script type="text/javascript"> <!-- $.cookie('cookiename','data',{ expires: 7 });//書き込み{保存days} document.write($.cookie('cookiename'));//
前回からGreasemonkeyによるアプリケーション開発の題材としてカレンダアプリケーションを挙げ、キー押し下げにより表示・非表示を切り替えできるカレンダアプリケーションを作成しました。 今回はさらに二つの機能を追加したいと思います。 (1) 異なる月も表示する (2) 予定情報を登録/表示できるようにする 異なる月の表示機能 異なる月に移動できるようにするため、カレンダ生成用の関数に手を加えます。 「現在の月」を表す変数を用意して、その値が示す月に対応するカレンダ生成を行うように変更すればうまくいきそうです。異なる月に移動するときは、その月の値を増減した上でカレンダ生成用関数を呼び出せばよいわけです。 カレンダに追加する機能の検討 早速その実装をはじめようと思うところですが、その前に少しだけ先のステップのことも考えてみます。最終的には予定情報の管理機能も追加したいので、その操作方法も先
AptanaでWebページ作成はここまでできる!:どこまでできる? 無料ツールでWebサイト作成(1)(1/3 ページ) 以前、無償版のWebオーサリング(サイト作成)ツールを特集でカタログ的に紹介したが、皆さまの興味は「業務レベルでどの程度使えるのか」という部分にあるのではないだろうか? そこで、本連載では各ツールを使用したサイト開発を掘り下げていこう。 まずは第1弾として、2回にわたり「Aptana」の紹介を進めていく。第1回では静的なサイト構築を想定した開発、第2回ではプラグインの追加により可能となるAdobe AIRなどの動的コンテンツ開発を中心に紹介していこう。 無料Webサイト作成ツールの最有力候補「Aptana」 EclipseベースのIDE(統合開発環境)であるAptanaは、コード補完機能やリファレンス機能など、充実度の高さが売りのオーサリングツールである。 オープンソー
本稿ではGreasemonkeyを使ってアプリケーションを作る際の筆者なりのコツを紹介しようと思います。単に筆者が「コツ」だと思っていることを紹介するだけでは面白くありませんので、ちょっとしたアプリケーションを題材にして、作成していく過程をステップに分けて解説していく形式をとることとします。 さて早速Greasemonkeyによるアプリケーションの作成方法を紹介しましょう、といいたいところですが、「Greasemonkeyによるアプリケーションとは何だ?」「そもそもGreasemonkeyとは何だ?」という疑問をお持ちの方もおられると思いますので、第1回は「Greasemonkeyとは何か」ということと、その基本的な使い方を紹介したいと思います。Greasemonkeyをよくご存知な方は、次週までお待ちください。 Greasemonkeyとは GreasemonkeyはFirefox用
先日、ブックマークレットとおんなじくらいお手軽にFirefoxで開いているページの中身をスクリプトに渡して処理したりできないかなーと思って Browse Web and Developer Tools :: Firefox Add-ons を見ていたらFirefoxの拡張機能を作るときに少し役に立ちそうなものを発見しました。 Execute JS という名前のextensionで、説明に # Execute arbitrary (multiline) JavaScript Code in every window you like. # Evaluting the properties of an object. # Modifying functions on the fly i.e. you can search for functions, load and edit them
Grid layouts are important for creating web apps because they help organize content attractively and make sure the app functions smoothly. The component-based architecture JavaScript framework takes these layouts to the next level by adding interactivity, flexibility, and advanced functionalities beyond the capabilities of CSS alone. In this article, we’re going to explore 7 JavaScript […] No Comm
Railsは使っている内に、もはやRails以外でプログラムをしたくなくなる位の魅力がある。MVCの仕組みといい、O/Rマッピングといい、Migrationといい…そこかしこに魅力が溢れている。 そんなRailsがさらに魅力的になるライブラリがこれだ。Rubyの壁をこえ、JavaScript上でDB操作が可能になる。 今回紹介するオープンソース・ソフトウェアはJester、RESTによるDB操作を行うJavaScriptライブラリだ。 単純に言うと、JesterはXMLベースでWebサーバにリクエストを行う。その結果をXMLベースで受け取り、JavaScriptのクラスにしてくれる。操作はRESTで行われ、データ取得系はGET、作成処理はPOST、更新処理がPUT、削除処理がDELETEとなっている。 操作だけを考えると、Railsに限ったものではない。他の言語でもインタフェースを用意すれ
18日(米国時間)、Spket IDEの最新版となる「Spket IDE 1.5.11」が公開された。Spket IDEはEclipse IDEをベースにして開発された統合開発環境。JavaScript、XUL/XBL、Yahoo! Widget、Laszlo、SVG、Silverlightなどがサポートされている。提供されている主な機能はプロファイルエクスプローラ、JavaScript/XMLに対するシンタックスハイライト/コード保管機能/コードフォールディング機能/アウトライン表示機能など。Firefox 2.0/1.5、Laszlo、SVG、Silverlight、Yahoo! Widgetに対するJavaScriptプロファイル機能も用意されている。 1.5.11では新しくExtJS 1.1の開発機能が追加されたほか、 Alt + Shift + /キーを経由したサードパーティプラ
こんにちわ、hideです。 最近は、jQueryというJavaScriptライブラリを使ってAjax関連の処理を書くことが多いです。なんといっても軽量で高速、XPathによる要素の指定がとても便利です。今回は、その便利なjQueryをもっと便利にするプラグインをいくつか紹介します。 ThickBox LightBoxのようなもので、画像の他にHTMLの表示も可能です。難点は、$()を使って書かれているので、他のライブラリと混ぜて使えないこと。僕はソース内の$()をすべてjQuery()に書き換えて使っています。 JSON for jQuery AjaxでJSONを取得して、処理できるようにするプラグイン。これは必須とも言っていいと思います。CallBack関数を指定してのJSONPも簡単。 BlockUI Plugin 画面の一部や全体を半透明のレイヤーで覆って操作できなくするものです
Adobeは2日、Adobe Labsを通じてフリーのEclipse用JavaScriptエディタプラグイン「JSEclipse」をリリースした。今回のバージョンは「prerelease 2」となっている。 JSEclipseはAdobe Labsのサイトから無償でダウンロードすることができる。なお、ダウンロードするためにはAdobe IDの登録が必要。また、Eclipseプラグインであるため、Eclipseを使用できるようにしておくことが必要となる。 ダウンロードしたzip形式のファイルを解答し、pluginsフォルダ内の「com.interaktonline.jseclipse_1.5.5.jar」とfeaturesフォルダ内の「com.interaktonline.jseclipse_1.5.5.jar」ファイルを、それぞれEclipse本体のpluginsフォルダとfeatur
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く