2017年はNode.jsの達人になる！いま知っておきたいベストプラクティス10
前回の記事『10 Tips to Become a Better Node Developer in 2017（達人に学ぶ、優れたNode使いにレベルアップするための10のヒント）』では、いますぐ使える10個のNode.jsのヒントやテクニックを紹介しました。この記事もそれに続いて10個のベストプラクティスを紹介し、Nodeのスキルを次のレベルに上げられるようにしたいと思います。 以下が今回紹介する内容です。 npmスクリプトを使う：bashスクリプトを使わず、npmとNodeのスクリプトを使ったほうが管理しやすい（例：npm run build、start、test）。Nodeの開発者が新プロジェクトに取り組むには、npmスクリプトこそが唯一の真実 環境変数（process.env）を使う：process.env.NODE_ENVを、development（開発）あるいはproducti
npm で依存もタスクも一元化する - Qiita
タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、 タスクの管理をどうするかというのは、別途また考えないといけない。 自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。 また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, mocha などのコマンドを提供するツールもある。 そして、 npm にも一部それらをサポートする npm run 機能があるので、そこに Unix ワンライナーを書くこともできる。 今回は、「どのタスクツールが最良か」みたいな話ではなく、それらをどうやって実行するか、または npm との棲み分けとか構成の流儀について、最近良いと思っているやり方について書いておく。 各方針で問題点を書いていくが、
【Mac】nodebrewのインストールとコマンドなど使い方まとめ - TASK NOTES
NPMが必要だったのですがNode.jsがなかったのでインストールすることにしました。調べてみるとnodebrewというものがあるみたいなので使い方などをまとめておきます。 NPMとは Node Package Manager の略で Node で作られたパッケージモジュールを管理するためのツールです。 基本 Node.js をインストールすると一緒にインストールされます。 Pythonでいう easy_install もしくは Ruby でいう gem のようなものです。 nodebrewとは Node.jsを自分のマシン内でバージョン管理するための Tool です。Rubyのrbenvのようなものですね。 hokaccha/nodebrew · GitHub nodebrewのインストール Homebrewを使ってnodebrewをインストールします。 Homebrewのインストール方
フロントエンド開発の３ステップ（npmことはじめ） - Qiita
スライド 当記事は以前勉強会でLTしたものです。 スライドは下記にあります。 フロントエンド覚えること多すぎ問題 モダンなフロントエンド開発で、入門記事を探そうとすると、 まずwebpackやTypeScript, Babelによるビルド環境構築から始まる記事が多くヒットします。 ですが、Node.jsの初心者がいきなり複数のツールを習得しようとすることが 挫折の原因になっていると感じています。 ですので、まずNode.jsをインストールした直後から、必ず使うことになる、 npmの機能をまず覚えておきましょう。 フロントエンド開発で覚えるべき３つのコマンド 以下の3つだけ覚えておきましょう。 npm init npm install npm run これだけ覚えれば、ひとまずフロントエンド開発を進めることができます。 完璧なワークフローを構築するのは、書いているアプリが大きくなってきてから
[node] socket.IOとHTML5 Canvasを用いた手書きチャットアプリを作ってみた - YoheiM .NET
node.jsとsocket.IOとHTML5のCanvasを用いて、 手書きチャットアプリを作ってみました。 socket.ioを用いるとリアルタイムWebが実現でき、Canvasのお絵描き機能と合わせることで、 Canvasでの描画を自分のブラウザと他人のブラウザとで、 同じ内容をリアルタイムで描画出来るサンプルアプリです。 今日は、その機能と実装内容を紹介したいと思います。 手書きチャットアプリの機能 手書きチャットアプリでは、自分のブラウザ上のCanvasに手書きで文字を描くと、 リアルタイムに接続している他のユーザーの画面にも描画されるという動きをします。 YouTubeに動画を載せてみました。動画上では、同一PC上での動きですが、それぞれのブラウザは 独立して動いている状態で、ローカルマシンにnode.jsのサーバーがある環境となります。 表示されない場合にはこちらから→htt
![[node] socket.IOとHTML5 Canvasを用いた手書きチャットアプリを作ってみた - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/acd9c6cd65ab5805c1ad87838f6c6b022b5d749d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F061.png)
Node.js良記事まとめ(随時更新) - Qiita
2015/09/25 追記 2014/10/08 チュートリアル追記 2015/08/24 大幅加筆修正 はじめてのかたに http://ameblo.jp/ca-1pixel/entry-11476850674.html 特徴、「なぜいま注目されているのか」など 背景がわかりやすく書いている。とてもわかりやすい。 デメリット、問題点など http://qiita.com/hshimo/items/156249ec8e6dbf75205a Qiitaの記事です。 環境構築なら http://liginc.co.jp/web/programming/node-js/85318 nvmのインストールから簡単な使い方まで。 環境構築の良記事はたくさんあるけど、とりあえず ここみておけば問題ない。 使い方やノウハウ http://blog.asial.co.jp/1231 Node.jsでこんなこ
Node.js: nodebrew で node.js をインストールする | DriftwoodJP
nodebrew をインストールするnode.js をすでに利用しているならば、アンインストールが必要。 node.jsのversionを管理するためにnodebrewを利用する – Qiita [キータ]node.jsの管理をhomebrewからnodebrewに変えて、npmをインストール – Qiita [キータ]nodebrew の公式を確認しながら進めます。 hokaccha/nodebrewワンライナーでダウンロードする % curl -L git.io/nodebrew | perl - setup % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:
nodebrew, npm, grunt 環境構築手順 | DevelopersIO
注) macosxでの手順です。 nodebrew nodebrewはバージョンアップの速いnode.jsを、複数バージョン管理するためのツールです。 セットアップ curl $ curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl - setup wget $ wget https://raw.github.com/hokaccha/nodebrew/master/nodebrew $ perl nodebrew setup パス設定 .nodebrew内にnode.js がインストールされるので、PATH通します。 .zshrcや.bashrc などのファイルにこれを足せば良いだけです。 export PATH=$HOME/.nodebrew/current/bin:$PATH $ source ~/.
node.js 入れるなら nodebrew が超簡単 - tacamy--blog
node をバージョン別に使い分けたりしたかったので、nodebrew なるものを使うことにした（hokaccha++）。 最初は nvm 使ったんだけど、なんかうまくできなかった。 ~/.bashrc に設定書いたら、ターミナル起動するたびに nvm use v0.8.19 とか出てくるのがイラっとしたのでやめた。 1. nodebrew のインストール ターミナルに以下の 1 行コピペするだけ。超簡単。 curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl - setup 2. 環境設定ファイルにパスを通す いまだに「パスを通す」っていう意味が分かってないけど、これをやらないと、ターミナルを再起動したときに、せっかく入れたツールが使えなくなるっていう認識でおります・・。 私は ~/.bashrc を使っ
Yeomanインストール（其の１） nodebrewでNode.jsをインストール - 女心と秋の空。気の向くままに。。
Yeoman は Node.js で作成されているみたいで、Yeoman をインストールするためにはまず Node.js をインストールする必要があるみたいです。 で、その Node.js をインストールするには、Node.js のバージョン管理をしてくれるnodebrew がオススメらしい。 というわけで、 hokaccha/nodebrew · GitHub のインストール手順に従って、インストール開始。 $ curl -L git.io/nodebrew | perl - setup $ export PATH=$HOME/.nodebrew/current/bin:$PATH >> .bashrc $ source ~/.bashrc $ nodebrew ls-remote $ nodebrew install v0.11.8 $ nodebrew use v0.11.8 $ n
node.js の環境管理ツール nodebrew - Block Rockin’ Codes
intro nodebrew は バージョンアップの速い node.js を、複数バージョン管理するためのツールです。 ruby の rvm や、 python の virtualenv、 perl の perlbrew などの node.js 版と思ってもらえれば良いです。 自分はこれまで nvm を使っていたんですが、今年初めあたりから全てのマシンで nodebrew に乗り換えました。 今日はこの nodebrew を紹介します。 既存の node.js の環境管理 既存の、ものとしては nvm nave n nodeenv などがありました。 それぞれにあった問題については、過去に愚痴を書いています。 簡単にまとめると以下です。 nvm bash向けに書かれてて、zshなどと相性が悪い場合がある。 nave node へのパスを通した子shellを起動するタイプで、子shellとい
phiary
前回 nvm を使った Node.js, npm のインストール方法 について紹介しました. 今回は Node.js のパッケージ管理ツール npm の使い方と packcage.json の活用方法について紹介します. npm の使い方をマスターすれば, 自作の Node.js パッケージを 公開したり, Node.js を使ったプロジェクトをキレイに管理できます. ぜひ参考にしてください. npm ってなに? npm とは Node Package Manager の略で Node で 作られたパッケージモジュールを管理するためのツールです. 基本 Node.js をインストールすれば一緒にインストールされます. ターミナル or コマンドプロンプトで $npm -v を実行するとバージョンが表示されるのが分かるかと思います. Python でいう easy_install, もしくは
Node.js と grunt をインストールする « shilog
いろんなタスクを自動化させる grunt っていう便利なツールのことを知ったので、その導入まで。 環境はMac OS 10.7.5。 node.js をインストールする grunt を使うためには node.js が必要。 インストールするには node.js のサイト から、トップページにある『INSTALL』をクリックしてインストーラ（パッケージファイル）をダウンロードする。 あとはパッケージファイルをダブルクリックして開いて、画面の指示にしたがってインストールを進めていくだけ。インストールが完了したら terminal.app を起動して node -v と入力してバージョンを確認してみる。うまいことバージョンが表示されたら無事インストール完了。 続いて grunt をインストール。サイト に書いてあるように npm install -g grunt と terminal.app
npmでnode.jsのpackageを管理する
このTopicはWeb ApplicationのfrontendのProjectを管理するTopicの2つ目です。 node.jsのversionを管理するためにnodebrewを利用する npmでnode.jsのpackageを管理する grunt.jsを使って、frontendのビルドを行う 前提条件として、僕の環境はMac OSです。 npmとは？ npmはnode.jsのpackageを管理するためのツールです。 node.js自体はJavaScriptで出来たWeb Serverですが、frontendを管理するためのtoolもたくさんあります。 npmはnode.jsのpackageを管理すためのツールです。 Javaが分かる方は、mavenのようなものだと想像していただければ、分かりやすいかと思います。 npmでpackageをインストールする npmでpackageをインス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
それでもNode.jsをやる