IT

node.js + expressで開発環境をつくる

WisdomCodeで新しいWebサービスを開発するべくいろいろと開発環境を検討していましたが、検討の結果今人気のnode.js を使ってみることにしました。

個人的にHTML5、CSS3のリリースの後に急激な成長を遂げているJavaScriptは避けて通れない道であると思ったわけでございます。

以前の記事(マテリアルデザインの普及で、スマホアプリをブラウザで表現出来る時代がやってくる)にも、スマートフォンアプリでやっていることがそのうちブラウザでできちゃうんじゃないの??って書いたのですが ぶっちゃけ今ならできそうな気がして、知識欲を満たすためにもやってみることにしました。

 

 

構成について

掲題の通り、node.jsを使用して、テンプレートエンジンには、express+react を採用してみたいと思っています。

 

 

DBは多分mongoDBになるのかな って思っています。

 

 

全てが初めてっていうとんでもなく無謀なプロジェクト!一個も使ったことないわー、、

だけどひとつづつ乗り切っていけばいつか幸せになれる!きがする!

 

んでんで、JavaScriptのIDEって何をみんなつかってるのん??

ってことでいろいろ調べたんですけど、eclipseみたいな高機能なIDEは存在しなくて重鎮レベルになってくるとvimとか使っているみたい。

さすが重鎮。

私はvim練習中なので、現状はとりあえずAdobe Bracketを使ってみることにしました。

node.jsも最初から入っているみたいでHTML+CSS+JSで構成されたプロジェクトであれば問題なく開発に耐えられるみたい。

なにより拡張プラグインが充実しているので、Gitの連携とかnpmなんかもイケるとかなんとかでいろいろいい感じのエディタです。

 

というわけで、開発環境を作ってみることにしました。

その備忘録です。

 

環境構築をするOSは Mac OS X Yosemite です。

 

homebrewのインストール

OS Xのパッケージマネージャー homebrewをいれます。

ターミナルを起動して、以下のコマンドをコピペしてエンターでインストール終了。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

 

gitのインストール

以下のコマンドをターミナルで実行。

brew install git

 

node.jsのインストール

以下のコマンドをターミナルで実行。

brew install node

 

node.jsをインストールすると勝手にnpmも入ります。

 

bowerのインストール

bowerはTwitter社がつくったパッケージマネージャー。

mavenみたいなやつです。

npmで落とします。

以下のコマンドをターミナルで実行。

 

npm install -g bower

 

expressのインストール

以下のコマンドをターミナルで実行。

npm install -g express

 

さらにこちらも同様にインストール。

npm install -g express-generator

これをいれることでexpressコマンドが使えるみたい。

expressコマンドをつかってワークスペースにプロジェクトをつくっていきます。

 

expressプロジェクトを作成

プロジェクトを作成したいディレクトリで以下のコマンドをターミナルで実行。

express test-express

※express のうしろにプロジェクト名を入れる。

 

サーバーの起動確認

起動確認をします。

 

expressプロジェクトへcdして、

node app.js

を実行。

 

すると

 

module.js:341

throw err;

^

Error: Cannot find module ‘wcmap’

at Function.Module._resolveFilename (module.js:339:15)

at Function.Module._load (module.js:290:25)

at Module.require (module.js:367:17)

at require (internal/module.js:16:19)

 

というエラーがでてしまった。

npm install -d

 

を実行して依存関係のあるもの全部落として、再度

npm start

を実行。

http://

 

 

 

ABOUT ME
ケイスケ
1985年名古屋出身。一児(娘)の父。東京のIT企業で8年在籍し、多くの案件を渡り歩いたのちフリーランスとして独立。エンジニアのお仕事とブログで生活しています。月間70,000PVの当ブログ「けいさんぽ。」の主宰。ライフハック、グルメ関連の娯楽記事が中心です。