enchant.js 使ってみた

websocket が凄すぎるので(←遅い)javascript 始めてみました。
適当にどんな感じで開発してるか軽くメモっときます。


もっといい方法があれば教えてください!!

enchant.js

https://github.com/wise9/enchant.js/zipball/master


から落としてきて解凍。なかの examples/shooting/ を適当な作業ディレクトリにコピー
基本僕 Dropbox の下で作業してるので ~/Dropbox/work/js/test とかに移動。


中の index.html をダブルクリックしてシューティングが始まったら成功

cd ~/Dropbox/work/js/test
mv main.js main.old.js
touch main.js

新しい js ファイルを作って、サンプルのシューティングのソース(main.old.js)を見ながら色々弄るといいキガシマス!


http://9leap.net/
あとここにいけば、むちゃくちゃサンプルプログラムあるので大変助かります!


apache

iphone で実機確認が簡単に出来るとマンモスウレピーので mac 付属の apache を使ってみる。

sudo vim /etc/apache2/users/.conf

  • .conf

- Options Indexes MultiViews
+ Options Indexes MultiViews FollowSymLinks

プロジェクトファイルは Dropbox の以下にあるのでシンボリックリンクを貼るため設定を変更する。


あとプロジェクトファイルまでのパーミッションが全部 755 になってないとダメっぽいです。
僕の環境だと ~/Dropbox が 755 になってなかったので chmod 755 ~/Dropbox にしました。

cd ~/Sites
ln -s ~/Dropbox/work/js/test/ test


これで、上のメニュー > リンゴマーク > システム環境設定 > 共有 > Web共有 を on にする。
「パーソナル Web サイトフォルダを開く」の上に表示されている URL をクリック。


URL の末尾に /test を追加して表示されたら成功。
PC と同じアクセスポイントの wifi 接続した iPhone で URL を開いて表示できたら成功。

vim & ctags

恥ずかしながら今までタグジャンプ機能的なもの使用してませんでした( ;´。 `;)
こ、こんなに便利ならもっと早く使ってればよかった。。。

  • ~/.vimrc
nnoremap <C-[> :pop<CR>

brew update
brew install --use-gcc ctags
cd ~/Dropbox/work/js/test/
ctags -R

これで vim で main.old.js 開いて、適当なところで C-] を押すと定義の箇所にジャンプしてくれます。
C-[ でジャンプ前に戻ります。スゴイ!!


あと、ちょい vim でのインデントが微妙だったので適当の探してきたの使わせて頂きましたorz
http://d.hatena.ne.jp/h1mesuke/20100701/p1 を .vim/indent/javascript.vim に入れるとまぁまぁいい感じに。

tmux

全然 javascript と関係ないですが、いい機会なので自分のレガシーな部分を一新してみました。

brew install tmux

  • ~/.tmux.conf
unbind-key C-b
set-option -g prefix C-t
bind-key C-t send-prefix
unbind-key l
bind-key C-t last-window
unbind n
bind-key C-n next-window
unbind p
bind-key C-p previous-window
bind-key c new-window
bind-key q kill-server

set-window-option -g mode-key vi