Code Archive Skip to content Google About Google Privacy Terms
Note: Any future development of the JSCoverage code base will likely occur in the new JSCover project on GitHub, which reuses a substantial amount of JSCoverage code and aims for a high degree of backward compatibility with JSCoverage. JSCoverage itself is unlikely to have any further releases. JSCoverage is a tool that measures code coverage for JavaScript programs. Code coverage statistics show
本日行われた Shibuya.js の発表資料をアップしました。 さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 View more presentations from hotchpotch JS のテスティングフレームワークのおおざっぱな説明や JavaScript テストにおける問題、それについての解決方法の一つ、CUI でのテスト、Envjs、エンドツーエンドテストにおける JS / Ajax のテスト、終わりにちらっと Phantomjs の話があります。 スライドの最後にあるように、やはりまだコレだ!という JS のテスティングフレームワークは存在しなく、今後 JS のテストは『僕らが書きたいテスト』をどれだけ簡単に書ける・書く手法が確立されるかによって流行廃りは決まってくるんじゃないかなぁ、と思ってます。そのうちの一つがスライ
どうもはじめまして、株式会社はてなのid:cho45です。これから数回に渡り、拙作のJavaScriptのライブラリであるJSDeferredの紹介と、それに関係するJavaScriptにおける非同期の技術に関して解説させていただきます。 JavaSciptにおける非同期処理 非同期処理とは まずは確認程度に、非同期処理がどういうものかを解説しておきます。先に乱暴にまとめてしまうと、以下の事柄が大切なところです。 非同期とは「あとで」という意味 同期処理はコードの見た目順に実行される/非同期ではそうならない JavaScript の非同期処理は絶対に同期処理にすることができない JavaScriptにおける非同期処理をいくつか例に出すと、以下のようなものが挙げられます。 リスト1 // XMLHttpRequest の例 var req = new XMLHttpRequest(); re
Bigshotは巨大な画像をタイル状に分解し、Googleマップのようなビューワーで閲覧するソフトウェア。 BigshotはHTML5/Java製のオープンソース・ソフトウェア。デジカメが高性能化するのに伴って、撮影できるサイズが大きくなっている。とは言え写真を閲覧するディスプレイのサイズは決まっているので、大きな写真ではズームしたりしなければならない。 写真をズームして閲覧する 極端に大きな写真では全体のダウンロードだけで時間を要してしまう。そこで考えてみたいのがGoogleマップライクに写真をタイル状にし、必要な部分だけ拡大するという方法だ。それを実現するライブラリがBigshotになる。 BigshotはHTML5/JavaScriptを使って画像を表示する。マウスのスクロールでズームイン/アウトが可能で、マウスのドラッグで見る場所を切り替える事ができる。Java製のツールで予め写真
Thumbsはスマートフォン対応サイトのJavaScriptデバッグをデスクトップから手軽にするライブラリ。 ThumbsはJavaScript制のオープンソース・ソフトウェア。最近ではスマートフォンに最適化されたWebサイトを開発することも多くなってきた。HTMLコーディングは慣れれば問題ないだろうが、面倒なのがJavaScriptのデバッグだ。 デスクトップでデバッグ HTML5を使いつつJavaScriptを組み合わせたりすると、そのデバッグが大変だ。スマートフォンでしか取れないイベントを使っていて動かないとシミュレータを使っていてもストレスになる。そこでThumbsを使ってみよう。 ThumbsはデスクトップのSafari(またはGoogle Chrome)やiOS、AndroidのWebブラウザで共通のイベントが取れるようになるライブラリだ。例えばタップしたアクションをデスクトッ
JsTestDriverとは JsTestDriverはオープンソースで開発されているJavaScript用のユニットテストフレームワークである。JavaScriptの場合、通常は実行エンジンがWebブラウザに依存するため、ブラウザごとに個別にテストしなければならないという難点がある。JsTestDriverを使うことでその悩みは解消できるだろう。 JsTestDriverはWebサーバとして動作するフレームワークである。テストコードはJavaScriptで記述して指定されたディレクトリに配置する。WebブラウザからJsTestDriverの特定のパスにアクセスすると、そのブラウザがテストを実行する環境として登録される。Webブラウザは複数同時に接続しておくことができる。 実際にテストを実施すると、接続されているすべてのWebブラウザのJavaScriptエンジンそれぞれでテストコードを実
https://github.com/mishoo/UglifyJSUglifyJSは、node.jsで書かれたJavaScriptの圧縮ライブラリ。Additionally with this switch we’ve moved to using UglifyJS from the Google Closure Compiler. We’ve seen some solid file size improvements while using it so we’re quite pleased with the switch.http://blog.jquery.com/2011/01/31/jquery-15-released/ということなので、jQueryもバージョン1.5から使っているライブラリらしい。前エントリで同じ様な用途で使うYui Compressorに言及しつつも、Ug
Closure Compilerは言わずと知れたGoogle製のJavaScript最適化ツール。http://code.google.com/intl/ja/closure/compiler/昨日のYUI CompressorとかUglifyJSの話の続きで、この系統のツールを調査していたのだが、Closure Compilerはまた別の魅力があるように思える。「ああ、これは役に立つな」と思ったのがアノテーション機能。http://code.google.com/intl/ja/closure/compiler/docs/js-for-compiler.html例えば、@defineアノテーションを使って、 /** * @define {boolean} */ var ENABLE_DEBUG = true; if (ENABLE_DEBUG) { alert("debug!"); }
スマホ向けのWebアプリ用JavaScript製フレームワークです。 動作サンプルを日本語にしたのでお手持ちのiPhoneなどでサンプルを触りながら記事を読んでいただけると嬉しいです。 [note]お持ちでない場合でも、Safariでご覧頂くと同様の動作確認が出来ます。Chromeでも多少確認出来ました。また、デモ動画もいくつかありますので宜しければご覧ください。[/note] サンプル ※Androidも動くらしいですが、僕が持っていないのでiPhone以外は動作確認していません。 サンプルにアクセスすると以下のような画面になります。 結構な数のサンプルが用意されているのですが、ここでは一部ご紹介したいと思います。 アコーディオン アコーディオンコンテンツです。タップで開閉します。 ページめくり ページめくりです。フリックすると本をめくるようなアニメーションエフェクトで次のコンテンツに進
JasmineによるJavaScriptのテスト その1 こんにちは、プログラマのおぐらです。 弊社のクラウドマネージメントサービス Cloudworksでは、JavaScriptのテストにJasmineというフレームワークを利用しています。Jasmine自体はとてもよく出来ていて便利なソフトウェアなのですが、まだリリースされて日が浅いということもあってあまり日本語の情報がありません。そこで、Cloudworks担当のエンジニア Y氏にJasmineの社内向けチュートリアルを作ってもらったところ、なかなかの大作が仕上がり、社内だけで利用するにはもったいないデキでしたので技術ブログのコンテンツとしても掲載させていただくことになりました。 これから何回かに分けて掲載していきますので、「JavaScriptをどうテストしよう?」とお悩みの方はぜひ参考にしてみてください。 Jasmineとは? J
Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して(しかし順番に)読み込んでくれる。そして読み込んだ後、指定した関数を
ie6alert-jsはWebサイト上部を使ってIE6向けにメッセージを表示する。 [/s2If] ie6alert-jsはJavaScript製のオープンソース・ソフトウェア。YoutubeやYahoo! Japanなど有名どころのWebサイトでIE6への非対応を掲げ始めている。もちろんすぐに影響が出る訳ではないが、近い将来認証やデザイン面で影響が出てくる可能性はある。 IE6の場合に表示されるメッセージ もし自社のサービスにおいてもIE6への対応を打ち切るのであれば、何らかの告知が必要になるだろう。その場合にはIE6の場合だけ表示を出したいはずだ。ie6alert-jsはまさにそのためのソフトウェアになる。 使い方は簡単だ。ie6alert-jsをヘッダーで読み込み、ie6Alert()という関数を実行すれば良い。後はブラウザの判別を自動で行って、IE6であれば画面上部に指定されたメッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く