folder便利なもの

ローカル環境でWordPressやPHPの動作確認ができる「ampps」の使い方

ローカル環境でWordPressやPHPの動作確認ができる「ampps」の使い方

ローカル環境でWordPressやPHPの動作確認ができる「ampps」の使い方 - https://do.gt-gt.org/how-to-use-local/

令和の個人サイト制作では、WordPressやPHPプログラムなどのとても便利なツールを利用することが多いですが、これらは通常、ローカル環境で動作させることはできません

しかし、amppsというツールを使えばPHPやWordPressなどのプログラムを、サーバーにアップロードしなくても動作させることができます。サイトに反映させる前に動作を確認できるので、とても便利なツールです。メールアドレスの登録が必須ですが、ツールは無料で利用できます。

amppsの他にも、XAMPP、Localなどの類似のアプリケーションがありますが、amppsが最もカンタンにインストールでき、複雑な設定をしなくてもすぐに利用できます(do調べ)。

この記事ではamppsのダウンロードから、ローカルでPHP・WordPressを動作できるようにするまでを、スクリーンショットつきで解説します。

amppsのダウンロードとインストール

amppsのサイトへアクセスし、「downloads」ボタンをクリック。

お使いのOSに合わせて、Downloadボタンを押下します。

Downloadボタンを押下するとメールアドレスを尋ねられますので、有効なメールアドレスを入力し「Subscribe & Download」をクリックします。Subscribeとありますが、料金を請求されたりすることはありませんので、ご安心ください(ユーザーとして申し込みをするだけです)。

また、ボタンをクリック後、登録メールアドレスに「Softaculous」から英語のメールが届きます。アカウントを有効にするため、記載されたURLにアクセスして、アカウント登録を完了してください。

これ以降はWindows版の操作説明になります。Mac OSの場合は細部が異なる場合がありますが、基本的には同じ操作でインストールが完了できます。

Subscribe & Downloadボタンをクリックと同時に、AMPPS-〇〇〇.exe(〇〇〇の部分にバージョンなどが入ります)というインストール用のファイルがダウンロードされますので、ダウンロードが完了したらこのファイルを起動します。

このような画面が出たら「I accept the agreement(合意します)」にチェックを入れ「Next」をクリック、その後も案内に従って「Next」をクリックし、最後に「Install」をクリックするとamppsがインストールされます。

インストールが完了するとamppsが起動します。

PHP、MySQL、Apacheが起動している(Running)状態になっています。

amppsの使い方

ウインドウの下部に「C:/Program Files/Ampps」と書かれていますが、これはamppsがインストールされた場所を示しています。

「ampps」のロゴの下に6つアイコンが並んでいますが、この右から二つ目のフォルダアイコンをクリックすると、Amppsフォルダの中のwwwフォルダにアクセスできます。ここに追加したファイルが、amppsを使って動作確認ができます。例えばここに「test」フォルダを作成し、ここにPHPサイトやWordPressを設置すると、ブラウザでhttp://localhost/test/にアクセスすることで動作を確認することができます。

WordPressもこのフォルダに通常の方法でセットアップ・動作させることができます。レンタルサーバーから提供されるようなカンタンインストール機能はありませんので、手動でインストールする方法は以下の記事を参考にしてください(別サイトへ移動しますが、doの姉妹サイトです)

サイトがまるごとPHPで作られていなくても、当サイトで配布しているいいねボタンやずぼログなどを利用している場合は、サイト構成ファイルをまるごとamppsで動作確認できるように移行しておくと便利です

関連記事

デベロッパーツールの使い方を画像付き解説!CSS編集の強力な味方にしよう
folder便利なもの favorite 14

デベロッパーツールの使い方を画像付き解説!CSS編集の強力な味方にしよう

創作・同人系個人サイトを探せるサーチサイトを紹介!個人サイトをもっと楽しもう!
folder便利なもの favorite 132

創作・同人系個人サイトを探せるサーチサイトを紹介!個人サイトをもっと楽しもう!

Googleカレンダーをサイトにキレイに埋め込むFullCalendarの使い方
folder便利なもの favorite 23

Googleカレンダーをサイトにキレイに埋め込むFullCalendarの使い方

創作・同人サイトに使える!導入がカンタンで便利な無料プログラム
folder便利なもの favorite 155

創作・同人サイトに使える!導入がカンタンで便利な無料プログラム

RSSって何?サイトの更新情報を自動収集して推しサイト巡りを楽しもう!【SNSいらず】
folder便利なもの favorite 38

RSSって何?サイトの更新情報を自動収集して推しサイト巡りを楽しもう!【SNSいらず】

創作・同人サイトで使えるフリー素材サイト【写真・アイコン・壁紙など】
folder便利なもの favorite 37

創作・同人サイトで使えるフリー素材サイト【写真・アイコン・壁紙など】