IDEA*PAD開発で使ったツールいろいろ

開発に勢いをつけるためにも、最近の開発環境などをまとめてみます。「もっとこういう便利ツールがあるよー」なんて方は是非ご教授くださいませ。

では早速。あまりまとめずにだだだっといきます。

• 秀丸 & Vi

エディタは定番の秀丸を。Eclipseなんかもよさそうですが、ちょっと重そう。あと気になるのは赤松さんが使っているさくらエディタ。関数の一覧が出る、というのが便利らしい。

なお、秀丸ではマクロとか特に使っていないですね・・・。Grepや、「Grepして置換」はよく使うけど。すっごく便利です。

» 秀丸の「grepして置換」がすごい便利になっていた件 – IDEA*IDEA

またサーバー側のエディターはもっぱらVi。標準でついているので覚えておくと便利だし。でもそろそろEmacs・・・かな。

• VMware Server & CentOS 5

フリーで使えるものばかりでサーバーをWindows内に立ち上げています。VMware ServerはVersion 2がはげしく使いにくいのでいまだに1.08で。古いバージョンのダウンロードページが奥すぎるのでがんばって探してください。



↑ 便利ですよねー。

CentOSは標準的な構成で（Apache+MySQL+PHP）。入れているのはPHP高速化のためのAPCぐらいかな・・・。

» PHP（というかWordPress）高速化のためにAPC（Alternatice PHP Cache）入れた – IDEA*IDEA

あとSambaでWindows XPからファイルにアクセスできるようにもしています。こちらも便利ですよね。

しかしそろそろXenに挑戦したいところ。この前id:naoyaに会ったときに強く勧められたし。なお、サーバーまわりをやりたいならこれを読め、とのこと。特に第4章だそうです。「とにかく第4章」「第4章を読めばわかる」「まずは第4章」と連呼しまくりでした。



» [24時間365日] サーバ/インフラを支える技術

• TeraTerm

ターミナルはTeraTermで。秘密鍵認証なのでTeraTerm Menuもあわせてインストールしていますよ。PedorosaやPuttyもありますが、どれがいいのでしょうかね・・・。なんとなく慣れているから使っていますが。

• screen

必須ですね。ウィンドウには名前をつけてわかりやすくしています。



↑ こんな感じ。

• GitHub

バージョン管理はGitHubで。かなり便利。何が便利かというとGitが便利というだけですが。GUIがないとかいろいろありますが、あのコミットのさくさく感が素敵です。

なお、GitHubはプライベートリポジトリを持つためには有料プランが必要です。個人的には数ドル払ってもいいかな、と思っているというか、その数ドル分を取り戻すためにも開発せねば！という貧乏根性ドリブンの開発スタイルを貫きたいと思いますｗ。

» はじめてのgit – IDEA*IDEA

• jQuery

JavaScriptのライブラリはやっぱりjQueryで。「話すように書く」というチェーンとか美しすぎてたまに涙出ますよね（嘘）。プラグインも豊富なのでありがたいです。ちなみにIDEA*PADで使っているのは角丸を描画するjQuery Cornerです。

» JQuery Corner Demo

• IETester

頭の痛いIE6対策ですが、IETesterでテストしています。いろいろ他にもツールがありますが、これが一番安定しているかな・・・。おすすめです。



↑ なくてはならないツールですね。

• Delicious

サイトを作るときに悩むのがインターフェースデザイン。こういうのは他のサイトからインスピレーションを得るのが一番です。個人的にやっているのは「お、いいかも！」というサイトはdeliciousに「Designタグ」をつけて放り込んでおく、という技。

デザインが良いサイトは探そうと思ったときに探せないものです。普段から「いいかも！」的なサイトはブックマークをしておくことをおすすめします。

なお、はてブでもいいのですが、Firefoxのアドオンが秀逸なのと記事単位ごとにプライベート設定ができるのでこちらを使っています。

• Firefox＋アドオンいろいろ

開発するときのブラウザはFirefox。その理由は主にFirebugですがｗ。せっかくなので開発時に使うアドオンをいくつか。

• Firebug

定番。console.info()とか使いこなすといい感じです。

• ColorZilla

「この色いいな！」と思ったらこれでコピーしています。便利。

• Firefox DNS Flusher

開発環境と本番環境を切り替えるときに。

• IE Tab

さっとIEでどう見えるか知りたいときに。

• JSView

今読み込まれているJavaScriptにさっとアクセス。

• Live HTTP Header

変な挙動になるときにチェック。

• TwitterFox

気分転換にｗ。複数アカウントをさくっと切り替えられて便利。

• User Agent Switcher

ケータイ版とか作るときに。

• View Source Chart

Firebugでもいいのですが、全体の構造をすっきり把握したいときに便利。DOMの構造をわかりやすく表示してくれます。



• Photoshop

グラフィック系はPhotoshopで。Version 6なのでそろそろなんとかしたい。CS4買うか・・・。イラレも持っていますが実は使いこなせていないです・・・。

• Hosts File Manager

hostsの切り替えに。さきほど紹介したDNS Flusherとあわせてなくてはならないツールですね。次のエントリーの最後の方で詳しい使いかたを紹介しています。

» github.comでphp-users.jpを管理するまでの作業ログ – IDEA*IDEA

• Skype

主に青い人に質問する用ｗ。いつもありがとー。

• Qdmail

今回からメール系の処理はこれでいっときましょう。日本語のメールを文字化けとかエンコーディングとか気にせずに扱えるようになります。すっごく簡単。HTMLメールにも対応。あとCakePHPのコンポーネントとしても使えるらしい。ブラボー。

• jQuery API Browser

前にも紹介しましたが、やっぱり便利。開発中はずっと立ち上げていたような。jQuery APIレファレンスのAIR版です。

» 『jQuery API Browser』のAIR版がすっごく便利じゃね？ – IDEA*IDEA

以上ですかね・・・。何か忘れている気がしないでもないですが（汗）。ネットサービスを作るときのご参考までに。なお、「他にもこういうのが便利だよー」というのがあれば是非教えてくださいませ。