2017-02-21

Expressを使ってみる

Express Node.js

Expressってなに

Node.jsのウェブアプリケーションフレームワークです。Node.jsのフレームワークはKoaや RailsライクなSailsなんかがありますが、おそらくExpressがもっとも有名ではないかと思います。

準備

環境：macOS Sierra10.12.3

とりあえず本家サイトのインストール手順にしたがって環境を整えます。

expressjs.com

mkdir express_test
cd express_test
npm init

express_testというディレクトリを作成、そこへ移動。npm initでpackage.jsonというファイルをつくります。このコマンドを実行すると、いろいろ質問されますが、一つの質問を除いては、ただリターンキー（エンターキー）を押していくだけで良いです。
例外の質問とは

entry point: (index.js)

という項目です。
ここでは、メインのファイル名を入力します。今回はapp.jsとしました。
上手くpackage.jsonが作成されれば、次のコマンドでExpressをインストールします。

npm install express --save

グローバルでインストールしても良かったのですが、動かなかったときが怖いので、express_testのディレクトリ内にのみ入れました。

ハローワールド

メインファイルであるapp.jsを作成し、次のように書きます。

var express = require('express')
var app = express()

app.get('/', function (req, res) {
  res.send('Hello, Express!!')
})

app.listen(3000, function () {
  console.log('Listening on port 3000!')
})

作成したら、ターミナルで

node app.js

と実行します。

ブラウザのURL欄にhttp://localhost:3000/と打ち込んで Hello, Express!!と出力されれば成功です。

参考

expressjs.com

2017-02-19

MacにNode.jsをインストールする

Node.js

前提条件

2017.2.19現在の情報
homebrewインストール済み
現在node.jsが入っていない
黒い画面を操作できる

手法

node.jsをインストールする方法はいろいろあるのですが、今回はnodebrew というものを使います。nodebrewでは複数のnode.jsを切り替えたりして使うことができます。Rubyのrbenvに近い感じです。node.jsは開発が盛んに行われているので、急な仕様変更にも対応できるように注意する必要があります。

本題

とりあえずnodebrewをインストールします。

brew install nodebrew

入ったか確認するには、nodebrew -vかwhich nodebrewと入力すれば良いです。

nodebrewが入ったら、次はnode.jsをインストールしていきます。
インストールできるnode.jsは

nodebrew ls-remote

で確認できます。

今回は最新版をインストールしたいと思います。
最新版をインストールするには

nodebrew install-binary latest

と打ち込めば良いです。
特定のバージョンのnode.jsをインストールしたい場合はlatestの部分を v7.1.0のようにすれば良いです。

ちなみに、僕の場合はインストールの際、このようなエラーが出ました。

Fetching: https://nodejs.org/dist/v7.5.0/node-v7.5.0-darwin-x64.tar.gz
Warning: Failed to create the file
Warning: /Users/home/.nodebrew/src/v7.5.0/node-v7.5.0-darwin-x64.tar.gz: No
Warning: such file or directory
                                                                           0.0%
curl: (23) Failed writing body (0 != 941)

参考にさせていただいたサイトに対処法がのっていたので、そのまま採用させていただきました。こういうのは非常にありがたいですね。（リンクは下にあります）
このようにディレクトリを作成した結果、上手くいきました。

mkdir -p ~/.nodebrew/src

nodebrewに入れたnode.jsのバージョンを確認するには

nodebrew list

と入力します。

下の方がcurrent: noneとなっているはずです。これは、使用するnode.js が選択されていない状態を指します。

nodebrew use  v7.5.0

とすることで使用するnode.jsのバージョンを指定することができます。もう一度nodebrew listと入力すると、current: noneだった箇所が指定したバージョンになっているはずです。

最後にパスを通します。

echo 'export PATH=$PATH:/Users/user_name/.nodebrew/current/bin' >> ~/.bashrc

隠しファイルである.bashrcに追記を行っています。user_nameの部分は自分のユーザ名を入力しましょう。
本当に追記されたか確認したい場合は

tail -n1 .bashrc

とでも打って確認してみましょう。

ターミナルを起動しなおし、node -vで指定したバージョンが出力されればオーケイです。
なお、Node.jsを入れるとnpmもセットで入ります。
npm -vでバージョンを確認することができます。

2017.3.2追記

ターミナルの調子が悪かったのかどうなのか理由は不明ですが、ターミナルを起動しなおすだけではnodeのパスが通らない現象が起きました。
そのときは、source ~/.bashrcとコマンドを打ち、.bashrc自体を読みなおしてやれば、上手くパスが通りました。

ちなみに、自分の環境では.bash_profileにsource ~/.bashrcと追記してあります。
.bash_profile を読み込むと.bashrcも読み込まれる設定というわけです。
なので、環境によっては、パスを通すときの.bashrcは.bash_profileに読みかえてもらえてもらえれば、と思います。

参考

2017-02-01

vimのカラースキーマをMolokaiにしただけ

vim

Molokaiが結構良いみたいなので

Macのターミナルのvimでやっています（Windowsだとおそらくキツイ）

今までデフォルトのカラースキーマで満足していたのですが、ほかの人のvimを見て「いいな」と思い導入することにしました。
続きを見てもいいですが、僕が参考にした以下のサイトを見れば一発でできると思います。（それだけ簡単だった）
ponkiti’s blog VimのカラースキームをMolokaiに変更する

手順

ターミナルを開いて、以下のコマンドを順に実行します。

$ mkdir ~/.vim
$ cd ~/.vim
$ mkdir colors
$ git clone https://github.com/tomasr/molokai
$ mv molokai/colors/molokai.vim ~/.vim/colors/

.vimという隠しディレクトリを作成し、さらにその中にcolorsというディレクトリをつくります。そこにネットからもってきたmolokaiをぶちこみます。続いて.vimrcをvimで開きます。（なければ作成）ファイルには以下のように追記します。

syntax on
set t_Co=256
colorscheme molokai

おまけ

なんか短くなってしまったのでvim関連で自分が最近驚いたことをメモしておきます。
:e .と入力するとvim内で現在いるディレクトリのエクスプローラが表示されます。地味に便利。

WebEngine

だらだらと綴る技術系メモ