Webの記録

MacでもWindowsでもOKな「AMPPS」でローカル環境を作ってみる

投稿日:

この記事は約 3 分で読めます。

AMPPS
以前、ローカル環境では「XAMMP」と「MAMP」の環境を作ってみました。
今回は、MacでもWindowsでも使える「AMPPS」でローカル環境を作ってみました。
ダウンロード・インストールの方法をメモします。(今回試したのはWindowsですのでキャプチャー画像はWindows画面です)

1.ダウンロード・インストール方法

「AMPPS」サイトのダウンロードページへアクセス。→ http://www.ampps.com/download
ページを下へスクロールすると、ダウンロードボタンがあります。

ampps_2

すると以下の画像のような画面が出てきます。「NEXT」ボタンを押して次に進めます。

ampps_3

以下の画像のような画面が出たら、「I accept the agreement」にチェックして、「NEXT」ボタンを押して次に進めます。

ampps_4

この後たくさん画面が出るのですが、保存場所など特に指定がない限りほぼ全て「NEXT」ボタンを押すだけで次に進めます。

以下の画像のような画面が出たら、ようやく「インストール」です。「Install」ボタンを押して次に進めます。

ampps_6

Windowsの場合、以下の画像のような警告が出るかもしれません。その時は、「アクセスを許可する」ボタンを押すと次に進めます。

ampps_7

以下の画像のような画面が出たら、インストール完了です!

ampps_8

2.「AMPPS」の中にファイルを置いて、実際に表示させてみる

環境によって違いがあるとは思いますが、パソコンの中にインストールした「AMPPS」を探します。

【Windows】C:Program Files (x86)Ampps
【Mac】アプリケーションのAMPPS

それぞれの環境でインストールした「AMPPS」を見つけたら、その下層にある「www」フォルダの中に表示させたいhtml等のファイルを入れます。

ampps_9

「http://localhost/●●●(表示させたいフォルダー・ファイル名)/」が、URLとなります。

Windowsではこれで表示ができました!(「AMPPS」が既に起動できていたので)

Macは「AMPPS」を起動させて(「Apache」と「MySQL」の両方の「Start」ボタンを押す)から表示します。

これで「AMPPS」の環境ができあがりました!これからCMSなどインストールして、いろいろチャレンジしてみようと思います♪

【参考にさせて頂いたブログ】「AMPPS」でローカル環境を作ってみる|ふわっとブログさま

-Webの記録
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

Photoshop で入力したテキストの「縦書き」「横書き」を変更する方法

この記事は約 1 分で読めます。 Photoshopを使うようになってもう何年も経つのに、意外と知らずに無駄な事をしていたり・・・が多かったりします。。。 効率よく作業するには、やっぱり便利な方法は活 …

no image

X SERVERにa-blog cmsをインストールしてみた。

この記事は約 1 分で読めます。 先日「「AMPPS」にa-blog cmsのローカル環境を作ってみる」でローカル環境にa-blog cmsをインストールしてみました。 今回、a-blog cmsの勉 …

no image

WordPressテスト環境をMAMPで作ってみた♪ for Mac

この記事は約 1 分で読めます。 WordPressのテーマ作りなどをする時、いきなり本番サイトでは試せないので、テスト環境をMacのパソコンに作りました。 「WordPressテスト環境をXAMPP …

no image

ファビコンその後・・・。

この記事は約 2 分で読めます。3月2日投稿した「ファビコン」の話、その後・・についてです。 実は、IEでのファビコン表示が出来ずに苦戦していたんです。 そこで・・・いろいろ試した結果。 本日、やっと …

no image

Evernote Webクリッパーを入れてみた♪

この記事は約 1 分で読めます。Web上で興味を持ったページの情報をそのまま手軽にEvernoteに保存する方法を試してみたいと思います。 日頃使っているEvernoteの便利な使い方その2です。(2 …