「JavaScript開発環境」の版間の差分

提供: Node.js/JavaScript入門
移動: 案内検索
(ツール)
行18: 行18:
 
* ドキュメントジェネレータ
 
* ドキュメントジェネレータ
 
** [[JSDoc]]
 
** [[JSDoc]]
 +
* jsonフォーマット整形・絞込
 +
** [[jq]]
  
 
== Vimを統合開発環境 ==
 
== Vimを統合開発環境 ==

2014年9月8日 (月) 22:43時点における版

JavaScriptを書くための開発環境についてです。

概要

JavaScriptのプログラムを書く環境ですが、統合開発環境、エディタなどいろいろな選択肢があります。

  • Vim
  • Eclipse
  • Visual Studio
  • Aptana Studio
  • NetBenas

ツール

  • lint
  • ドキュメントジェネレータ
  • jsonフォーマット整形・絞込

Vimを統合開発環境

vim を統合開発環境(IDE)っぽく使うために、補完やシンタックスチェックの機能を追加するための設定(.vimrc)です。

NeoBundle 'Shougo/neocomplete.vim'
 
NeoBundle 'moll/vim-node'
NeoBundle 'mattn/jscomplete-vim'
NeoBundle 'myhere/vim-nodejs-complete'
 
autocmd FileType javascript :setl omnifunc=jscomplete#CompleteJS
 
NeoBundleLazy 'jelera/vim-javascript-syntax', {'autoload':{'filetypes':['javascript']}}
 
NeoBundle 'scrooloose/syntastic'
let g:syntastic_enable_signs=1
let g:syntastic_auto_loc_list=2
 
let g:syntastic_javascript_checker = "jshint"
 
" Document
NeoBundle 'heavenshell/vim-jsdoc'

npmjshintをインストールします。

$ sudo npm install -g jshint
...
jshint@2.5.5 node_modules/jshint
├── strip-json-comments@0.1.3
├── underscore@1.6.0
├── exit@0.1.2
├── minimatch@0.4.0 (sigmund@1.0.0, lru-cache@2.5.0)
├── shelljs@0.3.0
├── console-browserify@1.1.0 (date-now@0.1.4)
├── htmlparser2@3.7.3 (domelementtype@1.1.1, domutils@1.5.0, entities@1.0.0, domhandler@2.2.0, readable-stream@1.1.13)
└── cli@0.6.4 (glob@3.2.11)

実行環境

node.jsを使用します。インストールについては、node.jsのインストールをご参照ください。

# FreeBSD
$ sudo pkg install nodejs npm

実行方法は、以下の通りです。

$ node run.js

シンタックスチェック

jshintコマンドでチェックします。

$ jshint main.js

ドキュメントジェネレータ

JSDocなどのツールを使用するとHTML形式のドキュメント作成が簡単になります。

$ sudo npm install -g jsdoc
$ rehash
$ jsdoc hoge.js

ドキュメント作成補助

jsdoc.vim

Vimのjsdoc.vimを使用するとコメントブロックが瞬時に作成できます。

関連項目