WordPress

phpをDreamweaverを使ってローカル環境で動かす方法

更新日:

Dreamweaverでローカル環境にてPHPを動かしたい場合にはサイト定義が必要です。

Dreamweaverでサイト定義を行えば、ローカルにテストサーバーを設置してあれば簡単にDreamweaverやブラウザ上でPHPの動きを確認することが出来ます。

ここではDreamweaverでサイト定義を行う方法を説明していきます。

PHPをそのまま記述してもライブビューでは表示出来ない??

Dreamweaver以外のエディタを使っている方は、MAMPなどでローカル環境を作ってhtdocsにファイルを保存してブラウザなどで表示や動きを確認しているかと思います。

Dreamweaverであれば、いちいちブラウザに切り替えなくてもライブビュー機能でファイルを更新すればすぐDreamweaver上でチェック出来ます。

ただ、DreamweaverでPHPを記述してもプレビューしようとしても以下の画像のようにアラートが表示されます。

このテストサーバーの指定は、サイト定義にて出来ます。

サイト定義でPHPをライブビューで確認できるようにします。

せっかくの機能ですから、ぜひ活用して自身の作業の効率化を図っていきましょう!

スクリーンショット 2014 04 11 6 08 59

Dreamweaverでサイト定義をしよう!

作業はDreamwever内の設定だけで終わりますのでとても簡単です。

一つずつ確認して設定を行なっていきましょう。

サイト名とローカルサイトフォルダーを決める

上の画像で「はい」を表示するとサイト定義のウインドウが表示されますので次の用に入力しましょう。

メニューでは、「サイト」の項目をクリックするとプルダウンで小メニューが表示されますので、「新規サイト...」をクリックすれば設定画面が開きます。

・サイト名:「任意のサイト名」
・ローカルサイトフォルダー: 「自分のサイトのファイル一式の保存場所」

サイト名は、自分がわかりやすい名前や本来のサイト名など好きな名前をつけます。

ローカルサイトフォルダはファイルの保存先など決めます。今回はデスクトップにしてみました。

スクリーンショット 2014 04 11 6 30 18

サーバー情報を入力する

次に、ウインドウの左のサイドバーからサーバーを選択します。

まだ、何もサーバーが選択されてない真っ白の画面になると思いますので、左下の「+」記号をクリックしましょう。

スクリーンショット 2014 04 11 6 35 23

基本タブで設定を入力する

そうすると小窓が表示され、基本タブと詳細設定タブという項目が現れます。先に表示されているのは基本タブになります。

ここの項目の上から2つめの「使用する接続」のドロップダウンリストから、「ローカル/ネットワーク」を選びます。

下の画像で、FTPを表示されているドロップダウンリストのところです。

スクリーンショット 2014 04 11 6 37 55

そうしたら、基本タブの記入項目が「サーバー名」「サーバーフォルダー」「Web URL」の3つになりますので、それぞれ入力していきます。

・サーバー名:「任意のサーバー名」 自分がわかりやすい名前にしましょう。
・サーバーフォルダー: MACでローカル環境を構築しているならばMAMPを利用していると思います。MAMPでのフォルダパスは、MAMP/htdocs/サーバーフォルダ名になります。必ずhtdocsの中に保存しましょう。

その際、フォルダ名を英数字でサイト名や想定するドメイン名などにすると管理がしやすくなります。

・Web URL:「http://localhost/サーバーフォルダ名/」例えば、想定するドメインが「gogo-car」であれば「http://localhost/gogo-car/」にするなど

このように、http://localhost/の後にサーバーフォルダ名を入力します。そして最後にスラッシュです。

階層がある場合は、htdocsから見た階層の通りパスを入力します。

スクリーンショット 2014 04 11 6 39 31

詳細設定タブでチェックを入れる

続いて、詳細設定タブを選択します。

テストサーバーのサーバーモデルで「PHP MySQL」を選択します。

リモートサーバーのチェックリストで上から2番目の「保存時にファイルをサーバーへ自動的にアップロード」を必要であればチェックを入れます。

この部分は、ローカルフォルダをhtdocs内にしていれば特に必要ありません。

なぜなら、ファイルの保存しているローカルフォルダをそのままサーバーフォルダにしておくと、ローカルで作業していてファイルを保存すると即反映するからです。

基本的にプログラムの作業でバックアップを取りつつローカルとサーバーを分けつつデータを守るべきですが、簡単な作業やちょっとやってみたい程度のことならローカルとサーバーを一緒にしてもいいとは思います。

ここまで入力、チェックを入れたら確認して保存を選択します。

スクリーンショット 2014 04 11 6 39 41

設定の確認し保存して終了

いよいよコレで最後です。

サーバーのリストに設定したサーバーが表示されている事を確認します。

リストの右端のテスト欄のチェックボックスにチェックを入れて保存を選択し終了です。

スクリーンショット 2014 04 11 6 44 38

さっそく、Dreamweaverでライブビューを試してみましょう。
うまく設定が出来ていれば、ライブビューに文字列が表示されます。

スクリーンショット 2014 04 11 6 45 22

お疲れ様でした。

デペロッパーツールも併用しよう!

ローカルで動かす言ってもブラウザで確認することになりますから、デペロッパーツールも一緒に使うことでより簡単に効率的に作業を進めることが出来ますよ。

デペロッパーツールは、ブラウザ上でhtmlやcssの値を変更してダイレクトに変更結果を表示してくれる優れものです。

  • Dreamweaverである程度開発したら、ブラウザでデペロッパーツールで微調整をする。
  • Dreamweaverで開発したけど、うまく表示できていない場合にデペロッパーツールで不具合が出ているところを探す。

などの使い方が出来ますよ!

そして、デペロッパーツールにて値を調整したら、コピペしてDreamweaverで所定の箇所を修正してリロードして、ブラウザで確認という作業の繰り返しでサイトを作っていきます。

デペロッパーツールとDreamweaverの併用は、ウェブサイト開発ではセットになりますから、どちらも使いこなせるようにしておきましょう!

 

デペロッパーツールの詳しい使い方はこちらの記事でまとめています。

簡単にウェブサイトやブログのソースコードを見る方法【デペロッパーツール】

さいごに

ローカルのサイト定義はそんなに難しくなかったと思います。

サイト定義を行うことで、随時プログラムの動きを’確認できますし、WordPressもライブビューを確認しながらチェックすることが可能となります。

便利な機能をどんどん使って素晴らしいサイトを作っていきましょう!!

絶対に収入を得たい初心者のための稼ぐブログの作り方|収入を伸ばす運営方法

ブログの作り方を初心者のためにわかりやすく解説しているページです。 手順通りに行なっていけば、ブログ収入の仕組み、ブログの作成の準備段階、ブログの作り方、記事の書き方、そして運営方法までわかるようにま ...

続きを見る

稼ぐブログの作り方

初心者のために「完全無料」で公開中!!

詳しくはコチラ

人気記事

  1. phpをDreamweaverを使ってローカル環境で動かす方法
  2. 【簡単10分】ECS LIVA ZのメモリとSSDの増設方法と手順【分解写真付き】
  3. 【超簡単】ECS LIVA Zの増設したSSDにOSを移行して起動ドライブにする方法【さらに高速化】
  4. 25歳を過ぎたら手遅れ?そんなことない!人生を後悔しないための具体的な3つのやり直し方
  5. ECS LIVA Z Celeron N3350小型デスクトップpcの実機レビュー増設後の使用感
  6. 簡単にウェブサイトやブログのソースコードを見る方法【デペロッパーツール】
  7. 勉強したい社会人は孤独を強みに変えよう
  8. 人生に後悔した時にいつまでも悔やまない考え方
  9. 社会人の孤独な一人暮らしを成長する機会にする考え方
  10. 25歳で「手遅れ」と感じたら始める人間関係整理術。失敗に影響しない幸せを手に入れろ!
  • この記事を書いた人
  • 最新記事
ユキズ(@yuki_PHZ)

ユキズ(@yuki_PHZ)

働き方改革によって迎える令和元年は、まさに副業元年ともいえます。自分や家族の生活のため、よりよい暮らしや豊かさを求めて副業を始める人たちのためにナイスな情報を提供しています!

よく読まれている記事

1

ブログの作り方を初心者のためにわかりやすく解説しているページです。 手順通りに行なっていけば、ブログ収入の仕組み、ブログの作成の準備段階、ブログの作り方、記事の書き方、そして運営方法までわかるようにま ...

2

副業をする上で、「何を」副業とするかは大事なポイントです。 できればキツくない方が、できれば割りのいい方がと思う気持ちはもちろん理解できます。 ただ、ここでは、ちょっと視点を高くして「なぜ副業するのか ...

3

副業したい女性に今人気になっているのが「ブログ」を使って収入を得る方法です。 ブログでお金を稼ぐことは実は出来るんです。 ここでは、ブログを使った副業について説明していきます。 ブログで稼ぐって怪しく ...

4

この方法は抽象的ではく具体的に提示する案になります。 本当に苦しく、孤独感や絶望感を感じていて、藁にもすがりたいと感じているあなたに対してのプランです。 このいずれの方法も当ブログ著者の経験を、良かっ ...

-WordPress
-, ,

Copyright© バレない在宅副業ならブログ収入だ!!ナイスな副業の始め方-NICESKILL- , 2019 All Rights Reserved.