質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

865閲覧

制作したサイトを公開せずにサーバーでデバッグする方法

aoies

総合スコア331

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2019/05/16 16:37

趣味的にサイトをHTML、CSS、JQuery、PHPなどで制作しています。
HTMLやCSSは基本的にはローカルで試すことができるのですが、HTMLで絶対参照を使ったり、PHPのcgiを使ったり、一部のjQueryのプラグインを使ったりする中で、時にはローカルだけでは試せない動作もあると思います。
しかし一方でデバッグなしで、サイトをアップ、更新してみると、思った通りに処理が動かないことは多いです。
私は今の所個人的なサイトを制作しているだけなのでおかしな処理が起きても問題はあまりないのですが、企業サイトや有名サイトではそういうことは起こらないようになっていると思います。

Web上で公開せずにサイトの動作を試したい場合、普通デバッグはどのように行うものなのでしょうか?
あるいはそういうものが可能な開発環境などが存在するのでしょうか?

よろしくお願いします。

補足/現在の環境
・ちなみに現在はAtomでHTMLとかCSSとかコードを書いて、ファイルをFTPでアップして更新、ということをちまちまやっています。

・CSSとHTMLについても入門者程度ですが、cgiとjQueryに至っては、ほとんど出来合いのツールを使っているだけで知識はありません。

・WordPress(全然知らないんですけど)を使えば簡単なのかもしれませんがとりあえずは使うつもりはないです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

本当に環境によっていろいろあると思いますが、基本は「自分たちしか見れない場所にアップロードして見る」です。

例えば、公開しているサイトのドメインが example.com なのであれば、 test.example.com といったドメインでバーチャルホストを切って、「basic認証でパスワードを知っている人間だけが見れるようにする」「接続元IPアドレスで制限する」などといった方法ですね。
もしくは、自分たちの環境上にWEBサーバーを立ち上げて(XAMPP等を使ったり一から構築したり)、そっちにアクセスする等します。

投稿2019/05/16 17:25

yuicho

総合スコア142

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

aoies

2019/05/16 17:45

わかりやすい説明ありがとうございました。なるほど、そういう方法があるんですね。よく理解できました。
m.ts10806

2019/05/16 21:30

サブドメインでディレクトリ切ってBASICかけるのはよくやりますね。 いずれにしても本番と全て一緒ではないので移行後の本番確認は必須ですけど
yambejp

2019/05/17 01:15

Basic認証をかけるのはやや危険 予測されにくい名前のサブドメインをつどつど作る方が現実的 dnsでサブドメインをcname設定すれば気軽に増やせます
m.ts10806

2019/05/17 01:25

確かにdev.だけのサブドメインとかよくありますからね・・ 外部からアクセス不可の社内サーバー立てられれば一番いいんでしょうけど。
yambejp

2019/05/17 01:28

実は関係者だけhostsに登録するとかでやると、 意外に有効かもしれませんね
tacsheaven

2019/05/17 01:37

会社だとインターネット接続のグローバルIPはある(固定ではないかも知れませんが、定期的にチェックして変更は出来る)ので、クラウド上のサーバーでも IP アドレスで接続制限かけるのもありです。
yuicho

2019/05/17 02:22 編集

あくまでざっくりとした質問だったのでざっくりと「自分達しか見えないところで稼働させる」という意図で書きましたけど、個人的にはBasic認証もサブドメインもそこまでベストではないのかなーと思ったりしてます。 自分の場合はFlaskで開発することが多いので、開発中だけuwsgiとか使わず直接実行させてlocalhost:5000に開いて、同じサーバーでsquid動かしてそれ経由で見て、終わったらgit経由で本番にmargeって感じですね。 (squidは繋ぐことのあるIPのみに制限+Digest認証) 開発が終われば直接実行してたFlask落とせば見れなくなるし、squidも使わないなら落としてしまえばなお安全。 そういう意味では、「自分たちしか見れない場所にアップロードして見る」かつ「使わないときは誰も見れないようにする」が簡単に表現した適切解ですかね
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問