開発環境の設定

Web アプリケーションの作成に取り掛かる前に、まず必要なツールが揃っているか確認しましょう。

テキストエディタ

頼りになるテキストエディタは最も重要なツールです。無料で使えるテキストエディタには以下のようなものがあります。

クロスプラットフォーム

• jEdit
• Emacs
• vim
• Komodo Edit
• Sublime Text 2

Windows 専用

• Notepad++

Mac 専用

• TextWrangler

もちろん、これらは完全なリストではありません。

Web 開発ツール

あなたの予想通り、アプリケーションのテストとデバッグはブラウザ内で行われます。お使いのブラウザ向けにいくつかの便利な開発ツールを入手しておきたいでしょう。これらのツールは、アプリ内の視覚要素の調査やスタイル付けから、ネットワークトラフィックの監視、JavaScript のデバッグまで、あらゆる作業を支援してくれます。私たちはあなたにぴったりのツールの組み合わせを見つけることを強くお勧めします。それらは命の恩人となり得るからです。

Firefox ユーザ向けのツール

Firefox には組み込みの開発ツールが多数装備されています。[ツール] メニューを開いて [Web 開発] を選択してみましょう。詳しくは Firefox 開発ツールの説明 か MDN 上の ツール ページをご覧ください。いくつかの便利なアドオンも以下に挙げます。

• Firebug
• Web Developer's Toolbox Collection
• Web Developer Toolbar
• Firepicker
• Firecookie
• User Agent Switcher
• ColorZilla

Google Chrome ユーザ向けのツール

• Web Inspector
• Web Developer - Firefox 用拡張機能の公式移植版
• Pendule

他のツールも必要に応じてあなたの開発環境に追加できますが、テキストエディタ、ブラウザ、開発ツールを手にすれば、素晴らしい Web アプリの作成はきっとうまくいくことでしょう。