大分前に作ったホームページ。しばらく放置状態だったのですが、最近のHTML5の流行で、久しぶりにホームページ制作に取り掛かってみようと思いました。
とは言うものの、当時使っていたオーサリングツールはWindows 98向けのもの。あまりにも古いので今更使う気にもなりません。そもそも HTML5 に対応していませんし。
ということで、ネットを漁っていたら Aptana Studio3 という eclipse プラグインのフリーのオーサリングツールを見つけました。もちろん HTML5 対応です。
フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。
http://meglog.net/useful-tools/aptana-studio3-zen-coding.html
なんか便利そうな Zen-Coding。でも名前が変わっているようです。
zencodingが名前を変えてパワーアップ！ Emmetに注目しよう
http://tagamidaiki.com/zencoding-change-emmet/
日本語も Shift-JIS を使う場合はコツがいるようです。
Aptanaの日本語文字化け解消メモ
http://no-time-to-read.seesaa.net/article/95987303.html
ということで上記サイトを参考にインストールと日本語化をしました。
さて、問題はこの後です。ホームページとリンクしたいのですがどうしたらよいかよく分かりません。色々と試行錯誤の末、メニューの中のリモートという項目を使えばなんとかなりそうだと分かりました。
リモートをクリックするとタブが一つ追加されます。
その中の地球＋マークを追加すると、サーバーとのコネクション設定が出てきます。
FTPを使う場合はセキュリティの関係上、プロバイダ提供のルータがある家でのみ使うようにしましょう。サーバーとの接続がプロバイダのネットワーク内でピア２ピアになるので途中でパスワードを抜かれる心配はありません
サーバーとの接続が成功したら、次は既存のコンテンツを引っ張ってきます。右クリックで Connection Manager という項目が出てくるのでクリックします。
FFFTPのような画面が現れますので、ローカルディスクとFTPサイトとの同期をとります。ドラッグアンドドロップでコンテンツを同期させることが可能です。
次はプロジェクトへこのコンテンツを追加します。App Explorer のタブをクリックするとプロジェクトの追加を促されます。インポート・プロジェクトをクリックします。
インポートでディレクトリを設定して終わりです。
プロジェクトエクスプローラに設定したプロジェクトが現れます。試しにファイルをひとつ編集しアップデートできることまで確認できました。
まだまだ謎の多いAptana3 ですが、追々使いこなしていきたいと思います。
（＾_＾）／~
とは言うものの、当時使っていたオーサリングツールはWindows 98向けのもの。あまりにも古いので今更使う気にもなりません。そもそも HTML5 に対応していませんし。
ということで、ネットを漁っていたら Aptana Studio3 という eclipse プラグインのフリーのオーサリングツールを見つけました。もちろん HTML5 対応です。
フリーの高機能HTMLエディタ「Aptana Studio3」の日本語化と「Zen-Coding」のインストール方法。
http://meglog.net/useful-tools/aptana-studio3-zen-coding.html
なんか便利そうな Zen-Coding。でも名前が変わっているようです。
zencodingが名前を変えてパワーアップ！ Emmetに注目しよう
http://tagamidaiki.com/zencoding-change-emmet/
日本語も Shift-JIS を使う場合はコツがいるようです。
Aptanaの日本語文字化け解消メモ
http://no-time-to-read.seesaa.net/article/95987303.html
ということで上記サイトを参考にインストールと日本語化をしました。
さて、問題はこの後です。ホームページとリンクしたいのですがどうしたらよいかよく分かりません。色々と試行錯誤の末、メニューの中のリモートという項目を使えばなんとかなりそうだと分かりました。
リモートをクリックするとタブが一つ追加されます。
その中の地球＋マークを追加すると、サーバーとのコネクション設定が出てきます。
FTPを使う場合はセキュリティの関係上、プロバイダ提供のルータがある家でのみ使うようにしましょう。サーバーとの接続がプロバイダのネットワーク内でピア２ピアになるので途中でパスワードを抜かれる心配はありません
サーバーとの接続が成功したら、次は既存のコンテンツを引っ張ってきます。右クリックで Connection Manager という項目が出てくるのでクリックします。
FFFTPのような画面が現れますので、ローカルディスクとFTPサイトとの同期をとります。ドラッグアンドドロップでコンテンツを同期させることが可能です。
次はプロジェクトへこのコンテンツを追加します。App Explorer のタブをクリックするとプロジェクトの追加を促されます。インポート・プロジェクトをクリックします。
インポートでディレクトリを設定して終わりです。
プロジェクトエクスプローラに設定したプロジェクトが現れます。試しにファイルをひとつ編集しアップデートできることまで確認できました。
まだまだ謎の多いAptana3 ですが、追々使いこなしていきたいと思います。
（＾_＾）／~
Aptana Studio Beginner's Guide
- 作者: Thomas Deuling
- 出版社/メーカー: Packt Publishing
- 発売日: 2013/01/31
- メディア: ペーパーバック
HTML+CSSコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
- 作者: こもりまさあき
- 出版社/メーカー: MdN
- 発売日: 2010/08/25
- メディア: 単行本
HTML+CSSコーディングが10倍速くなるZen Coding
- 作者: こもり まさあき
- 出版社/メーカー: インプレスジャパン
- 発売日: 2010/11/26
- メディア: 単行本（ソフトカバー）