JsTestDriver is a powerful framework for running unit tests for JavaScript code. The main advantage of it is that it can executed from co...
JsTestDriver is a powerful framework for running unit tests for JavaScript code. The main advantage of it is that it can executed from co...
JavaScriptにもJavaDocのようなコメントからAPIドキュメントを生成するツールがいろいろとあるため、どのようなものがあるか少し調べて見ました。基本的なコメントの書き方は大体がJSDocと共通しているので、特に言及がなければそのような書き方が通るものが多いです。 JsDoc Toolkit JSDoc(開発停止)の後継であるため最も有名だと思います。 現在はver2で機能追加のリクエストは停止されていますが、JSDoc 3が開発中となっているそうです。 情報量もそこそこあると思うので、APIドキュメント生成ツール関係について調べる時に参考になる。 Closure Compilerなどいろいろなところで使われていたりします。 -JsDoc Toolkitを使う！ – トップページ YUI Doc YahooのYUI Libraryで使用されているドキュメント生成ツールです。 Py
MacPorts1.8.2でjavascript-lint@0.3.0_0 をインストールしようと sudo port install javascript-lint +universalとしたところ、以下のようなエラーがでました。 ---> Computing dependencies for javascript-lint ---> Building javascript-lint Error: Target org.macports.build returned: shell command " cd "/opt/local/var/macports/build/_opt_local_var_macports_sources_rsync.macports.org_release_ports_lang_javascript-lint/work/jsl-0.3.0/src" && /us
最速な JavaScript のリファレンスマニュアルサイトをつくった http://jsref.64p.org/ JavaScript のリファレンスマニュアルといえば MDN(Mozilla Developers Network) が有名ですが、MDN の資料は探索がめんどくさいし、表示が遅いということで使い勝手がわるいという問題がありました。 そこで、jQuery のリファレンスマニュアルサイトとして有名な jqapi.com とおなじよような使い勝手のサイトがあったらいいのになーとおもいました。 なので、つくりました。 サイト自体はすべて static なデータで構成されているので、github からデータを取得すれば、イントラや自分のマシン内で閲覧することも可能となっています。 なお IE での動作確認はしていないので、うまくうごかない場合は pull-req してください。 I
This is a alternative interface to browse the Official jQuery Documentation. It was created to get out of your way of your development work - quickly find what you are looking for, easy on the eyes, and lightning fast. Just start typing and see for yourself! FeaturesContent is the same as in the Official jQuery DocumentationStatically rendered pages powered by Astro, so the initial loading time is
はじめに JavaScriptの構文チェックができるツールに、JavaScript Lintというツールがあります。今日は、このJavaScript Lintの使い方をご紹介します。 JavaScript Lint ※現在の最新バージョンは、0.3.0となっていますので、これを元に説明しています。 JavaScript Lint HTMLの文法をチェックするツールに、Another HTML-lint gateway がありますが、JavaScript LintはこれのJavaScript版だと思ってください。テキストエリアに入力されたコードをオンラインでチェックする方法とコマンドラインでチェックする方法の2つ使い方ができます。 企業でクローズドなプログラムを書いている場合、むやみやたらにソースコードをオンラインでチェックすることはできません。情報が外部に漏れる可能性があるからです。また、
見た読んだ書いた: JsTestDriver導入
2011年12月25日日曜日 JsTestDriver導入 テスト駆動JavaScriptで紹介されてたJsTestDriverとjstdutilを、ubuntu11.10に導入した時の手順を記録しておきます。 インストール方法以外の手順は基本的にどのOSでも同じなので、WindowsやMac等にも応用できると思います。 1. インストール 1-1. インストール前の準備 JsTestDriverの動作にはJavaがインストールされている必要があります。 また、後で紹介するjstdutilを使用する場合はrubyが必要です。 以下のようにして必要なソフトをインストールします。 $ sudo apt-get install openjdk-7-jre $ sudo apt-get install ruby 1-2. ファイルのダウンロード JsTestDriverのダウンロー
Wandering about JavaScript Testing - Mar 8, 2011 at Test.js, presented by Shibuya.js
概要 jQuery Spinは、jQueryのプラグインとして動作します。 入力フォームで数値を扱うことがありますが、その際の入力補助用のインターフェースです。 動作 以下のフィールドに、数値を入力します。右側の上下のスピンボタンを使うと便利です。 マウスを押したままにすると、連続して値が変化します。 使い方 まずjQuery本体が必要になります。 jQueryそのものの導入については、別途ドキュメントなどを参照してください。 jQuery Spinは、から入手してください。 まず最初にスクリプトの配置と共に、スピンボタンの表面画像を配置しなければなりません。 画像は「押されていない状態」「上が押された状態」「下が押された状態」の3枚が必要です。 サンプルとして、ダウンロードファイルにも画像が入っているので、参考にしながら独自の見た目を作ってください。 3枚の画像は、同じディレクトリに置か
普段は $j(”#name”).val()のように取ってましたが、 チェックボックスとラジオボタンについては別の書き方が必要みたい。 以下、例 <form> <input name=”id” type=”hidden” /> <select name=”pref”> <option value=”1″>NY</option> <option value=”2″>LA</option> <option value=”3″>SF</option> <option value=”4″>CH</option> <option value=”5″>FL</option> <option value=”6″>IN</option> </select> <input name=”color” type=”radio” value=”1″ />male <input name=”co
Javascript is required. Please enable javascript before you are allowed to see this page.
node.jsアプリケーションのスタイルを支配する公的な文章はありません。このガイドはあなたが美しく、一貫したソフトウェアを作れるようになる教訓を与えようとする私の独断の試みです。 このガイドはあなたがnode.jsのみを対象にしていると仮定しています。もしあなたのコードをブラウザなど他の環境でも動かす必要があるのなら、いくつかのガイドは無視してください。 様々なパッケージだけではなくnode.jsもまた、それぞれ自体のスタイルを持っています。なので何かのパッケージの開発に貢献することに興味があるのならば、それぞれのルールに従ってコーディングを楽しんでください。 Tab vs Spaces まずはこの宗教的な問題の話をしましょう。私達の慈悲深い独裁者様はnodeのコアに2スペースのインデントを選択なさったので、彼の秩序に従うのが賢明でしょう。 セミコロン あなたからセミコロンを奪おうとする
こんにちは。開発部でインターフェースエンジニアをやっております油井(あぶい)です。ライブドアでは主にjavascriptを中心としたクライアントサイド側の開発をやっております。 今回は裏jQueryと題しまして、普段から単にユーザーとして使っているだけでは決して知ることができないjQueryの裏技を紹介したいと思います。 注意 この記事で扱うjQueryは最新版の1.4で動かすことを前提としています(一つ前のバージョンである1.3.2でも動くことは検証済みです)。サンプルで使うjQueryセレクタの書き方は「jQuery」で統一しています。「$」に置き換えて読んでもらってもかまいません。 はじめに - jQueryで扱うイベントやトリガー javascriptがふんだんに使われた画面遷移の発生しないウェブアプリケーションではブラウザ上で発生するイベントやトリガーをうまく扱いこなすということ
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
JavaScript Lint (jsl) というツールがある。JavaScript の文法チェックをするツールだ。似たようなのに JSLint ってのがあるけど、そっちは Web アプリになっていて、オンラインで実行する。jsl の方はローカルにインストールして実行する。 で、以前僕の Ubuntu にインストールしたんだけど、だいぶ前のことだし(version 0.3.0)、もう新しいバージョンがあるはずだと思って探してみた。どうやら sourceforge でプロジェクト管理してるようだ。 http://sourceforge.net/projects/javascriptlint/ せっかくなので最新バージョンをソースからインストールしてみた。 環境 僕の環境は以下。 OS Ubuntu 10.04 python version 2.6.5 jsl は以前は C で書かれてたんだけ
Yahoo! は YUI をはじめ、数年前から開発に役立つツールを開発していました。Yahoo Developer Netowrk では開発からテスティングまで様々な使えるツールと API を公開しています。言語は Ruby, PHP、Java, Python, .NET をサポートしているので、自分が慣れている開発環境に導入しやすいのも特徴です。開発者向けのりリソースと言えば Google というイメージがありますが、Yahoo! も貴重なリソースです。 その Yahoo! が先日 Yeti というターミナルで操作するプログラムをリリースしました。コードをコミットする前にテストをするためのツールで、複数の JavaScript の動作テストを同時に行うことが出来るのが特徴です。ここでいう『複数』とは、Yeti がインストールされているパソコン上で動作している複数のブラウザだけでなく、他の
こんにちは、霙です。 ウェビメモ製作時に、ページをどんなにスクロールしても横にくっついて来るソーシャルボックスを作りました。 コードを教えて欲しいという方がいたので、他の方にも需要あるかな？と思い、記事にしてみました:) 自分のサイトに使いたい方はコピペしてご自由にどうぞ！ （IE6対応版にはこちら） 読者が利用するタイミング みんなが設置しているソーシャルボタン。いざ自分のブログにつけるとなるとどこに置こうか迷いますよね。 記事の最初に設置するもよし、最後に設置するもよし、両方設置するもよし。 とにかく設置するにあたって重要な事は 「どこに置けば読者の方々に押してもらいやすいのか」です。 自分が読者の立場になった時はどうですか？？ 私は寂しがり屋なので、常に隣に居て欲しいんですよ・・・///// てゆうのは冗談ですが、自分だったら記事を読む前にツイート数、はてブ数を見てます。 タイトルを
■整形ソース ブックマークレットメーカーで生成されるコードを整形し、コメントをつけて貼っておきます。 javascript:(function(){ //外部ファイルURL var url='http://t-service.no-ip.com/blog/72_ExternalScriptDemo/demo_outerscript_utf8.js'; //キャッシュ使用を回避 if(!url.match(/\?/))url+='?'+(new Date()).getTime(); //scriptエレメント作成 var d=document; var e=d.createElement('script'); //外部ファイルのエンコーディング指定 e.charset='utf-8'; //srcを外部ファイルURLに設定 e.src=url; //エレメント追加 d.getElements
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
