Stylus/mochaがやってるGlobal leakテストとNode.js Debugger - teppeis blog
先日、Stylusのコードをいじってたらグローバルリークがあったので、修正してPullリクエストしました。（TJが即マージしてリリース済みだよ！） リークを見つけたのは、StylusのテストコードにGlobalオブジェクト汚染を検出するテストがあってそれをたまたま走らせただけなのですが、このテストがシンプルかつ効果的でいいなと思いました。 https://github.com/LearnBoost/stylus/blob/master/test/run.js // Testの初期化時にデフォルトのグローバルオブジェクトのキーを保存。 var globals = Object.keys(global); ... // Testが終わったらグローバルオブジェクトの差分をチェック function done() { Object.keys(global).forEach(function(nam
JavaScript best practices - W3C Wiki
Introduction Writing a best practice article is quite a tricky business. To a number of you, what you are about to read will appear to be very obvious and just the sensible thing to do. However, looking around the web and getting code handed over to me from other developers for years has taught me that common sense is actually quite a rarity in live code on the web, and the “sensible and logical t
高度な表現力を実現したJavaScriptフレームワーク·toxiclibs.js MOONGIFT
toxiclibs.jsはtoxiclibsをJavaScriptにポーティングするプロジェクトです。 コンピュータでプログラミングされたデザインを描き出すフレームワークにProcessingを用いたtoxiclibsがあります。それはJavaで開発されているのですが、何とJavaScriptにポートしたプロジェクトが登場しました。それがtoxiclibs.jsです。 デモを実際に試した動画です。以下はそれらの解説です。 こんな感じにボールが舞い降りてきます。 マウスの動作に追従して円の大きさが変化します。 マウスを動かすと色が変化します。 鎖を引っ張って動かします。 クリックするとアニメーションしながら一直線になります。 マウスの動きで変化します。 渦巻き模様がマウスの動きで大きくなったり小さくなったりします。 マウスで適当に引いたラインがスムーズに描かれます。 クリックする度に三角形が
iPhone AppのPathみたいなナビゲーションを実装できる Swpnav.js :: 5509
PathみたいなナビゲーションをWebページに実装するライブラリです。同じようなのは他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなイベントキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@が作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レイヤーで一度キャンセルすると Swpnav が実行されてる下位レイヤーにはイベントが飛ばなくなるような感じで、この Swpnav とか flipsnap のような作り方をしているライブラリとは共存できると思います。 サンプル（Webkitのみ ホスト githubにあります 5509/Swpnav – GitHub 使い方 ソースコードをダウンロードして、任意の場所に swpnav.js を置き、
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
無茶しやがる…JavaScriptだけでZipファイルを生成、ダウンロード·JSZip MOONGIFT
JSZipはWebブラウザ上、クライアントサイドだけでJavaScriptを使ってZipファイルを生成するソフトウェアです。 JavaScriptでできることがどんどん増えています。そんな中、注目したいのがJSZipです。なんとJavaScriptだけでZipファイルを作ってしまうというとんでもないソフトウェアです。 デモページです。コードを見て分かる通り、テキストファイルと画像をZip圧縮しています。 実際ダウンロードされたZipファイルを解凍すると確かにフォルダやファイルが入っています。テキストの内容を変えればダウンロードされたファイルの中身も変わっていました。 JSZipが面白いのは動的にZipファイルを作成できることではないでしょうか。ユーザにコンテンツをダウンロードさせたいという時にその場の内容をそのまま圧縮して送れるようになります。アイディア次第で色々な使い方ができそうなソフト
面白い！JavaScript+Canvasによる画像差分表示·JS-ImageDiff MOONGIFT
JS-ImageDiffはJavaScript+Canvasタグを使って二つの画像の差分表示を行うライブラリです。 GitHubでは差分をWebブラウザ上で閲覧できますが、その時に画像の差分表示も行えるのを知っているでしょうか。スライダーで動かしたりして差分を確認できるのですが、その一つの差分表示をオープンソースで再現するのがJS-ImageDiffです。 サンプルです。上が元、中間が変換後そして下が差分となります。どこが違うのか一目で分かります。 左が影無し、右が影ありです。一致している部分だけが表示されています。 サイズが違う場合の差分表示です。 JS-ImageDiffはCanvasタグを使って画像を読み込み、その差分を表示しています。各ピクセル単位で画像を比較して同じであれば黒、違う場合はうまく表示するというやり方でここまで見事に表示できるのが面白いですね。 JS-ImageDif
Microsoft.Web.Optimization で JavaScript と CSS の最適化を行う - しばやん雑記
ASP.NET MVC 4 DP に標準で入っていたけど使い方がよくわからなかった Microsoft.Web.Optimization.dll ですが、やっと使い方が分かったのでブログにメモっておきます。 何をするものかというと、名前からわかるように何かを最適化します。標準では JavaScript と CSS を最適化することが出来ますが、変換用のクラスを用意すれば何でもできます。 基本的な使い方としては Bundle クラスに最適化・結合したいファイルを追加して、BundleTable.Bundles にさっき作成した Bundle のインスタンスを追加するだけです。 それではサンプルコードを出していきます。 public static void RegisterBundles(BundleCollection bundles) { var jsBundle = new Bundle
ChocolateChip UI
How to Print a Test Page on Epson Printer? What is a Printer Test Page? Printer Test Pages are used for checking several things with your printer for maintaining and resolving the troubleshooting issues with the ink cartridges on your printer or just in the general maintenance of your printer. What Problems will a Test Page Resolve? A printer test page will detect and […] Continue reading Document
アイディア次第で使い道色々。フリック入力対応のギャラリーライブラリ·flickGal MOONGIFT
flickGalはiOSのフリック操作に対応したギャラリーライブラリです。デスクトップ向けWebブラウザでも表示できます。 Webサイトにフリック操作で画像を切り替えられるギャラリー機能を追加したいと思ったらflickGalを使ってみましょう。jQueryプラグインで手軽に導入できます。 フリック操作なので主にiOS向けです。でもSafariやGoogle ChromeなどのデスクトップWebブラウザも問題なく利用できます。 写真の切り替えはタブをクリックする他、フリック操作でも大丈夫です。 フリック操作でアニメーションしながら写真が切り替わります。 大きな画像を表示している場合です。prev/nextのリンクでも写真を切り替えられるようになっています。 Yahoo! Japanのトップページにあるのに似た表示形式です。写真だけではなくアイコンを並べて機能を選択するといった使い方も考えられ
デスクトップ用Webブラウザでもスマートフォンライクにタッチ操作を可能にする·Touché MOONGIFT
Touchéはデスクトップブラウザでタッチ、アンタッチ、移動のアクションを使えるようにするJavaScriptライブラリです。 Touchéはマウスイベントをタッチ操作として認識できるようにするJavaScriptです。デスクトップ向けWebブラウザでもスマートフォン風な操作ができるようになります。 画面のどこかをクリックするとタッチイベントとして認識されます。 認識できるのはタッチ（クリック）した時、タッチし終わった時そしてマウスを動かしている時になります。それぞれコールバック関数を指定しておいて何らかのアクションにつなげられます。 マウスムーブ時の認識 単純なタッチの他に、Ctrlキー、Altキー、コマンド/Windowsキーを押しながらタッチしたかどうかの認識もできます。ウィンドウ上のX/Y座標に加えて、画面上のX/Y座標も受け取れるようになっています。 指定できるイベントリスナーの
node.jsでライトなWebアプリケーションを組むのに最適なフレームワーク·Strata Web Framework MOONGIFT
Strata Web Frameworkはnode.js用のWebフレームワーク。Sinatraライクな記述ができる。 Strata Web FrameworkはJavaScript/node.js製のオープンソース・ソフトウェア。Webアプリケーションを開発する際に開発効率を向上するフレームワークの存在は欠かせない。だが何でもできるフレームワークというのは総じて大型で、ちょっとしたものを動かすのは向かないことが多い。 コード そこで注目したいのは小さなWebアプリケーションを開発するためのフレームワークだ。Rubyで言えばSinatraが人気だ。そんなSinatra風フレームワークのnode.js版と言えるのがStrata Web Frameworkだ。 素のnode.jsを使ってWebアプリケーションを構築することはもちろんできるが、よりシンプルにしてくれるのがStrata。クエリパラ
CSS3のベンダープレフィックスを自動で付けてくれる手軽で軽量なJavaScriptライブラリ・cssFx.js - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 久しぶりにかなり便利そうな気がした ので備忘録。CSS3で各ブラウザに対応 させるために加えるプレフィックスを 自動で付けてくれるライブラリです。 将来的にCSS3のプレフィックスは付け る必要が無くなるのでそうなったら これを外せばいいだけですね。 使い方もすごく簡単で3.7KBと軽量です。cssが管理しにくくて困ってる方は検討してみてはいかがでしょう。また、jQueryやmootoolsのようなライブラリに依存しないのも素敵ですね。 地味にいいかも。CSSPrefixerみたいにプレフィックスを付けてくれるWebサービスはいくつか存在しますが、こういうのがあるのは多くの人が面倒だと思っているからですしね。これを、jsで付けようぜ、というのがcssFx.jsです。
%2520%25A5%25A4%25A5%25D9%25A5%25F3%25A5%25C8)
JavaScript(iPhone) イベント - kozy.heteml.jp
touchstartのeventオブジェクト † 以下で出力。 div.addEventListener("touchstart", function(event){ var a=[]; for(var i in event)a.push("event["+i+"] = "+event[i]); a.sort(); console.log(a.join("\n")); }, false); layerX, layerYはtargetのleft, topかも（未検証）。 event[AT_TARGET] = 2 event[BLUR] = 8192 event[BUBBLING_PHASE] = 3 event[CAPTURING_PHASE] = 1 event[CHANGE] = 32768 event[CLICK] = 64 event[DBLCLICK] = 128 event[DR
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
セキュアにデータを扱うために。クライアントサイドでのRSA/AES暗号化ライブラリ·cryptico.js MOONGIFT
cryptico.jsはJavaScriptでRSA/AES暗号化/復号化を行うライブラリ。 cryptico.jsはJavaScript製のオープンソース・ソフトウェア。Webサイトで重要なデータを扱う場合、暗号化処理を行うのが一般的だ。SSLはもちろん、DBに入れるときも暗号化する。パスワードのように可逆変換を求めない場合はハッシュ値を保存するだろう。 画面下にてテスト中 それ以外のコンテンツであってもユーザだけが知っていれば良い、またはユーザだけが知るべきコンテンツであれば暗号化する方が良い。そんな時に使えそうなJavaScript暗号化ライブラリとしてcryptico.jsを紹介しよう。 cryptico.jsはJavaScriptによるRSA、AES暗号化ライブラリだ。ビット数も指定可能で、例えば1024bitでの暗号化も可能だ。キーフレーズも利用でき、まず秘密鍵を生成する。そし
WindowsでWeb開発を行っているプログラマ、デザイナに。JavaScript/CSS短縮、難読化ライブラリ·Microsoft Ajax Minifier MOONGIFT
Microsoft Ajax MinifierはJavaScript/CSSを短縮化/難読化するWindows用のソフトウェア。 Microsoft Ajax MinifierはWindows用のオープンソース・ソフトウェア。Webアプリケーションはもちろん、WebサービスであってもJavaScriptを多用することが当たり前になってきている。またjQueryなどのフレームワークは大型化し、これまでは気にするほどでもなかったネットワーク帯域を使うようになってきている。 実行中 そのためJavaScriptは運用時には改行などを消してサイズを極力小さくして使うようになっている。そうした短縮化および難読化に用いるライブラリとしてMicrosoft Ajax Minifierを紹介しよう。 Microsoft Ajax MinifierはJavaScriptとCSSに対応した短縮化、難読化ライブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
BAROQUE.ME
Sorry, the website has been stopped