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

はじめてのHTML5。

この記事は約 1 分で読めます。 そろそろいろんなところで、HTML5を見かけるようになり・・・今イチバン気になっているのがHTML5です。 これからHTML5を覚えていこうと思っているところなので、 …

no image

記事内のメモ表示に便利!WordPressのプラグイン「WP-Note」を使ってみた♪

この記事は約 1 分で読めます。 記事の本文とは別に、ちょっとしたメモ的な文章を書くときに使うと便利なプラグイン「WP-Note」!! 記事の一部のテキストを特定のタグで囲むだけで、カンタンに「メモ」 …

no image

画像最適化に便利な4つのツール

この記事は約 1 分で読めます。スマホを意識したWebページを作っていると、避けて通れない「画像最適化」。 昨年あたりから少しずつ使っていますが、見た目は変わらないのに軽量になるから不思議です! 私が …

no image

苦手なJavaScriptをイチから勉強してみる【イベント編】

この記事は約 1 分で読めます。 苦手なJavaScriptをイチから勉強してみる【基本準備編】の続きとしてメモします。 イチから「JavaScript」を学び直しをする為に記録を残しています。少しず …

no image

WordPressプラグイン「Simple Map」でスマホ対応GoogleMapを簡単設置。

この記事は約 1 分で読めます。 GoogleMapは、いろいろとお世話になっています。ただスマホで時々面倒だと思うのが、スクロールしていてGoogleMapに何気に指が触れてしまった時。 画面の横幅 …