_web の作業が楽になるテクニック総まとめ 第7回

5
WEBの作業が楽になるテクニック総まとめ 開発サーバで AjaxやPHPファイルを 効率よく確認する ⽂=新谷剛史((株)セカンドファクトリー) Expression Webには、ASP.NETやPHPの開発をサポートする開発サーバが用意されて 内に含まれるHTMLやCSSなどのデザイン要素を修正する場合に役⽴つもので、その都 へアップロードすることなく、作業結果を確認できるものだ。開発サーバ自体はWeb 1 が、前バージョンのWeb 2からPHPをサポートしている。PHPページを確認するために トールする作業が必要だが、インストールが簡単なXAMPPのインストーラを使用すれば 確認用環境を準備できる【2】【3】【4】。もちろん、ASP.NETはセットアップ作業な web creators Webデザイン CSS トラブルレスキュー デザイン表現 Webディレクショ サイトマネジメント レイアウト WEB API 企画 RIA 独⽴ We ケータイ ホスティングサーバ TOP > web creators > WEBの作業が楽になるテクニック総まとめ 第7回 50 開発サーバでAjaxやPHPファイルを効率... http://www.mdn.co.jp/di/articles/2187/?page=5 1 / 5 2010/06/29 12:17

Upload: crampon

Post on 18-Jul-2015

397 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: _WEB の作業が楽になるテクニック総まとめ 第7回

WEBの作業が楽になるテクニック総まとめ 第7回

開発サーバでAjaxやPHPファイルを効率よく確認する⽂=新谷剛史((株)セカンドファクトリー)

Expression Webには、ASP.NETやPHPの開発をサポートする開発サーバが用意されている【1】。コード内に含まれるHTMLやCSSなどのデザイン要素を修正する場合に役⽴つもので、その都度ファイルをサーバへアップロードすることなく、作業結果を確認できるものだ。開発サーバ自体はWeb 1から存在していたが、前バージョンのWeb 2からPHPをサポートしている。PHPページを確認するためには、PHPをインストールする作業が必要だが、インストールが簡単なXAMPPのインストーラを使用すれば、ごく簡単にPHP確認用環境を準備できる【2】【3】【4】。もちろん、ASP.NETはセットアップ作業なく確認可能であ

web creators

Webデザイン CSS トラブルレスキュー デザイン表現 Webディレクションサイトマネジメント レイアウト WEB API 企画 RIA 独⽴ Web業界ケータイ ホスティングサーバ

TOP > web creators > WEBの作業が楽になるテクニック総まとめ 第7回

50 開発サーバでAjaxやPHPファイルを効率... http://www.mdn.co.jp/di/articles/2187/?page=5

1 / 5 2010/06/29 12:17

Page 2: _WEB の作業が楽になるテクニック総まとめ 第7回

る。IEなどのブラウザでPC上のファイルを直接開いたときに出るセキュリティ保護アラートが、開発サーバ経由の場合は表⽰されなくなる。そのため、開発サーバはJavaScriptが含まれるファイルを確認する場合にも便利だ。開発中の確認作業を効率よく⾏うため、開発サーバを活用しよう。

【1】Expression Webプレビュータブで「すべてのWebページ」を選ぶと、つねに開発サーバが使用される

【2】XAMPPを使うと難しい設定などを⾏わずに確認環境を構築できる

50 開発サーバでAjaxやPHPファイルを効率... http://www.mdn.co.jp/di/articles/2187/?page=5

2 / 5 2010/06/29 12:17

Page 3: _WEB の作業が楽になるテクニック総まとめ 第7回

【3】XAMPPなどでセットアップしたPHP実⾏可能ファイルのパスは事前に⼀度設定する

【4】XAMPPなどでセットアップしたPHP実⾏可能ファイルのパスは事前に⼀度設定する

POINT Webサイトを作成することが必要になる

[INDEX]>>> 47 ⽴体的に⾒せたいパーツを簡単にシャープな印象に仕上げる>>> 48 デフォルトのパターン機能を有効利用してオブジェクトをつくる>>> 49 クリップ機能でコーディングのスピードを上げる>>> 50 開発サーバでAjaxやPHPファイルを効率よく確認する>>> 51 スクリプトの固定で複数のアクションを同時に編集する>>> 52 「関連ファイル」バーで目的のファイルにすばやくアクセスする

【バックナンバー】WEBの作業が楽になるテクニック総まとめ[第1回を⾒る][第2回を⾒る][第3回を⾒る][第4回を⾒る][第5回を⾒る][第6回を⾒る]

お問い合わせ 広告に関するお問い合わせ リリース送付先のご案内

50 開発サーバでAjaxやPHPファイルを効率... http://www.mdn.co.jp/di/articles/2187/?page=5

3 / 5 2010/06/29 12:17

Page 4: _WEB の作業が楽になるテクニック総まとめ 第7回

前のページを⾒る 1 2 3 4 5 6 7 次のページを⾒る

特定商取引法 プライバシーポリシー 本サイトのご利用について

Copyright © 2010 MdN Corporation. All Rights Reserved.当ホームページ掲載の記事、写真、イラスト等の無断掲載を禁じます。

この記事をチェックした⼈はこんな記事も読んでいます。

WEBの作業が楽になるテクニック総まとめ 第1回

【web creators】

記事を読む

WEBの作業が楽になるテクニック総まとめ 第6回

【web creators】

1年⽣デザイナーの1週間/その48 橋本すみれさん(フブキ)

【仕事・求⼈】

記事を読む

WEBデザインスタイルアップTips/第6回

【web creators】

おすすめの記事

WEBの作業が楽になるテクニック総まとめ 第2回

【web creators】

記事を読む

WEBの作業が楽になるテクニック総まとめ 第6回

【web creators】

WEBの作業が楽になるテクニック総まとめ 第5回

【web creators】

記事を読む

WEBの作業が楽になるテクニック総まとめ 第4回

【web creators】

50 開発サーバでAjaxやPHPファイルを効率... http://www.mdn.co.jp/di/articles/2187/?page=5

4 / 5 2010/06/29 12:17

Page 5: _WEB の作業が楽になるテクニック総まとめ 第7回

Webデザインとグラフィックの総合情報サイト -MdN Design Interactive- [TOP]へ

50 開発サーバでAjaxやPHPファイルを効率... http://www.mdn.co.jp/di/articles/2187/?page=5

5 / 5 2010/06/29 12:17