studio-fun.net

今年はEclipseをプライベートでも積極的に使って行きたいと、そう考えています。
日本語版の入手はこちらがいと思います。
というか、もっとオープンソースを使っていこうと、
特に根拠は無いのですが、ココでのネタにもなるなぁと考えてまして。

そんな訳で、Web製作用にEclipseをカスタマイズ。
先ずはEclipseをインストール、日本語化、プラグインのインストール等等は検索して勉強してください。

なんといってもHTML、CSS、JavaScriptあたりのコード補完機能は欲しい
そこで「Aptana」です。
AptanaはEclipseベースのフリーのWebオーサリングツール。です。
Eclipseのプラグインとしても動作可能なので、Eclipseにプラグインとしてインストールします。

Aptana

今回はEclipse　Version: 3.4.1環境でのインストール

「Aptana Eclipse Plugin」のインストール
メニュから[ウィンドウ]-[設定]を選んでください。

機能　クラシック更新

[機能]の[クラシック更新]にチェックボックスをにチェックを付けて「OK」ボタンを押してください。

インストール/更新

次にメニューから[ヘルプ]-[ソフトウェア更新(S)]-[検索とインストール(F)]を選択してください。

インストールする新規フィーチャーを検索

「インストール/更新」ダイアログが表示されたらインストールする新規フィーチャーを検索を選択し、「次に」ボタンを押下してください。
「インストール」ダイアログが表示されたら以下のボタンを押下してください。
「新規リモートサイト」
入力画面に以下を入力「OK」ボタンを押下してください。
※追記：2010/04現在はURLは以下のように変更されているようです。詳しくはAptanaサイトで確認ください。

• 名前　：Aptana
• URL 　：http://update.aptana.com/install/studio/3.2/
• URL 　：http://download.aptana.org/tools/studio/plugin/install/studio

一覧に「Aptana Plugin」が追加されるので、チェックボックスにチェックを付けて「終了」ボタンを押下する。
「更新」ダイアログでAptanaのチェックボックスをチェックして「次に」ボタンを押下します。
インストールを進めればAptanaが使えるようになります。

設定、コード補完機能

設定画面より細かい設定が可能です。
CSSのプロパティー等のコード補完はデフォルトではチェックされていないので、自分でチェックしましょう。

Aptana　コードの保管機能

文字化け

よく耳にするのはAptanaは文字化けするので使いたくないと….
こちらも設定で正しい表示ができます。utf-8にしたい場合は以下の様に設定
確かにこの辺は面倒くさいですね・・・・
追記：ファイルを右クリックでプロパティ画面より簡単に文字コードは設定できます。

文字コード設定

最後に・・・・

Eclipse使い慣れると相当いい感じになりそうな予感ですが・・・
ちょっと不安定な感じがあります。プラグインなども乱立しているので情報を集めて使いやすくカスタマイズする必要があります。
FTPとの連携も、Subversion連携もらくらくできます。
Web製作でも十分に威力を発揮できるでしょう。