WEB開発環境の作り方

25.WEB??

最近のWEBサイトは、CSSを使用しての複雑なレイアウトや、CMSを使用してのサイト構築など、ローカル環境で開発を行おうと思っても、開発環境を作らなければならない場合があります。
WEBサイトリニューアルにCMS導入のススメ

そこで、今回はWindowsパソコンを使って10分で出来るローカル環境作りのためのソフトウェアの紹介を致します。


xampp.png
XAMPP
まずは、代表的なWEB開発環境を構築できるXAMPPです。このソフトはLAMP (Linux, Apache, MySQL, PHP)と呼ばれる、ウェブサイトの構築の代表的な環境を一括インストール出来る大変便利なソフトです。

追記
2006年12月4日現在日本語サポートが開始されたようです。
Exxaxon サポートフォーラム

MySQL(マイエスキューエル)とは、世界的に広く利用されているオープンソースのRDBMS(リレーショナルデータベースを管理、運用するためのシステム)です。
MySQLインストール完全ガイド

PHP(ピー・エイチ・ピーとは、HTMLファイル内に記述するタイプのスクリプト言語です。

WEBサーバー上で動作し、プログラムの実行結果をブラウザに対して送信します。

通常のCGIとして使用できますが、PHPモジュールをApacheサーバーに組み込むことにより、 Perl/CGIと比較して処理速度の高速化、サーバー負荷の低減が可能です。

日本 PHP ユーザ会
phpspot

PHP開発手法-第1回:複数人による開発の要所を押さえる

ちなみにApache(アパッチ)とは、世界中でもっとも使われているWebサーバソフトウェアであり、大規模な商用サイトから自宅サーバまで幅広く利用されています。

これらを利用出来るようにインストールおよび環境設定するだけでも大変なのですが、XAMPPを利用すれば

XAMPPのインストール
容易な統合開発のためにXAMPPをインストールする

注意点としてskypeと併用はできません。

Skypeがポート80を占拠しており、 Apacheが起動でエラーを起こします。Skypeをインストールしている場合はアンインストールしましょう。
ローカル開発環境ができた

Web Developer Toolbar
Firefoxの拡張機能の1つですが、CSSでレイアウト調整する際にページ構造を確認したり、CSSの仮調整を行ったりと役に立ちます。
Web Developer Toolbarを使ってWEBページ構造を確認

配色
サイトデザインにおいて頭を悩ますのは配色。色彩検定でも持っていれば理論的に見やすい配色を決定出来るのでしょうが、なかなか決まらないことが多いのではないでしょうか。そこで、自動的に配色を算出してくれるサイトを利用して配色決定の参考にしましょう。
ColorMixers: Remixing RGB since 2003

画像編集
これはプロが使用する画像編集ソフトPhotoShopと同様の機能がオンライン上で利用出来るサービスです。本来は有償のソフトウェアのデモということで利用は無料。
オンラインでPhotoshop級の画像加工ができる「nexImage」

Flash
Flashを作成するにはフリーソフトのFaraFlaが手軽で便利です。
Flashムービーを作成出来るフリーソフトPARAFLA

ユーザビリティ
せっかく開発するのであれば使いやすいWEBサイトでなければなりません。必ずこれが良いといったルールは特にありませんが、使いやすいと言われているサイトを観察し、自分なりに研究してみましょう。
企業サイト ユーザビリティランキング2006
アクセシビリティ・ユーザビリティを考慮したWEBページ作り
実績があがるサイトの秘訣

他参考サイト
IT pro
検索エンジン最適化

コメント

タイトルとURLをコピーしました