質問: 趣味的にサイトをHTML、CSS、JQuery、PHPなどで制作しています。 HTMLやCSSは基本的にはローカルで試すことができるのですが、HTMLで絶対参照を使ったり、PHPのcgiを使ったり、一部のjQueryのプラグインを使ったりする中で、時にはローカルだけでは試せない動作もあると思います。 しかし一方でデバッグなしで、サイトをアップ、更新してみると、思った通りに処理が動かないことは多いです。 私は今の所個人的なサイトを制作しているだけなのでおかしな処理が起きても問題はあまりないのですが、企業サイトや有名サイトではそういうことは起こらないようになっていると思います。 Web上で公開せずにサイトの動作を試したい場合、普通デバッグはどのように行うものなのでしょうか? あるいはそういうものが可能な開発環境などが存在するのでしょうか? よろしくお願いします。 補足/現在の環境 ・ちなみに現在はAtomでHTMLとかCSSとかコードを書いて、ファイルをFTPでアップして更新、ということをちまちまやっています。 ・CSSとHTMLについても入門者程度ですが、cgiとjQueryに至っては、ほとんど出来合いのツールを使っているだけで知識はありません。 ・WordPress(全然知らないんですけど)を使えば簡単なのかもしれませんがとりあえずは使うつもりはないです。
回答: 本当に環境によっていろいろあると思いますが、基本は「自分たちしか見れない場所にアップロードして見る」です。 例えば、公開しているサイトのドメインが `example.com` なのであれば、 `test.example.com` といったドメインでバーチャルホストを切って、「basic認証でパスワードを知っている人間だけが見れるようにする」「接続元IPアドレスで制限する」などといった方法ですね。 もしくは、自分たちの環境上にWEBサーバーを立ち上げて(XAMPP等を使ったり一から構築したり)、そっちにアクセスする等します。