Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CoffeeScriptによるモダンなWebアプリケーション開発

「CoffeeScript」の開発環境を用意して、サンプルを表示してみよう

CoffeeScriptによるモダンなWebアプリケーション開発 第2回

  • X ポスト
  • このエントリーをはてなブックマークに追加

 前回の記事では、CoffeeScriptの概要を説明しました。連載第2回目の今回は、CoffeeScriptを利用するために必要なツールをインストールし、実際にサンプルプログラムを動かしてみましょう。

  • X ポスト
  • このエントリーをはてなブックマークに追加

Node.jsのインストール

 CoffeeScriptを使用するには、まず開発環境へのNode.jsのインストールが必要です。OSによってインストール手順が異なるため、それぞれの環境ごとに手順を説明していきます。

Node.jsのWebサイト
Node.jsのWebサイト

Windowsへのインストール

 Node.jsのWebサイトからWindows用インストーラーをダウンロードしてください(注1)。ダウンロードしたファイルを実行するとインストーラーが開くので、[Next]ボタンを押してインストールします。

Windows用インストーラー
Windows用インストーラー

 インストーラーが終了したら[スタート]メニューから[ファイルを指定して実行]を開き、「cmd」と入力して[OK]ボタンを押し、コマンドプロンプトを開いてください。コマンドプロンプトで「node -v」と実行してバージョン番号が出力されれば、インストールが成功しています。コマンドが認識されない場合は、いったんコマンドプロンプトを閉じてから再度開いてみてください(※編注:一部の環境ではPATH環境変数の反映に再起動が必要なケースがあるようです)。

Macへのインストール

 Node.jsのWebサイトからMac用インストーラーをダウンロードしてください(注2)。ダウンロードしたファイルを実行するとインストーラーが開くので、指示に従ってインストールを進めます。

Mac用インストーラー
Mac用インストーラー

 インストーラーが終了したらFinderを開き、[アプリケーション]の[ユーティリティ]の中にある[ターミナル]を開きます。「node -v」と実行してバージョン番号が出力されれば、インストールが成功しています。もし、コマンドが見つからないというエラーが出る場合は、PATH環境変数に/usr/local/binが含まれているか確認してください。

Linux、UNIXなどへのインストール

 LinuxやUNIXではソースコードからコンパイルする必要があるため、Node.jsのWebサイトからソースコードをダウンロードしてください(注3)。ターミナルを開き、ダウンロードしたファイルのあるディレクトリに移動し、以下の手順でコマンドを入力するとインストールが実行されます。以下の例はファイル名がnode-v0.6.10.tar.gzの場合のものですが、実際にダウンロードしたファイル名によって適宜読み替えてください。

$ tar zxvf node-v0.6.10.tar.gz
$ cd node-v0.6.10
$ ./configure
$ make
$ make install  (必要に応じてroot権限で実行)

 上記のコマンドがすべて終了した後、「node -v」と実行してバージョン番号が出力されれば、インストールは成功です。

注1、注2、注3

 トップページの[DOWNLOAD]ボタンをクリックし、表示されるポップアップウィンドウから目的のプラットフォーム向けのインストーラーまたはソースコードを選択します。

CoffeeScriptのインストール

 Node.jsをインストールすると、nodenpmというコマンドがインストールされます。nodeコマンドを使うとコマンドラインでJavaScriptを実行できます。npmはNode.jsのパッケージマネージャで、npmコマンドを使って様々な追加パッケージをインストールできます。CoffeeScriptもnpmパッケージの一つとして提供されており、コマンドラインから次のように実行するとCoffeeScriptがインストールされます。

$ npm install -g coffee-script  (必要に応じて管理者権限で実行)

 インストールに成功すると、リスト1のように出力されます。

リスト1 インストールに成功した場合の出力例
npm http GET https://registry.npmjs.org/coffee-script
npm http 200 https://registry.npmjs.org/coffee-script
/usr/local/bin/coffee -> /usr/local/lib/node_modules/coffee-script/bin/coffee
/usr/local/bin/cake -> /usr/local/lib/node_modules/coffee-script/bin/cake
coffee-script@1.2.0 /usr/local/lib/node_modules/coffee-script

 インストールに失敗した場合は、リスト2のように最後に「not ok」と出力されます。ここでは「permission denied」と表示されており、書き込み権限が無いことが原因であると表しています。このような場合は管理者権限で実行しなおしてください。

リスト2 インストールに失敗した場合の出力例
npm http GET https://registry.npmjs.org/coffee-script
npm http 200 https://registry.npmjs.org/coffee-script
npm ERR! Could not create /usr/local/lib/node_modules/___coffee-script.npm
npm ERR! error installing coffee-script@1.2.0

npm ERR! Error: EACCES, permission denied '/usr/local/lib/node_modules/___coffee-script.npm'
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR!
npm ERR! System Linux 2.6.32-5-amd64
npm ERR! command "node" "/usr/local/bin/npm" "install" "-g" "coffee-script"
npm ERR! cwd /home/nao
npm ERR! node -v v0.6.10
npm ERR! npm -v 1.1.0-3
npm ERR! path /usr/local/lib/node_modules/___coffee-script.npm
npm ERR! code EACCES
npm ERR! message EACCES, permission denied '/usr/local/lib/node_modules/___coffee-script.npm'
npm ERR! errno {}
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR!     /home/nao/npm-debug.log
npm not ok

 インストールに成功するとcoffeeコマンドが使用できます。「coffee -v」と実行してバージョンが表示されることを確認しましょう。

$ coffee -v
CoffeeScript version 1.2.0

会員登録無料すると、続きをお読みいただけます

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

次のページ
coffeeコマンドでプログラムを実行する

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
CoffeeScriptによるモダンなWebアプリケーション開発連載記事一覧

もっと読む

この記事の著者

飯塚 直(イイヅカ ナオ)

1984年東京都生まれ。 高校時代に趣味でPerlやJavaを使ってプログラミングを始める。 慶応大学湘南藤沢キャンパス卒業後、共同通信社にてニュースサイトの開発などを担当。 その後、面白法人カヤックにてソーシャルゲームの開発などを手がける。 2012年現在、カヤックを退社し個人として活動し...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6392 2012/02/13 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング