http://www.lepracaun.info/blog/

WebクリエイターLepracaunのサイトです。 Ajax、Flash、Silverlightなど、RIAを実現するためのツールやスクリプトについての話題を取り上げていきます。

« Aptana Eclipseプラグイン版によるエディタの併用(その2) | メイン | CSS Nite in Osaka 2007 春の陣“前夜祭” »

2007年3月18日

Aptana プロジェクトの作成と、スニペットの登録

STEP1:プロジェクトの作成

Aptanaを起動したら、何はともあれ新規プロジェクトの作成から始めます。

File > New > Project... でNew Projectのダイアログボックスが開きます。

単なるHTMLでしたらSimple > Projectで構わないと思いますが、せっかくAptanaを使うんですから、Ajaxのライブラリを利用しない手はありません。
そこで、Web Library Projects > AJAX Library Projectを選択します。

Project Nameは適当に入力。
Project contentsはUse defaultにチェックを入れたままですと、Apatanaのworkspace内に作成されてしまいますので、チェックをはずして、希望のフォルダを選択。

Select AJAX Librariesで、インストールしたいAjaxライブラリをチェックします。
これでプロジェクトの作成は完了。

次に日本語対策として、エンコードの文字コードをUTF-8に変更します。
Project > Properties > Info > Text file encording > Other:UTF-8を設定。
作成するHTMLファイルなども全てUTF-8で作成します。

HTMLやCSS、JSファイルなどの新規ファイルを作成する際には、すべてこのProjectエクスプローラーから行います。
複数のProjectを登録している場合は、該当のProjectを右クリックして、Newから作成したい新規ファイルの種類を選択します。

作業中にプロジェクトフォルダ内に画像ファイルとかなんやらを入れた場合は、そのままではProjectエクスプローラーに表示されません。
そんなときは、Projectを右クリックしてRefreshをクリックすれば、再読み込みします。

STEP2:スニペットの登録

AptanaではActionsからテンプレート、スニペットの作成ができます。
Actionsのウインドウが見当たらなかったら、メニューのWindow > Show View > Actions で表示させます。

たとえばCSSのスニペットを登録したい場合は、ActionsのTemplatesから、Create New CSS Snippetをクリック。
nameを入力すると、その名前+拡張子でスニペットが保存されます。

登録が終わったら、使用したいファイルを開いて、スニペットをダブルクリックするか、右クリックしてExecuteをクリックします。
再度編集したい場合は右クリックでEdit Actionをクリック。

よく使うソース、スクリプトをこれでどんどん登録しておきます。
そうすれば新規プロジェクトを作成した場合でも、わざわざどこかから探してきてソースをコピペしなくても済みます。

投稿者 lepracaun : 2007年3月18日 22:34このエントリーをはてなブックマークに追加 Save This Page to del.icio.us このエントリーをlivedoorクリップに追加 このエントリーをニフティクリップに追加 このエントリーをECナビ人気ニュースに追加 このエントリーをBlogPeople Tagsに追加 このエントリーをBlogPeople Instant Bookmarkに追加 このエントリーをPingKingポッケに追加 このエントリーをFC2ブックマークへ追加

トラックバック

このエントリーのトラックバックURL:
http://www.lepracaun.info/mt4/mt-tb.cgi/22

コメント

コメントしてください




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)