無料のＨＰ作成ソフトの決定版？AptanaStudio3を使ってみたよ！ * 気になったネタを共有するブログ｜Mulog

無料のＨＰ作成ソフトの決定版？AptanaStudio3を使ってみたよ！

無料で使えるＨＰ作成ソフトは数あれど、ここまで高機能なものはないと思う。。と言う評価を色々聞いてたAptana Studio。

Dreamweaverとタグ打ちメインの管理人ですが、これは久々に感動ツールなのでご紹介。趣味で使うならこれで十分かもですよ。

Aptana Studioってなに

Aptana StudioはIBMのEclipseをベースにしたオープンソースのWebオーサリングツールです。詳しくはウィキペディアなどを参考にして下さい。

分かりやすく説明すると、無料でプロが使っているようなＨＰ作成ツール、例えばAdobeのDreamweaverみたいな機能が使えちゃうよ！って話になりますね。

あくまでオーサリングツール、つまり入力支援ツールですので基本的なHTML＆CSSの構造を理解している人が使う事で力を発揮するツールになっており、全くWEBの知識の無い人が簡単にＨＰ作れちゃうよ！ってソフトではありませんので、そのへんはあしからず・・・

ちなみにWindows、Mac、Linux対応です。
 

インストールと日本語化

こういったツールの場合は日本語化しなくても操作する項目は数十個の為、英語版をそのまま仕様しても良いのですが、今回は日本語化の仕方も記載しておきます。まずはAptanaStudio3をDLしてみましょう。

ダウンロード先

AptanaStudio3をダウンロード

続いて日本語化パッチですがEclipseMergeDocProjectのページからpleiades.zipをDLします。最新版と安定版がありますが、ひとまず安定版をDLして下さい。

日本語パッチのダウンロード

Pleiades-Eclipseプラグイン日本語化プラグイン

 

本体、日本語パッチの両方のDLが完了したら、まずはAptanaStudio3をインストール、僕の場合はなぜかデフォルトでドキュメントフォルダに指定されてしまったので、下記の様に再指定▼

C:\Program Files\Aptana Studio 3

Cドライブの中のプログラムファイルにAptanaStudio3と言うフォルダを作ってインストール。Windowsをご使用の方で詳しくない人は同じ設定にして下さい。

インストール時、ウインドウが次々出てきますが、よく分からない場合はすべて「OK」にして下さい。内容は規約などや、HTML＆ＣＳＳ＆ＰＨＰなどのファイルをAptanaStudio3でデフォルトで開くようにしますか？みたいな内容なのでOKで平気です。

次は日本語パッチを適用します。インストール完了後AptanaStudio3のPluginフォルダを開きます▼

C:\Program Files\Aptana Studio 3\plugins

ここに先ほどＤＬした日本語化パッチの「pleiades」フォルダの中のPluginの中あるjp.sourceforge.mergedoc.pleiadesフォルダを、コピーして下さい。

更にC:\Program Files\Aptana Studio 3\AptanaStudio3.iniにある「AptanaStudio3.ini」をテキストエディタで開き、日本語化パッチの場所を指定するので下記に記載したコードを最後の行に１行追加して保存して下さい。デフォルトのメモ帳とかだとおかしくなるのでTeraPadなどのテキストエディタの使用をお勧めします。

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

日本語化出来ないとご指摘を多数頂いたので、挿入箇所キャプチャしますた▼

また「AptanaStudio3.ini 」が無いって人は、Windowsの拡張子を「表示する」に設定を変更してみて下さい。

Google検索

Windowsの拡張子を表示する方法

なぜかWindowsは昔からデフォルトで拡張子を表示しない設定になっているんですよね。PC買ったら即設定したい項目の１つですｗ

話はそれましたが、上記の設定でAptanaStudio3を立ち上げると日本語化が完了しているはずです。

上手くいなかい人は日本語パッチのパスの場所指定が間違っている可能性がありますので、上記設定とフォルダ階層が同じかチェックしてみて下さい。

使ってみる！

インターフェイスはDreamweaverとかとそれほど変わりません。例えば新しいＨＴＭＬファイルを作りたいときは、上部ナビからファイル＞NewFormTemplate＞から好きなＨＴＭＬの宣言が選べて、なっなんとＨＴＭＬ5もすでに追加されてたり▼

CSSだってちゃんと「p」って入力すれば▼

予測変換でpから始まるプロパティをしっかり表示してくれます（すごっｗ）

続きまして、上部バーからウインドウ＞ビューの表示＞WEBブラウザって指定してあげれば

もちろん左側にコード、右側に簡易プレビューみたいな2列表だって可能です。

オープンソースの無料のツールってインターフェースが初心者には慣れるまで分かりづらそうなイメージがあったのですが、AptanaStudio3はメニューの項目、並び方がWindowsとかAdobeなんかのソフトと似てるから、いじってるうちにたぶんここだ！って感じで覚えられそうな使いやすいツールでした。

おまけ　zen-codingなどインストール

ここまでですでに興奮してしまった管理人ですが、コーディング作業を効率化してくれるzen-codingなんかもAptana Studio3は装備出来たりします。なんて素敵なんでしょ。

zen-codingに関してはEC studioさんの記事が分かりやすいと思います。

外部リンク

コーディングが3倍速くなるZen-Codingを導入してみた

zen-codingの導入の仕方は直にファイルインストールでもいけますが、インターネットに繋がっている環境であれば、上部メニューのヘルプから＞新規ソフトウェアのインストールを選択し、出てきたサイトを入力と言う欄に下記zen-codingのURLを入力

http://zen-coding.ru/eclipse/updates/

すると自動でインストールが行われます。再起動を掛けるときちんとインストールされているのが確認出来ました。

初期設定でおそらくちょっとしたカスタマイズや設定が必要と思われますが、無料でここまで出来たらすごく便利ですよね。

冒頭でもご紹介しましたがAptanaStudioはWindows版、Mac版、Linux版も用意されているので、こういったオーサリングツールを持っていない人も、すでも持っているけど、ライセンスの関係でサブ機のＰＣにも同じ様なソフトをインストールしておきたいって人にもかなりオススメなツールです。

レビューや解説している日本語サイトが極度に少ないのがちょっとネックですが、僕でも出来たので触ってれば覚えられると思います。参考にして頂けると幸いです。それではまた/