JavaScriptのIDE事情とWebStorm Ajaxの普及と共にJavaScript向けのIDEとしてAptanaや、EclipseのJSDTなどさまざまなものが登場してきた。こしかし、「これが決定版」と呼べるIDEは存在しなかったのが実情だ。 WebStormはIntelliJ IDEAでお馴染みのJetBrains社が提供するJavaScript向けのIDEで、他のJavaScript向けIDEと比べ、非常に優秀なコード解析機能や補完機能を備えており、現在存在するJavaScript向けIDEの中では頭一つ抜けた存在といえる。有償の製品ではあるものの、45日間は無料で使用が可能だ。また、オープンソース開発者には無償でライセンスが提供されている。 図1 WebStormのスプラッシュスクリーン 優秀なコード解析・補完機能 JavaScriptは柔軟な記述が可能なため、IDEによっ
羊毛布団を洗濯機にかけられないことを知りました。ago(@kyo_ago)です。 意外と知られていない機能が多い!?Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi
linq.jsってデバッグしにくいかも……。いや、やり方が分かればむしろやりやすいぐらい。という解説を動画で。HDなので文字が見えない場合はフルスクリーンなどなどでどうぞ。中身の見えないEnumerableは、デバッガで止めてウォッチウィンドウでToArrayすれば見えます。ウォッチウィンドウ内でメソッドチェーンを繋げて表示出来るというのは、ループが抽象化されているLinqならではの利点。sortしようが何しようが、immutableなので元シーケンスに影響を与えません。ラムダ式もどきでインタラクティブに条件を変えて確認出来たりするのも楽ちん。 ところで、JavaScript開発でもIDE無しは考えられません。デバッグというだけならFirebugもアリではありますが、入力補完や整形が可能な高機能エディタと密接に結びついている、という点でIDEに軍配があがるんじゃないかと私は思っています。動
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発&発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発&発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
jQueryを使って画面のアクションを作ろうと思うと、そのコーディングの仕方を含めて習得する必要がある。イベントにもマウスやフォーカス、クリックなどの様々な種類が存在し、その結果として起こすアクションも無数に存在する。それらを適切に判断しながら構築するというのは意外と難しい。 jQueryを使った開発にぜひ! 単純なJavaScriptであれば、オーサリングツールで対応しているものもある。だがjQueryのような高度なJavaScriptフレームワークには対応していない。そこで使うのがIxEditだ。 今回紹介するオープンソース・ソフトウェアはIxEdit、jQueryのビジュアルアクションビルダーだ。 IxEditは既に組み上がっているWebサイトに対して使うライブラリだ。指定されたJavaScriptファイルとCSSを読み込むと、Webサイトにフローティングウィンドウが表示される。そし
開発者John Resig氏は8月26日、JavaScript向けのテストツール「TestSwarm」を発表した。Mozilla Labsプロジェクトとして開発を続けていくという。TestSwarmのプロジェクトサイトでアルファ版が公開されている。 TestSwarmは、JavaScriptコードのテストを複数のWebブラウザで連続して行うツール。JavaScriptテストツールの拡張性という課題に対応することを目標にResig氏が始めたプロジェクトである。当初jQueryの下で開発が進められ、その後Mozilla Labsプロジェクトとなった。 TestSwarmは複雑で時間のかかるJavaScriptコードのテストスイートを複数のブラウザで、できるだけ簡単に実行することを目標としている。TestSwarmは分散型のアーキテクチャを採用しており、TestSwarmはサーバーとして動作する
JSDTとは JSDT(JavaScript Debug Toolkit)はIE、Firefox、Safari、Chrome、OperaなどさまざまなWebブラウザに対応したJavaScriptデバッガだ。JavaScriptデバッガとしてはFirefoxアドオンであるFirebugなどが有名だが、既存のツールは特定のWebブラウザでしか利用できないものがほとんどだ。JSDTであれば1つのツールで、なおかつブラウザ側に特殊なアドオンをインストールしなくてもJavaScriptのデバッグを行うことができる。 表1 さまざまなJavaScriptデバッガ JSDTの仕組み 実際にJSDTを試す前に、JSDTがどのように動作しているのかを説明しよう。 JSDTはHTTPプロキシサーバを内蔵しており、デバッグを行うWebブラウザはHTMLやJavaScriptなどのリソースをこのプロキシ経由して参
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く