gulpの使い方 Win/Mac対応
作成：2015/06/22 更新：2018/05/27 Mac > Web制作 Web制作に欠かせなくなった「Node.js」。デザイナーさんやフロントにおいてもgulpの環境を整えるのがトレンドとなっています。 node.js やgulpを何に使うのか分からないけど、まだインストールしてない、もしくは入れなおしたい、何となく流れを知っておきたいという人向けに、ザックリと「初歩的な部分を数時間で使える」ための手順をメモしておきます。Win/Mac対応。 エンジニア速報は Twitter の@commteで配信しています。 もくじ Node.jsとは Node.jsをインストールする Mac版バージョン管理ツール：nodebrew Windows版バージョン管理ツール：nodist パッケージマネージャー npmの使い方 gulp（ガルプ）のインストールと使い方 Node.jsとは ご存知な
橋本商会 » node-webkitでNHK Newsを連続自動再生するアプリ作った
あまりにも世情にうといので作った。 NHKのRSSを定期的にチェックして、新着ニュースの動画を連続自動再生する。 とてもテレビっぽい。おかげで4日後にオリンピックが開催されるという事を知れた。 ソースコード https://github.com/shokai/nhk-news-app zipでダウンロード https://github.com/shokai/nhk-news-app/releases node-webkitはネイティブアプリ作成のためにwebkitが改造されたwebブラウザで、HTML/JavaScript/CSSが実行できるだけでなくnode.jsのAPIもそのまま呼び出せる。 つまりjQueryでDOM操作すると同時にnodeのライブラリを使うような処理が、同じプログラムファイルにまとめて書ける。変にブリッジを書く事なくいつものnodeのように require(‘モジュ
node.jsがなくとも使えるように。node.js製ソフトウェアをバイナリ化·nexe MOONGIFT
nexeはnode.js/JavaScript製のソフトウェア（）です。 node.jsで開発したソフトウェアを配布する際には相手にもnode.jsをインストールしてもらわなければなりません。今時点ではこれは相当な面倒な作業に感じられるでしょう。そこで使ってみたいのがネイティブソフトウェア化してくれるnexeです。 実行中です。指定したnode.jsをダウンロードしてコンパイル、そしてラッピングまでを行ってくれます。 実行結果です。約10MBのバイナリができあがります。 Webサーバであればそのまま実行するだけでサーバが立ち上がります。 もちろんブラウザからもアクセス可能です。 ソースコードです。必要なライブラリもちゃんとラッピングしてバイナリ化されます。 nexeは今のところWindows向けのバイナリ生成はできません。しかしMac OSXであれば後は簡易的なGUIを付けてアプリ化するの
水まんじゅう新着botをeXcaleで動かしてみた #yutori_history - ギークに憧れて
2013-05-15 水まんじゅう新着botをeXcaleで動かしてみた #yutori_history ゆとり Advent Calendarの15日目のエントリです｡昨日は@razonさんでした？ ゆとりさん転職おめでとうございます。 ゆとりさんとは二度ほど飲みに行った仲です｡初めてお会いした時に｢御社は腐ってますね〜｣と言われた事を今でも覚えています｡ ゆとりさんとは2回しか会ったありませんが､ブログはよく読んでます。そこで大人気ブログ水まんじゅうの新着情報を呟くbotを作ってみました。 水まんじゅう新着bot 空気的にJavaかと思いきや全く触れずにNode.jsで実装しました。 ちなみにこのbotはeXcaleというPaaS上で稼働しています。特にステマとかではないです｡ コードはこちらです｡若干作り方を解説してみます。https://github.com/hotche
Node.js + Socket.IOのサーバの基本構成と、Android版のSocket.IOクライアントのサンプル - Qiita
Node.js + Socket.IOのサーバの基本構成と、Android版のSocket.IOクライアントのサンプルAndroidNode.jsSocket.io とりあえずコードはよ。って方はgithub 何が出来るの？ Androidアプリとブラウザでリアルタイム双方向通信のサンプルです。要はチャットアプリです。サーバは受信データをブロードキャストするようにしています。 非常に簡単なサンプルですが、ブラウザクライアントとAndroidアプリの工夫次第で、色々な実験やプロトタイピングが出来ると思います 画面サンプル（自機の送ったものは表示されない） ブラウザの画面 Androidの画面 実装 ここを参考にして構築しました。 動作確認したバージョンは以下になります。 環境はMac Mountain Lion nvmとnpmを使用 Node.js : v0.6.6/v0.8.7 Socke
Node.jsでパスを絶対パスにする方法 - 断章10100
../hoge を /tmp/hoge とかにできます。 使うのは、 Node.js に含まれる path モジュールです。 var path = require('path'); var abspath = path.resolve(path.join('hoge', 'fuga')); console.log(abspath); # => /someone/home/dir/hoge/fuga path.join で文字列を結合し、ディレクトリ区切り文字でつなぎます。 path.resolve がパスを絶対パスにします。絶対パスにならなかった場合、 現在の作業ディレクトリをベースにします。 参考 Node.js の Path モジュールのページ
node.jsのいろいろなモジュール13 – node-configで設定ファイルを切り替えたりする | DevelopersIO
node.jsでconfigファイルを使用する アプリケーションを作成するうえで、ユーザー名やパスワード、ホスト名など固定値を定義しておくために設定ファイルはよく使用します。 先日、 ・特定のフォーマットで値を保持したい ・環境に応じて設定を切り替えたい という要件に合うモジュールがないかと探していたところ、良さそうなモジュールがありました。 今回はnode.jsで設定ファイルを使用するためのモジュールは多数ありますが、その中でも比較的多機能(とおもわれる） node-configについてご紹介します。 環境構築 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.8.15 npm : 1.1.66 適当なディレクトリを作成し、そこでnpmを使用してインストールしましょう。 % mkdir sampleConfig % cd samp
Node.js MySQL 値(フィールド)取り出し | とあるWebエンジニアの奮闘
こんにちは、ymatsuzaです。 最近は会社のアプリ発表会に注力しています。 そのアプリでは、Node.jsを用いています。リアルタイム性が必要なためです。 で、DBにはMySQLを使っているのですが、その値とりだしの際にネットを調べてもソースがなかったのでメモ。 Node.jsでは、MySQLモジュールが用意されており、PHP等と同じように利用できます。 簡単な例がこちらです var Client = require('mysql').Client; var client = new Client(); // 接続先データベースを指定 client.database = 'DB'; client.user = 'USER'; client.password = 'PASSWORD'; // データベースへ接続する client.connect(function(err) { if
【node.js】node-mysqlで接続が切れる問題 « zoomAroid
node.jsでMySQLを使うときは、node-mysqlというモジュールを使うことが多いと思うのですが、 私もこれを使っているとこれがサーバーを立ち上げてから８時間くらいほっとくとDBに接続できない、ということが起きていました。 で、ver.0.9.5からサーバーの再接続がちゃんとできるようになっている、みたいなことが書いてあったのでバージョンをあげてみたのですが、それでも解決しなくてなんでだろうな・・・といろいろ試してみると、やっと治ったので覚書として書いておきます。 var mysql = require('mysql'); //DB var client = mysql.createClient({ user:DBUSER, password:DBPASSWD }); client.query('USE DB名'); というふうに記述していたのですが、これだと再接続時に No d
Nodeで80番ポートをlistenするサーバの構築方法
こんにちは、@9ensanです。 NodeでWebサーバを構築する時にhttpモジュールからhttp.Serverクラスのインスタンスを生成してlistenで指定ポートを待ち受けます。 そこで、以下のようにlistenポート番号に80を指定して実行すると、 以下のようにエラーが発生し実行できません。 これを対応する方法について解説します。 このエラーが発生する理由は、wikipediaの「ポート番号」の説明で、以下のように解説されている事が原因です。 UNIX系のOSでは、0～1023番のポートを使用するには、通常、root権限が必要で、予約ポートとも呼ばれる。 ようするに、root権限を持つユーザーで実行しないといけないという事になります。 ですが、root権限を保持するユーザーで実行することは、セキリティ上危険が高くなります。 で、どうするかというと、root権限で実行した後に、プロセ
node.jsのいろいろなモジュール8 – color.jsを使ってコンソールをちょっとオシャレに | DevelopersIO
コンソール文字の色を変える node.jsはWEBアプリだけでなく、コンソールアプリを作成することも出来ます。 そのときには当然コンソール上に文字を表示してユーザーとやりとりしますが、今回紹介するcolor.jsを使用すると、 コンソール文字に対して色やスタイルを簡単に適用でき、ユーザーへメッセージの意図をわかりやすく伝えることができます。 インストール 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.2 Node.js : v0.4.11 npm : 1.0.30 ではnpmを使用してインストールしましょう。 %npm install colors colors@0.5.1 ./node_modules/colors インストールできたらnpmコマンドで確認します。 %npm list /Users/syuta/srcs/nodeapps/colors └─
node.js + express でログイン状態を判断して、表示する文字を変える - shohu33's diary
共通ヘッダーなどでログイン状態で表示文字をかえたいときなどに便利です。 方法はdynamicHelpersというメソッドを使います。 ※ほかに方法があれば教えてください！ これは、viewをrenderする際に動的な情報を埋め込む事ができます。 共通のテンプレートにrequest情報を渡すときに便利です。 以下例ではログインしていたら、true、を返すメソッドを作成してテンプレート側でそのメソッドを使用して、ログインしている場合とログインしていない場合で表示を切り替えています。 以下では req.session.user にログインした際に、user情報を保持しているものとします。 vi app.js ----- : : app.dynamicHelpers({ // check login state is_logined: function(req, res){ return req.
WebSocketでバイナリデータを送受信してみる - hagino3000's blog
この記事はHTML5 Advent Calendarの8日目です。 いつの間にか手元の環境(Chrome17 dev + Node 0.6.3)においてWebSocketでバイナリデータが扱える様になっていたので何か作ってみようかと。 まず、NodeでWebSocketを使おうとしたらそれ用のライブラリを使う事になるのだが現時点でバイナリデータが扱えるのはWebSocket-Nodeのみだった。 当初はサーバーから画像のRAWデータをガンガンクライアントに送りまくるというのを作ろうとしたのだがnode-pngがNodeの0.6系に対応していなかったので断念。CanvasのgetImageDataで得られるデータをそのままサーバーに投げて、サーバー側で加工した物を受け取るサンプルを作った。 バイナリデータの送信 クライアントのコード(client.js) var socket = null;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
zaim.jsをアップデートした - ギークに憧れて
blog.cotapon.org - こたぽんのブログ
【Node.js】expressでejsがインストール出来ない対処法（追記あり）
A Node in Nodes
MacにpkgでインストールしたNodeをアンイストールする方法
Expressフレームワークで、MySQL接続に再挑戦
11月 | 2012 | @blog.justoneplanet.info