
どこまでできる? 無料ツールでWebサイト作成(1)
AptanaでWebページ作成はここまでできる!
セカンドファクトリー 新谷剛史
2007/8/8
- - PR -
以前、無償版のWebオーサリング(サイト作成)ツールを特集でカタログ的に紹介したが、皆さまの興味は「業務レベルでどの程度使えるのか」という部分にあるのではないだろうか? そこで、本連載では各ツールを使用したサイト開発を掘り下げていこう。
まずは第1弾として、2回にわたり「Aptana」の紹介を進めていく。第1回では静的なサイト構築を想定した開発、第2回ではプラグインの追加により可能となるAdobe AIRなどの動的コンテンツ開発を中心に紹介していこう。
EclipseベースのIDE(統合開発環境)であるAptanaは、コード補完機能やリファレンス機能など、充実度の高さが売りのオーサリングツールである。
![]() |
| 画面1 Aptanaのコード補完機能 |
オープンソースIDEの中でも評価の高いEclipseがベースとなっており、単体インストール版とEclipseへのプラグイン版の2タイプが存在している。Windows環境はもちろんのこと、Mac OSX、Linux環境のサポートもされるなど、幅広いユーザーに対応可能なオーサリングツールである。Linux環境も用意されているAptanaであるが、ここではWindows環境の単体インストール版を中心に紹介する。
| 画面2 Aptana起動直後の画面(画像をクリックすると拡大します) |
まずは、Aptanaをセットアップしてみよう
■ ファイルのダウンロード
ファイルはAptanaのサイトからダウンロード可能だ。Java環境の同時インストールが必要なのだが、基本的には特に意識しなくてもインストーラーが同時にインストールしてくれる。セットアップをデフォルトセットアップではなく自分で行う場合には注意しよう。
| 画面3 Aptanaのダウンロードサイト(画像をクリックすると拡大します) |
| 画面4 Windows版やMac OSX版のほか、Linux版、Eclipseプラグイン版が存在する(画像をクリックすると拡大します) |
■ インストール時の注意点
Windows版では、インストールの際にファイルの関連付けの確認が入る。既存のオーサリング環境と併用する場合には、セットアップの際に注意が必要だ(画面5)。
![]() |
| 画面5 既存の開発環境がある場合、チェックしないこと(Windows版) |
Vista環境では、セットアップ終了の際に「管理者として実行」が必要なことがアナウンスされる。
![]() |
| 画面6 セットアップ終了の際Vista環境で必要なアナウンスが表示される |
Mac OSX版では、Windows版のようなファイルの関連付けなどはなく、インストール先などを指示どおり選択するだけでよい。
![]() |
| 画面7 Mac OSX版のインストールはこの画面からスタート |
JavaScriptのデバッグサポートのため、Firefox 1.5以降がインストールされていない場合に画面7のようなアラートが表示されることがある。
![]() |
| 画面8 起動時に表示されるアラート |
| 1-2-3 |
| INDEX | ||
| どこまでできる? 無料ツールでWebサイト作成(1) AptanaでWebページ作成はここまでできる! |
||
| Page1 無料Webサイト作成ツールの最有力候補「Aptana」 まずは、Aptanaをセットアップしてみよう |
||
| Page2 HTML・CSSで簡単なWebページを作成 有償ツールのテンプレート機能との併用はできるのか? HTMLやCSSのアウトラインを視覚的に確認できる |
||
| Page3 オフライン環境での制作はできるのか? FTPを使ってのファイル管理はどうやって行う? プロジェクトの共有化ができない? AptanaでAdobe AIRなどのアプリを作成するには? |
||
どこまでできる? 無料ツールでWebサイト作成 バックナンバー
| リッチクライアント&帳票 全記事一覧へ |
ホワイトペーパー(TechTargetジャパン)
- いまさら聞けないTwitter超入門−@IT記事も対応なう (2010/2/4)
Twitterは最近話題のつぶやきツール。基本的な使い方から、iPhoneアプリの使い方、RTの解説、4人のご意見番の活用例や感想まで - HTML5は開発者側の都合。ユーザーには関係ない (2010/2/2)
3つのレンダリングエンジンを載せている“国産”ブラウザベンダは、HTML5やWeb/ブラウザの進化について何を語るのか - テキスト・フォント周りをキレイに見せるCSS、13選! (2010/1/29)
無数にあるCSSのプロパティを大まかに分類し、1つずつ紹介していく本連載。初回は、テキスト・フォント周りについて - OpenGL ESが大変な3Dアプリ開発を楽にするUnity (2010/1/27)
iPhoneゲーム開発に必須のOpenGL ES。そのコーディングに手こずっている方に有用なツールを紹介し簡単なサンプルを作成します
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | 企業の仮想化に足りない“発想”とは? 仮想化運用管理のキモは意外なところに! New! |
| ◆ | 操作もマニュアルも分かりやすい! ユーザー視点で開発されたPC管理ツール New! |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |

| ◆ | セキュリティを知り尽くす上野氏が登壇! @ITメールソリューションLive! in Tokyo |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
| ◆ | 世界に通用するストレージの作り方とは? 製品に込めた思いを富士通の開発者に聞く |

| ◆ | OSSで手間も時間も、障害も減った―― 「マピオンの事例」オープンソース活用法 |
| ◆ | 「ノートPCの持ち出し禁止」で大丈夫? 情報漏えいを防ぐ管理手法とインフラは? |
| ◆ | 1日の処理を1秒に――MySQLの達人が語る 「コスト削減」できるチューニング |

| ◆ | ドキュメント作成を自動化して、SEの作業 効率を大幅アップ! Visio 2007の魅力 |
| ◆ | 急速に広がるHyper-Vでのサーバ仮想化 そのベストプラクティスをデルが解説 |
| ◆ | @IT主催セミナーで語られた、「担当者に 求められるセキュリティ対策」をレポート |

| ◆ | @IT「Windows 7」 特設サイトオープン! 最新情報・移行ノウハウを公開しています |














