D3.js の Data-Driven な DOM 操作がおもしろい
D3.js は「ビジュアライズ用のライブラリー」だと紹介されがちなんだけども、意外にも D3.js にはグラフを描画する機能がない。 D3.js のトップページには次のように書いてある。 D3.js はデータからドキュメントを生成するためのライブラリーです。D3 は HTML, SVG, CSS を使ってデータに命を吹き込みます。Web 標準を重要視しているので、独占的なフレームワークに縛られません。強力なビジュアライズ用のコンポーネントと data-driven な DOM 操作手順を組み合わすことで、モダン ブラウザーの能力を最大限に活用できます。 D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG
Node.jsで書かれたIRC bouncer、homura を作りました - はこべにっき ♨
いわゆる IRC proxy や IRC bouncer はIRCサーバに常時つないでおいてログをとったり、チャンネルを維持したりするのに、大変便利なソフトウェアです。ZNCやtiarraなんかが有名ですね。 その IRC bouncer をNode.jsでのネットワークプログラミングの手習いに書いてみました。homuraというソフトウェアです。はじめてつかったIRC bouncerがmadokaという名前だったのを思い出して名づけました。 homuraにはIRC bouncerとして最低限の機能がそろっています。同時に複数のサーバへの接続、複数のクライアントから接続の受付が可能で、サーバークライアントの両方でTLS接続に対応しています。チャンネルごとにログを記録したり、クライアントからの接続がなくなった時に自動でawayになるといった、機能を備えます。(READMEのmodulesの項を
AngularJSに触れてみる その1
AngularJSはGoogle社が開発しているJavaScriptのMVCフレームワークです。Webの技術を使うMonacaでももちろん使うことができます。また、jQueryなどの他のライブラリと併用することもできます。MVCとはModel(モデル)、View(ビュー)、Controller(コントローラー)の略称でありそれぞれのコンポーネントにアプリケーション中の役割を分割する思想、手法です。 Model:アプリケーション内で使うデータ構造。 View:マークアップなどアプリケーションのユーザーの実際に目にするもの。 Controller:アプリ内で使うデータを操作するコンポーネントであり、ModelとViewを操作するもの。 AngularJSのMVCに関して本家ドキュメントへのリンクを貼っておきますので、詳しくはこちらを参照してください。 Model View Controller
JSでクロスブラウザの動作テストを自動化できる「DalekJS」:phpspot開発日誌
DalekJS - Automated cross browser testing with JavaScript JSでクロスブラウザの動作テストを自動化できる「DalekJS」。 テストコードをJavaScriptで記述すれば、指定したサイトを開いてスクリーンショットを撮って、指定位置をクリックして、といった具合にテストが実施できます Seleniumのような既にメジャーなツールもありますが、これもなかなか便利そうです。 node.jsベースで実装されているみたい。 関連エントリ JavaScriptのコードでPDFを生成できる「jsPDF」 ブラウザ上でRubyプログラムをJavaScriptに変換して実行できる「Opal」 JavaScriptオフ、CSSをのみで動くツールチップライブラリ「hint.css」
JavaScriptとObjective-Cを連携させるハイブリッドアプリ解発に·HybridKit-JS MOONGIFT
HybridKit-JSはObjective-C/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 最近のスマートフォンアプリ開発では必要に応じてJavaScriptとネイティブを組み合わハイブリッドアプリが増えています。そこで紹介したいのがHybridKit-JSです。 デモアプリです。この画面はHTMLで出来ています。 HybridKit.runCommandで予め登録されているコマンドを実行します。 アラートを表示するデモです。 Open URLを使ってMobile Safariを使ったURLを開く操作もサポート。 set_titleを使うとタイトルバーのラベルを変更できます。 背景色を変更する機能もあります。 HTMLはこのようになっています。 HybridKit-JSではJavaScriptからネイティブの機能を呼び出す形で連携できるようになっ
Announcing a New and Improved Node.js Debugger | StrongLoop
From the developers who build Node.js, StrongLoop offers professional-grade support, consulting and training for Node.js.Over the years, Node developers have come to rely on Danny Coates’ node-inspector npm module to debug their applications. While popular, the community has nonetheless been clamoring for additional features. Node-inspector has also been in need of an infrastructure refresh with G
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
JavaScriptのパッケージ管理システムのEnder.jsを見た | MemeTodo
2011年6月24日金曜日 JavaScriptのパッケージ管理システムのEnder.jsを見た Ender - the no-library library.というJavaScriptのパッケージ管理ライブラリみたいなものをちょと触った。 node.jsが必要で、npmでインストールする 最近、JavaScript関係でもNode.jsを使ったものが多いので、Windowsでも使えるようにWindowsからVM上のLinuxをSSH経由で利用する開発環境の構築 | Web scratchとかCygwinで準備しておいた方がいい気がする(そのうちWindows版Nodeでると思いますが。Porting Node to Windows With Microsoft’s Help « node blog) $ npm install ender -g ender.js自体はパッケージ管理、ビ
node.jsで実用レベルのアプリを動かしてみよう - 元データ分析の会社で働いていた人の四方山話
node.jsで何か楽しい事ができないかなぁと探していて、チャットとかはありきたりだし、twitterのstreaming apiサンプルはよく見かけるので、何かそれ以外のものはないかと思って見つけました。 aliasaria/scrumblr · GitHub 概要は、こちらに非常によくまとまっています。 要は、ボードの上にポスト・イット風のメモを貼付けて、動かして・・・ということを共有できる、かなり面白いものです。 こういう記事もありますし、Web上で似たことができるんじゃないなぁと思っています。 これ、かなり面白いです。 自分が思うscrumblrのいいところとしては、 導入が割と簡単。自分の場合、CentOSとUbuntuで導入してみましたが、どちらも非常に簡単でした。 Websocketのリアルタイム通信の威力がよく分かる。 の２点ではないでしょうか。単純なチャットだったら、もう
naholyr/node-i18n - GitHub
Usage Default usage // Load module: var i18n = require('/path/to/i18n'); // Optional: set default locale i18n.defaultLocale = 'fr'; // Optional: add prefix and suffix around untranslated strings (default = '[T]' and '[/T]' i18n.debug(); // Mandatory: load translation data i18n.load( catalogue, // Catalogue to load, undefined if you want to load default catalogue locales, // array of locales to loa
node.js C/C++ addons 入門 - unknownplace.org
node.js のドキュメントを見ていたら C/C++ で簡単に拡張が書けそうだったので試してみた。 addons - Node.js Manual & Documentation ドキュメントに載っている hello.cc をみてみると： #include <v8.h> using namespace v8; extern "C" void init (Handle<Object> target) { HandleScope scope; target->Set(String::New("hello"), String::New("world")); } この extern "C" void init (Handle<Object> target) というやつが、jsで require("hello") したときに呼ばれる感じらしい。この関数だけは必ず実装する必要がある。 この中の Ha
Node.jsについてのよくある誤解 - 自分の感受性くらい
Node.jsは普及しそうに無い: ニュースの社会科学的な裏側 http://anlyznews.blogspot.com/2011/02/nodejs.html という記事があったので、もしかしたらいい感じにNode.jsについてのよくある誤解がここに網羅されてるんじゃないかと思ってエントリを書きます。決して顔真っ赤にして反論してるわけじゃないよ！ で、まず 理由は簡単で、Googleがリリースしたアプリケーション・サーバーであるnode.jsが、JavaScriptとその実行エンジンを基本とした構成となっており、その性能が高いからだ。 とありますが、Node.jsはGoogle製ではありません。Node.jsがベースとしているJavaScriptのV8エンジンはGoogle製（のオープンソース）ですが、Node.js自身はJoyentという会社のサポートによって作られています。メインコ
JavascriptのMath.random()でユーザートラッキングができるという話 - kogelab::memo
表題の件について。 地味な話ですが、javascript（というかECMAの仕様）にあるMath.random()には、乱数のシードを与える方法が無いようです。 そんなわけで、われわれ一般市民は各ブラウザが独自に実装している、謎のシードで初期化された謎のアルゴリズムで作られた乱数を通常使うわけですが。 Mozillaからこんなの出てた。 曰く、Math.random()のシードによる初期化は、ブラウジングセッションごとに1度しか行われないと。 で、シードはまあ、かぶる率そんなに高くなさそうなので、そのシードをUSERの（擬似的な）ID代わりにしてしまえば、ユーザーのトラッキングができるよーん、とのこと。 はじめ読んだとき、「おおー、かっけー！」と思ったんですが、ちょっと待て。 シードって外から取れんのか。 というわけで、色々調べたところ、各ブラウザは（多分IEも）線形合同法による擬似乱数を
We are Locutus
All your standard libraries will be assimilated into our JavaScript collective. Resistance is futile. Welcome to Locutus, where the boundaries of coding languages blur. We’re a dedicated collective developers on a mission to explore the possibilities of porting standard libraries from various programming language (Go, Ruby, PHP, C) to JavaScript. Our journey is one of discovery, innovation, and so
Slides: Node.js in production » Debuggable - Node.js Consulting
Last night I was giving a talk about node.js in production at the Berlinjs user group. In the talk I shared some of our experiences at Transloadit, but also tried to cover the topic from a general angle. I concluded that running node apps in production comes with certain challenges, most notably the lack of useful stack traces when things go wrong. But that's something Ryan is working on, and a li
GitHub - unicodefreak/jbnode: fast calls from node.js to Java
#jbNode - fast calls from node.js to Java ##About jbNode ("java-bridge-node") is a simple client/server framework supposed to provide a fast and simple access to Java services from node.js. There are many applications that can benefit from lightweight and hyper-fast node.js architecture. There are also many development issues that can't be solved using pure JavaScript and node.js API. The examples
cajaプロジェクトJsHtmlSanitizerを使ってみた - hrendohの日記
google-cajaプロジェクトは、Ajaxを多用するようなクロスドメインなサイトのセキュリティの問題を解決するためのライブラリを開発しているプロジェクトです。 OpenSocialエンジンであるApache-Shindigにも含まれて居ます。どちらかというと派生プロジェクト？ サニタイズの処理を整理するにあたって、自分でコーディングするのはバグの元なので、cajaプロジェクトのhtml-sanitizer.jsを利用を検討してみることにします。 cajaプロジェクトはソースコードのみ配布されていますので、SVNリポジトリからチェックアウトします。 $ svn checkout http://google-caja.googlecode.com/svn/trunk/ html-sanitizer-minified.jsを生成するためにantを実行します。 $ ant MinifiedJs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - beautifier/js-beautify: Beautifier for javascript
GitHub - google/gjstest: A fast javascript unit testing framework that runs on the V8 engine.
jQuery - fieldSelection