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

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

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

関連記事

no image

OS+ブラウザごとのcssが簡単に書けるJavaScript「CSS Browser Selector」

この記事は約 1 分で読めます。 「このブラウザだけデザインが崩れてる?!」というのはよくあることで、時々cssにブラウザハックを書かねばならないことがありました。 そんな時、ほんの少しcssでクラス …

WordPressが勝手に挿入する「pタグ」を自動挿入させない方法

この記事は約 1 分で読めます。 WordPressには「auto paragraph」という、自動でpタグを挿入してくれる機能があります。 そのため、意図しない見た目になってしまうことが、時々起きて …

no image

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

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

no image

iPad・iPhoneでレイアウトが崩れた時に試してみたこと

この記事は約 1 分で読めます。 今まではWebサイト制作は、PCでの表示だけを意識して作っていたのですが、最近iPadやiPhone・Androidでのアクセスが増えて、お仕事の依頼もPCだけでなく …

no image

jquery.gmap3.jsを使って、Googlemapを簡単にカスタマイズ♪

この記事は約 1 分で読めます。 今回は、GoogleMapを埋め込んで、カスタマイズ出来るjQuery プラグイン「jquery.gmap3.js」。使ってみたら楽に出来たので、メモです。 配布元: …