先日、GitHubの開発したプログラミングエディタAtomが話題になりましたが、あれはnode-webkitを使って作られたWebアプリケーションをラッピングしたソフトウェアになりますあれはChromiumをカスタムでラッピングしたソフトウェアになります。Webベースでもここまでちゃんとした速度で動くということに驚かされるとともに、現実的になったことで楽しみになってきました。 同じようにWebベースの技術を使ってアプリケーションを作ってみたい時に使えるのがnode-webkitです。さらにそのnode-webkitでMac OSXアプリを開発してみたいと思った方にお勧めなのがNuwk!です。node-webkitを使ったアプリケーションビルダーです。 Nuwk!の使い方 実行速度は申し分ありません。UIはそれらしいフレームワークを探してくれば良いでしょう。ネイティブアプリはWebアプリケー

最近何かと話題の Node.js を使ってみることにした。 インストール自体は公式の Wiki を見ればそんなに難しくない。いつもの configure, make, make install するだけだ。 でも Node.js はまだまだ開発中のプロジェクトで、今でもがんがん更新されてる。すぐに新しいバージョンが出てくるんだけど、そのたびにソースからインストールし直すのもいやだし、ちょっと前のバージョンに戻したくなることもあるかもしれない。 そんなわけで、最近の Node.js は nvm というツールを使うのが流行みたいだ。こいつを使うと複数バージョンのインストール、切り替えが出来るようなって便利。 Mac でも Linux(Ubuntu) でも使えるんだけど、微妙にハマったとこがあったので手順を書いておく。 2012/03/21追記 npm でのパッケージのインストール、設定について

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。Ameba事業本部の杉本と申します。 業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。 今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。 私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。

はじめに 先日、PhantomJS でログインが必要なページでも自由自在にスクレイピング - 凹みTips という記事を書きました。 前回は PhantomJS のみを用いてスクレイピングを行なっていましたが、スクレイピングした結果を使って色々やりたい！となると、Node.js の力を借りたくなってきます。単純に取得した HTML を利用するだけなら、PhantomJS の fs モジュールを使って HTML をファイルに書き出し、これを Node.js で読み取って…、なんてことをすれば可能ですが、何かしらの入力を受けて動的にページを遷移したい、となると厳しくなってきます。 そこで、本エントリでは PhantomJS を Node.js から使って色々出来るよ！ということを解説したいと思います。 利用するモジュール PhantomJS をラップした Node モジュールは沢山あります。試

npmにもnode-wkhtmlというモジュールがあるけど、child_processを使ってサックリと wkhtmltoimage/wkhtmltopdf wkhtmltoimageは/usr/bin/wkhtmltoimageにインスコ済の前提で var chunks = new Array(); var convert = require('child_process').spawn('/usr/bin/wkhtmltoimage', ['--format', 'jpg', '--quality', '100', 'https://www.google.co.jp/', '-']); convert.stdout.on('data', function(chunk){ chunks.push(new Buffer(chunk)); }); convert.stderr.on('dat

node-serialportとは Node.jsでシリアルポートを制御できるようにしたライブラリ。今回はこれを使ってNode.jsとArduinoをシリアル通信で接続します。今回のターゲットは2種類。まずはMac + Arduinoで動作を確認した後、Raspberry Pi + Arduinoで動作させてみます ※2013/3/30 データ受信取りこぼしの件で、修正パッチを頂きました。 @kei_os さんありがとうございます node-serialportのインストール まずはMacの方でインストールします。ここを参考にexpressをインストールし、Socket.ioもインストールしておきます。node-serialportのインストールはnpmを使います。 $ npm install serialport サーバの記述 serialportの使い方だけ抜粋します。 serialp

いつものhomebrew シリーズです。homebrew ではオプションで指定しない限りnpmまでインストールしてくれます。npmは node.js のパッケージ管理ツールです。では、さっそく以下から インストール 標準のターミナル.app や iTerm などで以下を入力します。 brew install node npm を使ってインストールするときに”npm install -g”とかのグローバルオプションが付いた場合デフォルトでは /usr/local/share/npm/bin にインストールされます。なので使用しているシェルが zsh なら~/.zshrc、bash なら~/.bash_profileに以下を追記してパスを通します。デフォルトの設定を変更するには$HOME/.npmrcを変更します。詳しくはドキュメントを。 # npm export PATH="/usr/loc

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

昨日の続き。 こういうアプリケーションのテンプレートを管理するのに便利な仕組みはないですかねーと言っていたら @teppeis さんや @omo2009 さんに Grunt や Yeoman はどうかと教えてもらった。 Grunt はユースケースとしては JavaScript の連結や圧縮、SCSS/LESS なんかのメタ言語のコンパイルをするときに使うもの、つまり rake なんかと同じようなものと以前にチラ見した程度で知った気になっていたけども、ちょっと違っていた。Grunt は確かにタスクランナーではあるのだが、Node.js で実装している利点を十分に活かして、任意のファイルが更新されたのをトリガに一連のタスクを実行させたり、Grunt で Webサーバーを立ち上げて他のタスクと連携させたりといったことができるようになっている。プラグインの仕組みがあって、エコシステム的に結構活発に

ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々（我々は自分たちのことをBambinoと呼んでいます）がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。