node.jsでファイル監視を手軽に行えるモジュール「chokidar」
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:
CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう–ICS LAB
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入門(基礎編) - from scratch
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
Sails.js と Vue.js で API ファースト + リアルタイムな Web アプリケーションをさくっと作る - Qiita
概要 こんにちは nyamadori です。 Node.js には Rails のようなこれといった定番の Web フレームワークがありません。 「とりあえず Express でいいや」みたいな風潮がある気がします。 そう思っている方、Sails.js を使ってみましょう! Sails.js は API ファーストな Web アプリケーションがさくっと実装できるコンパクトな Web フレームワークです。 この記事では、簡単なチャットアプリを作りながら Sails.js を紹介します。 (一体何番煎じの内容だろうか…) チャットアプリを作る これから、以下のような簡単なチャットアプリを作っていきます。 2つのクライアント間でチャットができる アカウント管理はしない。どちらが投稿したメッセージかを区別できる必要はない 一方がメッセージを投稿すると、もう片方の側でもメッセージが同期される 以降の
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上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でHTTP POSTのbodyをスキーマレスにMongoDBに格納 - yumulog
最近、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 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
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という世界で同時開催され
Node.jsのWebフレームワーク「Sails」を使ってpub/subアプリを作ってみる
Sailsとは Sailsは米国オースティンにあるBalderdash社のMike McNeilさんを中心として作成されているMVCフレームワークです。スタイルとしてはRailsに近い形を取りつつ、最近のWebアプリ開発に向けたいくつかの特徴を持っています。 主な特徴としては Web APIを簡単に作成し、公開できる リアルタイムWebなアプリケーションが簡単に作成できる Single Page SiteやMobileなどの多様なフロントエンドに対応できる といったようなものが挙げられます。 Web APIについてはJSONベースのRESTfulなAPIが簡単に作れるようになっています（Sails API blueprints）。特にAPIを作るという意識をせずとも、generatorによって単純なCRUDならすぐにAPIとして公開することができます。ルーティングについても、この手のフレー
JSオジサン＃1 LT「node-webkitとchrome-remote-interfaceでブラウザオートメーション」 - ayapi.github.io
渋谷21Cafeで開催された、「JSオジサン ＃1」 ぁゃぴ、⑤分間のLTとゅーことで、人生初プレゼンさせてもらぃました その時に映してもらってたスライドと、 ぁとで反省するために自分で録音をしてたから、それを公開します slideshare: node-webkit & chrome-remote-interfaceでブラウザオートメーション ↓LT㊥の㊢メを撮って頂ぃてました＼(^o^)／ ↓21cafeのFaceBookページにぃっぱぃ載せてもらってました＼(^o^)／ 投稿 by 21cafe＜ニイイチカフェ＞. 投稿 by 21cafe＜ニイイチカフェ＞. 投稿 by 21cafe＜ニイイチカフェ＞. ↓ぁの有名な、おだんみつさんと一緒に㊢メ撮って頂きました＼(^o^)／ ↓おだんみつさんのまとめページ IT業界で密かに話題…エンジニアに萌えるお姉さん『おだんみつ』って誰？
HTML5-Packer – HTML5アプリケーションを1ファイルにパッキング
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションはブラウザさえあればどの環境でも動かせる便利な仕組みですが、大きな欠点としてはネットワークがないといけないというのがあります。オフラインでも対応しようと思うとダウンロードと設定がとても面倒です。 その点、バイナリの実行ファイルはダウンロードしてすぐに実行できます。同じような仕組みをWebアプリケーションでも可能にするのがHTML5-Packerです。 HTML5-Packerのインストール まずはインストールします。npmでインストールできます。 $ npm install html5-packer --save-dev これで準備は完了です。 HTML5-Packerの使い方 ローカルにあるWebアプリケーションをパッキングします。この時、gruntと組み合
Google Chromeに入ったジェネレータとPromiseで非同期処理に革命が起きた - 素人がプログラミングを勉強していたブログ
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
はじめてのNode.js：Node.jsのイベントシステムを知る | OSDN Magazine
本記事は、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 入門
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』 | 100SHIKI
Node.js・・・、のインストールではまる人も多いはずだ。 そこで（というわけでもないだろうが）登場したのがRunnableだ。 このサイトではブラウザ上でNode.jsの開発ができるようだ。 インストール不要で、ちゃちゃっとコードを書いて「Run」すればいいだけなのでお手軽だ。 Node.js以外の言語にもこれから対応していくとのことなので楽しみですな。
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.js]簡単にHTTPサーバを実装[Tips] | DevelopersIO
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]簡単にHTTPサーバを実装[Tips] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f39a75a8a84eb2455cb3bea6e9d7d1d9f2a122b/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2011%2F11%2Fnode-catch3.png)
[Node.js]node.jsからゆっくりボイスをしゃべらせる[ネタ] | DevelopersIO
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
![[Node.js]node.jsからゆっくりボイスをしゃべらせる[ネタ] | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f248a6dfbba2d32e53e4a5abf0a863d5315240d/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F03%2Fyukkuri.001.png)
node.jsのHTTPクライアントでレスポンス時間が遅延する問題を解消する
node.jsのHTTPクライアントでレスポンス時間が遅延する問題を解消する方法を紹介します。 １．問題点 業務で、Ruby on Railsを使ったシステム開発を行っています。 で、システムが一定の負荷（約200万HTTPリクエスト/時間）に耐えられるかという性能測定を行っています。 かなりおおざっぱなシーケンスですが、このシステムでは図のようにサーバ・クライアントともにHTTPリクエストを送受信する仕組みが必要です。 サーバはApache+Passenger+Rubyで構築し、クライアントはスタブおよびドライバとしてnode.jsを使っています。 で、スタブ・ドライバによる負荷の特徴として、時間の経過とともに処理すべき秒間HTTPリクエスト数が少しずつ増加していくのですが、秒間リクエスト数が一定数（おそらく数百）を超えると、クライアントから送信したリクエストのレスポンス時間が遅延すると
node.jsのいろいろなモジュール19 – compoundjsで楽々CRUD | DevelopersIO
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アプリの初期化 %
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
