2012年10月30日火曜日

[IntelliJ IDEA]nodejs と npm

ぜんぜんわかんない。。。

多分、やり方間違ってる記事です。

package.json みたら書いてたバージョンそのままです。（これでいいのかもわからんす）
express3.0.0
socketio0.9.10

とりあえず、IDEA に nodejs プラグインを入れた。

mac に nodejs と npm をインストールした。
参考


IDEA 上から npm でライブラリをインストールしたりする方法がわからない。
プロジェクトディレクトリ直下には node_modules という刺激的なディレクトリがあったのでついなんとなく、
IdeaProject ディレクトリの該当プロジェクトディレクトリまで移動してそこで npm install socket.io とか
npm install cookie とかしちゃった。

参考にさせてもらったサンプルソース

まあこれで動いてるのでとりあえずこれで。

そのうち分かってくれば、本当はこうだったというのがわかるだろう。

ご指摘お待ちしております。
投稿者 時刻: 0 件のコメント:

2012年10月25日木曜日

[IntelliJ IDEA]coffeescript が実行できない

Macです。

coffeescript を書くということだけにおいては
IntelliJ IDEAで適当な Web Module でプロジェクトつくって
*.coffee なファイルを作って開くだけ。

coffeescript のプラグイン有効にしてたら
シンタックスハイライトもしてくれる。

右クリック -> Preview Compiled CoffeeScript File...
で coffeescript を javascript に変換してくれる。

で、ここまではいいんだけど。

coffeescript そのまま実行したいんすよね。

右クリック -> Create 'XXXXX.coffee'
で Edit Configurations を表示して
確実に存在するパスを指定して（which node とかでね）
nodejs の実行パスや coffee の実行パスを指定。

Run すると次のエラー。



/usr/local/bin/coffee src/test.coffee

env: node: No such file or directory



Process finished with exit code 127

ぜんぜんわかんないの。

こんな ISSUERが登録されているみたい。

アプリケーションのplist（プロパティリスト）触ったらいいよ、ってさ。
でもなぜぼくたちがIDEを使うかというと一度設定したら二度気にしないためにIDEを使う。
こんな七面倒臭いことをIntelliJ IDEAのアップデートごとにやってたらIDEの本質を損なう、って指摘があった。
そうだそうだ！

ということで、そのうちなおすはず。

ワークアラウンドにプロパティリストで回避するのはありか。
投稿者 時刻: 0 件のコメント:

2012年10月2日火曜日

[IntelliJ IDEA]PHP開発環境をつくってみた



窓にphp開発環境つくる

開発環境といえば、デバッグ、テストできて当たり前。
ソース管理はgitかsvnだけどこれはどのプログラミング言語でも一緒だから割愛。

Apacheいれるのめんどくさいので
php5.4 の Built in web server を使う。

http://d.hatena.ne.jp/nowokay/20120531

ぬこびーんでできるし
IntelliJ IDEA でもできるんじゃね？
ってことでIDEは使い慣れた（い）IntelliJ IDEAで。

■phpのインストール



http://memorva.jp/memo/windows/php.php

ZIP版のほうがありがたいのでZIP版で。
2012/10/02 時点でもインストーラーはないっぽい。

C:\opt\php として展開。

環境変数に PATH=$PATH;C:\opt\php を設定。
→Rapid EE が便利だよ！

コマンドラインで php -v でパス通ればOK。

■IntelliJ IDEA でプロジェクト作成



PHP Module があると思ってたけどなかった・・・。

Web Module にして Empty module で Finish.

File -> Settings の PHP で
PHP language level : 5.4
Interpreter で ... を押下して + で
C:\opt\php を指定したインタプリタを選択。
もちろんphp5.4ね。

PHP -> Servers も設定しておく。
Name は適当、Hostはlocalhost、Portは80、DubuggerはXdebugで追加。

Settings は OK にして Editor に戻る。

Edit Configurations で
PHP Built-in Web Server を設定。
Hostはlocalhost、Portは80、DocumentRootはプロジェクトフォルダでOK。

ついでに PHP Web Application で Server（PHP -> Servers で追加したやつ）、
Start URL、Browserを設定しておく。

PHP Built-in Web Server で作成した設定を実行すれば
PHP Built-in Web Server が起動する。

適当なスクリプト（phpinfo()とか）を作って
PHP Web Application で作成したい設定を実行すれば
ブラウザが立ち上がって参照できる。

■xdebugのインストール



デバッガー。

http://keicode.com/cgi/introducing-xdebug.php

phpinfo(); なスクリプトで DebugBuild が no になっているかを確認。

※no になってないときはわかんない。php.ini さわるかんじ？

php5.4 なので http://www.xdebug.org/download.php から
PHP 5.4 VC9 (32 bit) をDLした。環境にあわせてね。
あと、TS ってなに？こっちの dll だとダメでした。

php.ini に
zend_extension="C:\opt\php\ext\php_xdebug-2.2.1-5.4-vc9.dll"
を追記。
参考サイトにあるように zend_extension_ts としたけどダメでした。
php.ini の場所は Loaded Configuration File で。

C:\opt\php\php.ini-development をコピって php.ini を作った。

ここに上記の内容を追記してサーバ再起動。

IntelliJ IDEA上でブレークポイントを設置してデバッグ実行、
ブラウザを表示しようとしたらちゃんとデバッグできた。

※2012/10/06 02:56:01 追記

これだけだとうまくデバッグできないですね。
できなくなって、このメモを見返して気付きました。
リモートデバッグもうまくやったらできるんでしょうがそれはまだ調べてません。
再生マークみたいなアイコンの左くらいにあるプルダウンから Edit Configuration を選択して、
Run/Dubug Configurations 画面で ＋（追加） を押して
Server は Settings -> PHP -> Servers で登録してる localhost、start URL を / とか適当なもの、Browser も適当なものを選択してOK.
あとはデバッグするだけでブラウザで start URL が立ち上がってパラメータにそれっぽいのが確認できます。
もし / とかが静的ファイルだったらPHPスクリプトが動くところに移動するとCookieにXDEBUG～ってキーバリューが保存されるのでこれでパラメータなしでもデバッグで止まるようになります。
なんかもっとうまいやり方あるんだろうなって思いながらとりあえずデバッグできるのでまたやりたいことが次のステップにむいたときに調べます。
もし教えてくれると嬉しいです。

参考
http://www.jetbrains.com/idea/webhelp/php-debugging-session.html


■pearのインストール



ライブラリ管理ツール。

これはやらなくてもいいんだけど
phpunitを手で入れようとしたら失敗したからこれで。

窓のpearはめんどかった。
UNIX系は楽なんかな。
知らん。

http://d.hatena.ne.jp/takeru-c/20110912/1315796049

で、このとおりやって pear のインストールはOKなんだけど、
pear 経由でライブラリを入れようとすると

PEAR_Config::writeConfigFile fopen('C:\Windows\pear.ini','w') failed (fopen(C:\W
indows\pear.ini): failed to open stream: Permission denied)

になる。

ちゃんと回避したはずなのに。

http://www.glamenv-septzen.net/view/40

結論：PHP_PEAR_SYSCONF_DIR 環境変数を設定せよ。

とあるように環境変数を設定すればいいみたい。

PHP_PEAR_SYSCONF_DIR=C:\opt\php\pear\

として設定。

このあたりの詳細は上記サイトでちゃんと説明してくれてる。

とりまこれでOK。

■PHP Unit のインストール



http://www.atmarkit.co.jp/fcoding/articles/phptest/02/phptest02a.html

とりあえず pear 叩いてインスコした。

それっぽいのができた。

※2012/10/03 19:13:37 追記

File -> Settings の PHP で
Include path に C:\opt\php\pear みたいにパスを指定しないと
PHP Unit の補完ができないので指定しとく。



■PHP Unit をIntelliJ IDEA から



さあ テストドリブンに開発すっぞ！
ってことでIDEかららくらくテストコード生成してゴリゴリできるようにする。

Edit Configurations から PHPUnit を作成。
※PHPUnit on server ってなに？状態です・・・

http://www.jetbrains.com/idea/webhelp/run-debug-configuration-phpunit.html

Direcotory は test ディレクトリをプロジェクト配下に作成。

PHP Unit では Skeleton Generator でスケルトンクラスを出力するみたいで
PHP Unit とは別モジュールでSkeleton Generator が配られているみたいです。

http://www.jetbrains.com/idea/webhelp/generating-phpunit-test-class.html

上記サイト内のリンクに http://www.phpunit.de/manual/3.6/en/skeleton-generator.html へのリンクがあって
これをみながら pear を叩いて Skeleton Generator をインストールした。

File -> Settings で PHP -> PHPUnit -> Skeleton Generator で
Use Skeleton Generator を チェックして、
pear config-show で bin_dir の値 C:\opt\php\pear を
Path to phpunit-skelgen として設定。

これで準備万端と思いHTML内にphpスクリプト埋め込んだコードで張り切って
CTRL ＋ SHIFT ＋ T おしても無反応。
右クリック -> Go To -> Test がグレーアウト。
ダメじゃん。

設定間違えたかな？と思ってもあってる気がする。

ためしに PHP File じゃなく PHP Class を新規作成して
有効なスクリプトステートメントで CTRL ＋ SHIFT ＋ T 押したら
Go to Test... と書かれたウィンドウが！
OK して テストクラス名や出力ファイル名、出力ディレクトリを指定して OK.
生成されましたー。

で、（JSPでごりごりViewにロジック書くような汚い）テンプレートに記述したスクリプトは
さすがにテストできないのかな。
WebUnit的なもの？でノード解析とかしちゃう系？

とりま、ここまで。


投稿者 時刻: 0 件のコメント:

2012年9月30日日曜日

[other]Apache JMeter

Apache JMeter はJavaで書かれたパフォーマンステストなどに用いるツール。


techscoreで使い方は参照しつつとりあえず使えるレベルでした。

で、今日新しく知ったこと！
  • HTTPプロキシを使ってブラウザの操作を記録できる
  • コマンドラインで実行できる
  • コマンドラインから引数（プロパティ）でスレッド数など変更できる
  • リモート上のJMeterを操作できる
ドキュメントちゃんと読んだら当たり前なんだろうけど。

HTTPプロキシでページ情報を収集できるのはすごい便利。

シナリオを作成するストレスがかなり低減された。

コマンドラインで実行できるというのも非常に楽。

●HTTPプロキシ

●コマンドライン実行

●コマンドライン引数

●リモート

投稿者 時刻: 0 件のコメント:

2012年9月20日木曜日

[Python]mac に virtualenv を入れる

■easy_install
まずはここから。
mac だからかはわからないが、easy_install がエラーになったので、下記を参考に distribute の easy_install を入れた。
http://d.hatena.ne.jp/buta9999/20120329/1333028463

curl -O http://python-distribute.org/distribute_setup.py
python distribute_setup.py

このあたりのパッケージ管理は歴史的にゴタゴタしていたらしい。
東風さんの記事「パッケージ管理」がとても参考になります。
http://ymotongpoo.hatenablog.com/entry/2012/09/16/090842

■virtualenv と virtualenvwrapper

sudo easy_install virtualenv
sudo easy_install virtualenvwrapper
でインストール。

これはこれでOK。

■ログインシェルの設定
パスが通っていないので workon や deactivate できない。
どのシェルにパス通せばいいかというと
sudo find / -name "virtualenvwrapper.sh"
で検索できるそれっぽいやつ。

わっすの場合、
vim ~/.bash_profile
して
export WORKON_HOME=~/.virtualenvs
. /usr/local/bin/virtualenvwrapper.sh

これらを追記しました。

で、ログインし直すなり source ~/.bash_profile してパスを通してから
workon
するとコマンドが迷子になりません！
やりました。
成功です。
あとは、
mkvirtualenv hogehoge
して仮想環境つくって、~/.virtualenvs/hogehoge とか見に行ったりできたらOK。
deactivate で仮想環境から抜けられます。


投稿者 時刻: 0 件のコメント:

2012年9月19日水曜日

[IntelliJ IDEA]Sphinx を使う

IntelliJ IDEA で Sphinx にて reST を変換して HTML 出力するまで。

■Sphinx のインストール
まず、easy_install をインストールします。
Mac なら次。
参考 http://d.hatena.ne.jp/buta9999/20120329/1333028463

$ curl -O http://python-distribute.org/distribute_setup.py
$ sudo python distribute_setup.py

Windows ならdistribute_setup.py をブラウザとかでDLして これを実行で。

（一応、Mac は virtualenv 環境あるので workon しとく。）
次に、sudo easy_install sphinx で依存含めてインストール。

Mac なら which sphinx-quickstart ができる、
Windows なら where shinx-quickstart ができれば正常にインストールできてます。

■sphinx-quickstart

適当に sphinx のプロジェクトレベルの設定ファイルやらソースファイルやらアウトプットやらをおくディレクトリを作ってあらかじめそこに移動。

sphinx-quickstart してプロジェクト名、作者、バージョンくらいを入力して他デフォルトOKしとく。

■IntelliJ IDEA で インポート
Create project from existing sources でさっき作ったディレクトリのパスを指定して python でプロジェクトを作る。

■ビルドの設定
Edit Configurations で Python docs -> Sphinx task を選択。


次に、Command 、Input、Output 適宜入力。


これで準備OK.

あとは makeすればできる。

■mac の場合の補足
http://memo.yomukaku.net/entries/UaLbzhE

XCode のインストールと Command Line Tools をインストールする。
gcc -v か which gcc と which make でインストール確認。

これインストールしとかないと make コマンドがたたけない。

■自分メモ
IntelliJ IDEA で virtualenv したかったらSDKの設定で普通に virtualenv 環境のパス配下にある Python へのシンボリックリンク「/Users/zono/.virtualenvs/path/hogehoge/python」みたいなのを使えばいい。

すると IntelliJ IDEA が次みたいな感じでsite-packeges も自動でロードしてくれた。
file:///Users/zono/.virtualenvs/sphinx/lib/python2.7/site-packages/*.egg

あと、隠しフォルダがもし見えないときは ln -s /Users/zono/.virtualenvs/sphinx/ /Users/zono/sphinxenv とかって適当にシンボリックリンク作るとなんとかなる。

NameError: Cannot find sphinx in selected interpreter.

こんなエラーになったときは、IntelliJ IDEA のプロンプトに表示される
/Users/zono/.virtualenvs/sphinx/bin/python "/Users/zono/Library/Application Support/IntelliJIdea11/python/helpers/rest_runners/sphinx_runner.py" -b html /Users/zono/sphinxdocs/zonote /Users/zono/sphinxdocs/zonote/_build
みたいなのを確認しよう。
私の場合はシステムの python になっちゃっていたので、Edit Configurations で実行する python を virtualenvs 配下のものに変更したら正常に動作した。

IntelliJ IDEA で無理やり？かはわかりませんが、virtualenv も問題ないのでどんどん virtualenv 環境を作っちゃいましょう。
もちろん、 virtualenvwrapper 使います。


投稿者 時刻: 0 件のコメント:

2012年9月12日水曜日

[WebStorm]Live Edit する方法

私が迷ったのでメモ。

※IntelliJ IDEA でも Live Edit できました。プラグインから Live Edit をインストールしてWebStorm と同じようにすればOKです〜。

■環境

WebStorm 5.0
Chrome21

■Live Edit の設定

View に Live Edit があるのでチェックしておく。

Preferences -> IDE settings -> Live Edit
にオプション2つあるので両方共チェックしておく。

WebStorm の右下のほうに EventLog があるのでこれを押下。

23:37:59 JetBrains Chrome Extension
         JetBrains Chrome Extension for Live Editing will be automatically installed after you restart Google Chrome.
         If you wish to install it manually without restarting Chrome, follow this procedure (link opens in a new Chrome window).
このように書いてるのでリンクをクリック。

ポートはそれぞれ変わるような気もしますが http://localhost:63363/index.html にリンクしました。

こんな画面が出ます。

ここに書かれている通り、 Chromeプラグイン jb.crx を名前を付けて適当なパスに保存する。

Chromeの 設定 -> ツール -> 拡張機能 で画面を開き、さっきの jb.crx ファイルをドラッグ・アンド・ドロップする。

これでプラグインをインストールできる。


Chrome21ではChromeウェブストア以外からはプラグインをインストールできないようなので、一旦自分のローカルマシン上にプラグインファイルをDLしてこれを拡張機能の画面へドラッグ・アンド・ドロップすることでプラグインをインストールできるみたいです。


あとは WebStorm に戻って View ｰ> Open in Browser で Chrome で HTML を開く。

こんな感じで表示されていれば Live Edit できます。


投稿者 時刻: 0 件のコメント:
登録: 投稿 (Atom)