
どこまでできる? 無料ツールで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ジャパン)
- 画像を美しく魅せる効果を加えるjQueryプラグイン3選 (2010/3/17)
2つ重ねて比較するBefore/After、部分ごとに切り替えるpanelGallery、ズーム/カーテンなどができるcycle - 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |














