node.jsにはファイル監視を行えるAPI「fs.watch()」や「fs.watchFile()」がありますが、なんだかんだいろいろめんどくさかったりします。 【参考】Node.js の fs.watch() と fs.watchFile() の違い – てっく煮ブログ そういったメンドクサイ部分を綺麗にラップしてファイル監視を手軽に行えるようにしたモジュールが「chokidar」です。 サンプル スクリプトを起動したカレントディレクトリ(子ディレクトリを含む)を監視して、ファイルの追加や削除、編集などが行われたら通知します。 var chokidar = require('chokidar') var watcher = chokidar.watch('.', { //watch対象ディレクトリorファイル ignored: /[/\]./, //無視する対象 persistent:

HTML5 Canvasのフレームワーク「CreateJS」(基本的な使い方は入門サイトをご覧ください）について、2015年2月10日に開催されたCreateJS勉強会 (第5回) でライトニングトーク「CreateJSとNode.jsを使ってサーバーでCanvas要素を使おう」を発表しました。今回はそのスライドを元に、サーバーサイドでCreateJSを使うメリットを紹介します。 デモ 今回紹介するnode-easelを使ったデモです。スマホ画面にTwitterのアイコンが、PC画面には白い矩形が表示されています。スマホで選んだTwitterのユーザーのアイコンがPC側でアニメーションします。画像加工はサーバーサイドで動くCreateJSを使って行われています。 Section1. Node.jsとモジュールについて Node.jsはブラウザではなくサーバーサイドで動くJavaScript

Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp

node・iojsでもレスポンス改善が期待できます。 waterfallの速度比較taskのサイズによっても速度が大きく変わってくるため、task数の変化による速度変化を調べます。 ツールの仕様は以下の通りです。 task数がlowerからinterval間隔でupperまで実行毎回順番がランダム毎回gcを走らせるn回の平均速度[μs]を計測demo2.jsvar statistic = require('func-comparator').statistic; var _ = require('lodash'); var async = require('async'); var neo_async = require('neo-async'); // サンプリング回数 var times = 100; var create = function(count) { // countはta

概要 こんにちは nyamadori です。 Node.js には Rails のようなこれといった定番の Web フレームワークがありません。 「とりあえず Express でいいや」みたいな風潮がある気がします。 そう思っている方、Sails.js を使ってみましょう! Sails.js は API ファーストな Web アプリケーションがさくっと実装できるコンパクトな Web フレームワークです。 この記事では、簡単なチャットアプリを作りながら Sails.js を紹介します。 (一体何番煎じの内容だろうか…) チャットアプリを作る これから、以下のような簡単なチャットアプリを作っていきます。 2つのクライアント間でチャットができる アカウント管理はしない。どちらが投稿したメッセージかを区別できる必要はない 一方がメッセージを投稿すると、もう片方の側でもメッセージが同期される 以降の

こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node

最近、node.jsを使い始めました。ちょっとしたwebサーバが簡単に書けていいですね。node.jsでMongoDBを扱うには mongoose をつかうとすごく楽です。しかし、mongooseを使う際にはスキーマを定義しなければいけません。HTTP POSTのbody(JSON形式)のように何が飛んでくるか分からない場合にもスキーマレスにとりあえず突っ込んでおきたいというときには、Schema.Types.Mixed という型を指定してスキーマを作成すれば、何でも格納でき、JSONデータもそのまま格納できます。 環境 OS: OS X 10.9.4 node.js: v0.10.32 mongoose: v3.8.18 MongoDB: v2.6.4 下準備：mongooseがなければ、npmでインストールできます。 $ npm install mongoose ソース node.js

Webな人でもハードウェア制御が簡単に！Node.jsでJavaScript Roboticsを楽しもう #nodebots_jp こんにちは、エンジニアののびすけです。 突然ですが、みなさんは「NodeBots」という言葉を知っていますか? 最近、海外のNode.js界隈では、Node.jsを使ったハードウェアの制御が流行ってきています。今回の記事では、先日おこなわれたNode.jsのイベント「東京Node学園20時限目」で話してきた内容をもとに、NodeBotsについてやNodeBotsの学び方を取り上げたいと思います。 NodeBotsとは http://nodebots.io/ NodeBotsとは、Node.jsでハードウェアを制御するイベントやコミュニティの総称です。世界中でおこなわれている取り組みで、International NodeBots Dayという世界で同時開催され

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションはブラウザさえあればどの環境でも動かせる便利な仕組みですが、大きな欠点としてはネットワークがないといけないというのがあります。オフラインでも対応しようと思うとダウンロードと設定がとても面倒です。 その点、バイナリの実行ファイルはダウンロードしてすぐに実行できます。同じような仕組みをWebアプリケーションでも可能にするのがHTML5-Packerです。 HTML5-Packerのインストール まずはインストールします。npmでインストールできます。 $ npm install html5-packer --save-dev これで準備は完了です。 HTML5-Packerの使い方 ローカルにあるWebアプリケーションをパッキングします。この時、gruntと組み合

Google Chrome Canary（正確にはV8）に、ついにGenerators（yield）が入った。これを上手に使うと、エラー処理を含む非同期コードを同期的に書くことができるようになり、見通しが極めて良くなるので、ここで紹介する。 ここで紹介するものはいずれNode.jsでも使用できるようになるので、Webとの互換性を気にする必要のないNode.jsでは近いうちに活用できるようになると思う。 下のコードを動かすためには、最新のGoogle Chrome Canaryで、chrome://flagsからexperimental javascriptを有効にしておく必要がある。 ES6 HarmonyのGenerator構文について functionではなくfunction*というキーワードを使うと、yieldキーワードが使えるようになる。 function* range(begin

本記事は、3月13日にソフトバンク クリエイティブより発売された書籍「はじめてのNode.js －サーバーサイドJavaScriptでWebアプリを開発する－」から、「第7章 Node.jsアプリケーションのデバッグ方法」の一部を抜き出し再構成したものです。 出版社ページ / Amazon.co.jpの商品ページ 大型本: 384ページ、価格：3,045円（税込）、ISBN: 978-4797370904 Node.jsでのWebアプリケーション実行モデル PHPやPerlなどの言語でWebアプリケーションを実装する場合、クライアント（Webブラウザ）とのやり取りはApache HTTP ServerなどのWebサーバーが行い、プログラムはWebサーバー経由で実行される形が多い。いっぽうNode.jsの場合、Node.js自体（正確にはNode.jsに含まれるWebサーバーモジュール）が直

Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは？ Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ

Node.js・・・、のインストールではまる人も多いはずだ。 そこで（というわけでもないだろうが）登場したのがRunnableだ。 このサイトではブラウザ上でNode.jsの開発ができるようだ。 インストール不要で、ちゃちゃっとコードを書いて「Run」すればいいだけなのでお手軽だ。 Node.js以外の言語にもこれから対応していくとのことなので楽しみですな。

いろいろ調べたのでメモする node.js ってなあに? JavaScriptを用いた Non-blocking I/O な環境 Non-blocking I/O? CPUと他の入出力装置(I/O)において、データの送受信を待たずに、次の処理に移行する方式のこと。 逆に、入出力が完了するまで待つことを「ブロッキング」と呼ぶ 例えば、こんなのがブロッキング require 'open-uri' p "1: #{Time.now}" open("http://www.ruby-lang.org/") {|f| p "2: #{Time.now}" } p "3: #{Time.now}" # output "1: 2013-03-10 11:58:16 +0900" "2: 2013-03-10 11:58:19 +0900" "3: 2013-03-10 11:58:19 +0900" 上記

nodeでhtml表示 node.js標準のhttpモジュールでhtmlを使いたい場合、パスを解釈してhtmlを表示する機能は自分で実装する必要があります。 expressとかのフレームワークを使えば必要なhttpサーバの機能を十分満たしていますが、 そこまで大げさにする必要がなく、とにかく指定したurlでhtml(静的ファイル)を使えればいいという時の簡単な実装方法を紹介します。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.8.15 npm : 1.1.66 connectで簡単httpサーバ実装 connectとはミドルウェアフレームワークで、静的ファイル処理やルーティング処理のための機能をもっています。 expressもこのモジュールをベースに実装されています。 ではインストールからhtmlファイル表示まで

node.jsからゆっくりボイスをしゃべらせる ゆっくりボイスといえば、ニコニコとかでよく聞くあれです。 Windowsの場合、softalkを使えば再生したりファイルに保存したりできます。 Macでゆっくりボイスを使いたい場合、Yukkuroidというアプリがあります。 これはMacでゆっくりボイスをしゃべらせるためのアプリなのですが、外部からアクセスするためのAPIも公開しています。 今回はこのアプリのAPIに、以前紹介したNodObjCを使用して、 アクセスしてみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.8.1 Yukkuroid : v0.4.1 適当なディレクトリを作成し、そこでnpmを使用してNodObjCをインストールします。 % mkdir yukkuri % cd yukkuri

CompoundJSとは 以前はrailwayJSという名前で、この記事でも紹介したことがあります。 最近、バージョンアップして名前が「CompoundJS」となりました。 このフレームワークはexpressをベースとしたMVCフレームワークで、ruby on railsのような感じで使えます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.8.15 npm : 1.1.66 適当なディレクトリを作成し、そこでnpmを使用してCompoundJSをインストールします。 % mkdir comp % cd comp % npm install compound -g 1分でとりあえずの動作確認 CompundJSのインストールができたら、CRUD画面を１つ作って動作確認してみましょう。 # blogアプリの初期化 %