JavaScriptの開発には、非常に便利だもんね！(≧∇≦)/

Aptana Studioをインストール

1. まず「ダウンロードページ」のページから、Aptana Studioをダウンロード。
   
   インストーラー版でも、zip版でもどっちでもいい。
2. インストーラー版を使った場合は、表示に従いインストール。
   
   zip版は解凍するだけなので、実はこっちの方が簡単かも（・∀・）
3. インストールが終わったから即起動・・・じゃなくて、とりあえず日本語化！（　ﾟ Дﾟ）

Aptana Studioを日本語化

Aptana Studioの初期設定では英語表示なので、Eclipseの言語パック「Pleiades」を利用して日本語化します。

1. まず「Pleiades (プレアデス)」サイトに行って、言語パックをダウンロード。

   
   とりあえず「Pleiades」をクリックすると・・・。

   
   大きいボタンがあるのでついつい押してみたくなるけど、そこはグッ（　ﾟ Дﾟ）・・・とこらえて。
   「Pleiades 本体ダウンロード」項目の「安定版 1.2.3（2008-11-28日現在）」のテキストリンクをクリックしてダウンロード。

2. ダウンロードしたzipファイルを解凍して、出てきた「features」と「plugins」フォルダごと、Aptana Studioのインストールディレクトリに移動。
   
   同名ファイルがあるので確認が出るけど、そのまま上書きコピー。
3. 次にAptana Studioのインストールディレクトリにある「AptanaStudio.ini」ファイルをテキストエディタで開き、最終行に以下の記述を追加。

   -javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash

4. 次に言語パックを反映させるのに、Aptana Studioを「-clean」コマンドで起動させる。

   たまにこの「-clean」コマンドが必要なんだけど、いちいちコマンド起動は面倒！
   なのでPleiadesの中に同梱されているバッチファイルを利用(≧∇≦)/
   
   まずファイル名が「eclipse.exe -clean.cmd」なのを、「AptanaStudio.exe -clean.cmd」と変更し、Aptana Studioのインストールディレクトリに移動。

5. 次にテキストエディタで開いて、「start .\eclipse.exe -clean %*」と記述されている行を

   start .\AptanaStudio.exe -clean %*

   と変更して保存。

   これで次回から「-clean」コマンドが必要な場合でも、簡単に実行できます。

6. バッチファイルからAptana Studioを起動させて、日本語化されてれば成功。

JavaScriptのエラー検証を有効化

Aptana Studioの初期設定ではJavaScriptの構文チェックが無効化されているので、チェックを有効化します。

1. Aptana Studioを起動させて、メニューのウィンドウ > 設定をクリックします。
2. 次に設定画面の左側のツリーからAtpana > エディター > JavaScript > 検証とたどって、バリデーター項目にチェックを入れ設定完了。
   
3. あらめて文法エラーのあるJSファイルを確認。
   
   構文エラーが出力されるようになったよ！(*°∀°)=3

タブと半角スペースを表示

Aptana Studioの初期設定ではタブと半角スペースが見えないので、可視化します。

今回は説明を省略しますが、全角スペースも可視化する場合は、プラグインの「jStyle」を追加します。

1. Aptana Studioを起動させて、メニューのナビゲートの下あたりにある、なんて言うのかわからないツールボタンをクリックするだけ。
   タブや半角スペース、改行コードまで可視化できます。
   
   ボタンはキャプチャ画像を参考にしてください(´･ω･`)
2. ついでに、その横のリストのようなボタンをクリックすると、エディタのピアノキーが有効になって、1行毎に色が変わります。
   
   初期設定のままだから、色が薄くて分かりにくいけど(＞_＜)

いくつかプラグインの導入方法も載せようかと思ったけど、以外と長くなったのでここまで。

また気が向いたら載せるかもです( ・ω・)

関連情報：
Aptana
MergeDoc Project (Eclipse 日本語化)
JStyle (Eclipse 改行、タブ、全角空白を表示)

関連記事：
xamppのインストール手順まとめ
Windows XPを再インストール中
コマンドプロンプトの覚え書き

まずは「xampp」と「Aptana Studio」をインストール。

いろいろ入れ直すのが面倒なので、いろいろ詰め込まれた「Pleiades All in One パッケージ」のEclipseでも入れちゃおうかとも思ったりもしたけど。

とりあえず「xampp」セットアップから、PHP、Mysqlの設定手順についてまとめ。

xamppをインストール

1. 今回は「apache friends」からxamppのインストーラー版をダウンロード。
   
   別にzip版でも、そんなに作業内容は変わんないので、好みで( ・ω・)
2. 表示に従って、さくさくインストール。
   

   インストール後に起動確認。
   

3. 今回は業務専用のパソコンでないので、パソコン起動毎にApacheとMysqlを立ち上げる必要はないから、スタートアップを手動に変える。

   コントロールパネル > 管理ツールから、サービスを起動してApacheとMysqlの「スタートアップの種類」を「手動」に変更。
   

Apacheの設定

「httpd.conf」を書き換えるんだけど、ある程度ファイルを分けてたほうが設定を間違った場合に修正しやすいので、「Include」を使って、自分設定を分けておく方が便利(*°∀°)=3

1. xamppのインストールディレクトリ > apache > confディレクトリに移動。
2. 「httpd.conf」をテキストエディタで開く。
   ついでに「httpd.conf」を別名でバックアップとかしてた方がいいかも(≧∇≦)/
3. 「httpd.conf」の最終行に移動して、

   #自分設定 (2008-11-26更新)
   Include "C:\自分のconfを置くディレクトリ\*.conf"

   みたいに記述しておき保存。

   あとは自分設定の保存予定地に、ファイル名.confの要領で好きなだけ設定を追加する。

   Apacheが動かなくなった時は、拡張子をtxtなんかにでも書き換えれば、どれが不具合起してるのか見つけやすくていいよ(゜∀゜)

4. 最後にApacheサービスを再起動して、ブラウザで「http://locslhost/」を叩いて、お約束の確認。
   

PHPとMysqlのパスを通す

コマンドラインからサクッと実行できるように、PHPとMysqlのパスを通しておきます（・∀・）

Mysqlはサービスを起動しないと実行できないけど、PHPはパスさえ通しておけば実行できるので簡単便利。
（php.iniのパスを渡してやらないと設定が違ってたりするけどね）

1. コントロールパネル > システム > 詳細設定から、環境変数をクリック。
2. システム環境変数の新規ボタンをクリックし、とりあえずxamppのパスを変数登録してあげる。
   
   ※画像はCドライブ直下にxamppをインストールした場合。

   必須じゃないけど、パスを通した時に少しでも見通しを良くするための俺仕様(^_^;)

3. システム変数の「Path」をダブルクリックしてパスを通す。
   

   今回はxamppのパスを登録しているので、Path変数の最後に

   ;%XAMPP%\php;%XAMPP%\mysql\bin

   を追加。

   ちょっと読みやすくなった！・・・よね？(＞_＜)

4. 変数が通ったか確認するのに、コマンドラインからPHPを実行。
   
   問題なし！(*°∀°)=3

   コピペ用にコードも載せておきます。

   php -r "echo phpversion();";

PHPの設定

これは好きにすればいいんだけど、とりあえずxamppバンドルのphp.iniは「magic_quotes_gpc」がOnになってるので、とりあえずこれだけ修正。

1. xamppのインストールディレクトリ > apache > binディレクトリに移動。
   ※xamppの場合、phpディレクトリのphp.iniはダミーなので注意！(＞_＜)
2. 「php.ini」をテキストエディタで開く。
   Apache設定同様に別名でバックアップとかしてた方がいいかもね！
3. テキストファイルから「magic_quotes_gpc」を検索。
4. 「On」から「Off」に書き換える。

Mysqlの設定

基本UTF-8で使ってるので、とりあえず文字コードをUTF-8に統一。

1. xamppのインストールディレクトリ > mysql > binディレクトリに移動
2. 「my」と見えている短縮ダイヤルファイルヽ（´ー｀）┌
   
   これがMysqlの設定ファイルなので、テキストエディタで開く。
   必要ならバックアップ（・∀・）

   windowsでは「cnf」拡張子が短縮ダイヤルファイルとして設定されてるんだね( ・ω・)

3. [mysqld]項目の直後に以下の記述を追加。

   default-character-set = utf8
   skip-character-set-client-handshake 

4. mysqlを起動し確認。
   だけど、このまま書くと読みにくいので、いったん切り上げます(゜∀゜)

Mysqlの文字コードを確認

1. xamppコントロールパネルなどから、Mysqlサービスを起動。
2. コマンドプロンプトでMysqlに接続するのに、以下コード実行。

   mysql -u root

   ※最初はMysqlのroot権限にパスワードがないので、この後でパスワード設定に移ります。

3. 次にデータベースの文字コードを列挙させる。

   show variables like "char%";

4. filesystem項目以外がUTF-8になっていることを確認して終了。
   

Mysqlにパスワードを設定

Mysqlのインストール直後は、rootユーザにパスワードが設定されてない(*°∀°)=3
このまま放置するわけにいかないので、パスワードを設定。

1. xamppコントロールパネルなどから、Mysqlサービスを起動。
2. コマンドプロンプトでmysqladminを使って、パスワードを設定。

   mysqladmin -u root -p パスワードに設定する文字列

3. パスワード設定後に、そのパスワードを使ってログイン。

   mysqladmin -u root -p

4. 実行後、パスワードを聞いてくるので、設定したパスワードを入力
   
   ログインできれば成功。

Mysqlにパスワードを設定２

一度パスワードを設定してしまうと、mysqladminから前に使ったコマンドでパスワードを再設定できないので、通常のパスワード設定方法も紹介。

1. xamppコントロールパネルなどから、Mysqlサービスを起動。
2. コマンドプロンプトから、とりあえずmysqlにログイン。

   mysql -u root

   すでにパスワードを設定している場合は、「-p」コマンドも付け加えてパスワードも入力。

3. ログイン後、以下コマンドを実行。

   set password for root@localhost=password('設定するパスワード');

   
   こっちだと何度でも再設定できる。

ちょっと1ページに詰め込みすぎたかもしれない。

明日、「Aptana」の初期設定方法も書く予定。

関連情報：
apache friends – xampp for windows

関連記事：
Windows XPを再インストール中
コマンドプロンプトの覚え書き

なんで、覚えてるうちにちょっとメモw

というわけで日本語入力する場合は以下を入力。

[Altキー] + [半角／全角キー]

入力ってか、キーを押すだけだけども。

日本語入力が必要な時って、パスに日本語が含まれる場合がほとんどなんで、大抵パスをコピペしてます。
そんなこんなで、いざって時にド忘れしてたり(＞_＜);;;

ちなみに、半角に戻す場合は[半角／全角キー]だけでも、[Altキー] + [半角／全角キー]でもどっちでもいい。

おまけ

入力する文字コードをUTF-8にする場合。

chcp 65001

chcpに送る番号(UTF-8)をたまに間違ったりする。

デフォルト（SJIS）に戻す場合は

chcp 932

を入力。

あとはDOS窓内が汚くなったりで、一度クリアしたい場合は

cls

ですっきりキレイになる。

以上！

そんなときは素晴らしい仕事をしてくれるフリーソフト「複数行置換」を使ってみましょう。

使い方もわかりやすく、且つよく使いそうな文字コードは網羅してくれているので、かなり重宝できます。

使い方を紹介

1. まず、Vectorの「複数行置換(Windows9598Me ユーティリティ)」ページからダウンロード。
2. ダウンロードしたlzhファイルを任意フォルダに解凍。解凍した「mlrep.exe」を起動
3. 置換対象のファイルが含まれるフォルダを選択し、任意で「置換対象のファイル名を指定」の項目で対象ファイルをフィルタリング。
   （すべてのファイルが対象でよければ「*.*」のまま触らない）
   サブフォルダも置換対称にするのであれば、「サブフォルダも検索する」のチェックも入れておく。
   今回は置換テスト用に以下のようなテキストファイルを用意しました。
   
4. 置換後ファイルが文字コードの指定ミスとかで壊れた場合とかに困るので、「置換前ファイルを退避」のチェックを入れてバックアップも作成するようにしておく。
   
5. 置換対象の文字列の検索に正規表現を使う場合は、「正規表現の使用」にチェックを入れる。
   （任意で「英数の大小文字の区別をしない」とか、正規表現のオプションにチェック）
6. 対象ファイルのエンコードにあわせ、テキストエンコードを選択。
7. 置換前と置換後の文字列を決定。
   
8. アプリの最下段、左にある「OK」ボタンを押して置換実行。
   
   確認メッセージが出るので、よければ「はい」をクリック。
9. 完了と置換したファイルの個数を教えてくれるので、「OK」を押して完了。
   
   完了後のテキストファイルは以下。
   

以上、細かく書いたので手順が多そうですが、設定もシンプルなのですごく簡単に使えます。

注意として、バックアップもチェックを入れておけば作ってくれますが、２回連続で実行しちゃったりすると、古いバックアップが新しいバックアップで上書きされて行きます。
（ただし置換対象のファイル名の指定が「*.*」などで、バックアップファイルも置換対象に含まれる場合は、バックアップファイルのバックアップが実行毎に作られていきます）

なので、あらかじめ作業用のフォルダを作っておいて、そこに置換対象のファイルをコピーしてから実行するほうが無難かもしれません。

贅沢を言えば、テキストエンコードの指定に自動判定があれば、ファイルごとに文字コードが違っていても一発で置換できて便利かな・・・とか思ったりもしますが、確認作業がめんどくさくなる気もするので、まぁいいか。

関連記事：
ちょっとしたテキストの置換に便利そうな「replace.wsf」

欲を言えばお気に入りにセパレータを入れたいとかありますが、結構積極的に更新されてる（されてた？）みたいなんで今後に期待です。

基本的にはタブブラウザの「Sleipnir」を連想させるインターフェースで、「Sleipnir」ユーザならそれほど違和感無く操作できるのではないかと。

初期状態だと「Sleipnir」とは若干マウスジェスチャの操作が変わるので、その辺り好みで登録しなおしておけばすごく使い勝手がよくなります。

というわけで「MDIE」の操作を少し紹介。

●メニューから「ウィンドウ(W)」「ウィンドウモード(M)」→「左右二画面(V)」でファイル移動に便利な２画面配置。

そのほかにも縦に並べたり、ウィンドウ内に並べて表示とかもできるので、この辺りは好みで。

●メニューから「ツール(T)」→「メニューキー設定(M)」でキーボードショートカットの登録。

マウスジェスチャとともに「MDIE」の真価が発揮できるキーボードショートカット。
とりあえず、Windowsに搭載されていない「新しいフォルダを作成」のショートカットを[ctrl]+[nキー]とかに登録すると便利。

あと、よく使うお気に入りもショートカットに登録できるので、インターネットのダウンロードフォルダとかを登録しておくと良いかも。
とりあえず、メニューにある操作は一通り登録できるみたい。

●メニューから「ツール(T)」→「マウスジェスチャ(G)」でキーボードショートカットの登録。

マウスジェスチャ搭載のタブブラウザとかに慣れてくると、Windowsのフォルダでも「戻る」や「進む」とかのジェスチャをしてしまう便利なマウスジェスチャ。
これもメニューにある操作は一通り登録できるみたいなので思う存分登録できます（混乱しないように）

とりあえず「一覧表示」や「縮小版表示」とか意外とめんどくさい操作はマウスジェスチャに登録することで少しだけ幸せに慣れます。

「Rクリック」ベースのマウスジェスチャは一部機能しなかったりするので、その場合は少し試行錯誤がいるかも。

使ってみた感想ですが、マウスジェスチャやキーボードショートカットのカスタマイズがすばらしいので、大変楽にフォルダ操作ができます。
ちょっと気になるのは「お気に入り」機能で最初に書いたセパレータの問題や、新しくタブで開くが右クリックからでしかできないので、[ctrl]＋クリックとかで新規タブで開ければもっと使い勝手がいいんですが。

JSスクリプトとかも作成すればメニューの「スクリプト(S)」から追加できるので、カスタマイズ性は本当に高くていい感じです。

あとは、できれば設定はレジストリとiniの切り替えができれば最高なんですが。

「MDIE」の入手は以下のサイトからダウンロードできます。
「MDIE」

紹介に使用したのは最新の開発版ではなく、ちょっとバージョンの古い通常版ですので、もしかしたら説明と差異があるかもしれません。
なんにしても今後に期待の持てるいいソフトです。

以下、紹介です。

●シンプルで直感的に並び替えることができる「Taskbar Shuffle」
おそらく、説明するほどのことは無いと思うので簡潔に。

上記、キャプチャ画像が使用しているところです。
タブブラウザと一緒で、ドラッグ＆ドロップでボタンを並びかえれるソフト。
単純に並べるだけだとこれが一番シンプルで使いやすいと思います。

あと、よくタブブラウザでサポートされているマウスのスクロールボタンの押し込みでボタンを閉じれるようにもなります。

ちなみにタスクバーのグループ化を適用しているときはグループ内に別のグループを割り込ませることはできないらしい。

対応OSは、Windows（XP/Vista/2000/NT/95/98）。

ダウンロードは「home of the nerd cave」から

●ウィンドウのプレビュー機能もある「Taskbar++」
これもすごくシンプル。
「Taskbar Shuffle」と同じようにドラッグ＆ドロップでボタンの移動ができます。

ただ、［Alt］キーを2秒弱押し続けるとマウスカーソルが指の形に変化してドラッグできる状態になるので、少しの時間でも待つのが嫌な私のような性格の人には向かないかも。

「Taskbar Shuffle」を使用している時ににドラッグ＆ドロップ状態になってボタンが押せない状態が頻発する場合はこちらのほうが良いかも。

対応OSは、Windows（2000/XP/Server 2003）。

ダウンロードは「ちひろのページ」から

●ウィンドウのプレビュー機能もある「TaskbarEx」
結構、使い勝手がよかったボタンの並び替えができるソフトです。
並び替えのほかに、ボタンを単体で取り外してディスクトップの好きな位置に移動できたりするので、ちょっと隔離したいときとかに便利。

あと、ちょっと邪魔だったので切ってしまいましたが、ウィンドウのプレビューも表示できるので内部が見れたほうがいい人には便利かも。
（任意のサイズのプレビューが指定できるので使い方次第では邪魔ってほどでもない）

ただ、Windowsのボタンのグループ機能を使っている場合にせっかく取り外したボタンがグループにまとめられた後に復元してたり、グループじゃないものがまとめられたりしてしまう点がおしい。

たまにタスクバーをクリックしたときに誤って取り外してしまったりするときもあるので、あまり機能を求めない場合は
上記の「Taskbar++」や「Taskbar Shuffle」のほうが良いかも。

あと、作者ページが見つからなかったので、もしかしたら以降バージョンアップしない可能性もあります。

対応OSは、Windows（XP）。

ダウンロードは「Vector　TaskbarEx」から

AptanaのAir開発環境がいい感じ

「Flex Builder 3」で開発するのがいい感じとあったんですが、Aptanaで開発するのもなかなかいい感じっぽい。
やっぱり高いよ、Adobeさん・・・。

随分AIRが楽しそうなんでいろいろ調べてたりしたんですが、久々にAptanaを起動したらAIRのロゴが出てた。
なんか、インストールしろよって言う広告かなんかと思ってたらAptanaがAIRの開発をサポートしたらしい。
・・・今さらに気がついたんだけど、4月ごろからサポートされてたのか（出遅れた！

随分で遅れた感があるものの、とりあえず環境だけ整えておく。
手順は以下の通り。

1. Aptanaのスタートページから「Download and install the Adobe AIR runtime」をクリックしてランタイムを入手（Adobe Labsに飛ぶのでそこからダウンロード）
2. ダウンロードしたEXEファイルを起動してランタイムをインストール
3. Aptanaのスタートページから「Download and install the Adobe AIR SDK Beta」をクリックしてAIR SDKを入手（同じくAdobe Labsに飛ぶのでそこからダウンロード）
4. ダウンロードしたZIPファイルを解凍して任意のディレクトリに移動
5. Aptanaのスタートページから「Download and install the Aptana plugin for Adobe AIR Support」をクリックして、立ち上がった更新画面から「Adobe AIR Support」にチェックをいれ、Aptanaを更新
6. Aptana更新後にメニューから「ウィンドウ」→「設定」→「Aptana」→「AIR SDKs」を選択し、Addをクリックして手順4で解凍したファイルを置いたディレクトリを指定。
   あと、名前は任意でつけておく
7. 新しく作成したAIR SDKにチェックをつける

これで準備完了。
これで新規プロジェクトの追加を行うと「AIR Project」が追加されているので、プロジェクトを立ち上げればAIRが開発できる。

ごちゃごちゃ書いちゃったけど、こっちでデモムービー見るほうが早いかも・・・。

なんにしても、aptanaのこういう細かい気配りがうれしい。

さて、何を作るかな。