*

XAMPPインストール

公開日: : 最終更新日:2015/05/20 PHP, 講義

さて、XAMPPの初歩的な説明とエディタについて説明をしたところで実際にXAMPPをインストールしてみましょう。

開発環境の構築

実際にコーディングをする前にコーディング(プログラムを書くこと)ができるようにする準備を整えることを開発環境の構築と言います。

PHPに限らず、プログラミングをスタートさせるにはまずそのための準備が必要になってきます。それではXAMPPを自分のパソコンにインストールしてみましょう。またこのページでは基本的にwindowsでの開発を前提にすすめさせていただきます。

また自分のパソコン内の環境ことをローカル環境といったりしますので、覚えておきましょう。

XAMPPパッケージをダウンロード

まずはXAMPPのページにいき、XAMPPのダウンロードをしましょう。下記ページのトップのダウンロードの文字の真横のリンクをクリックしてダウンロードすればOKです。また32bit版となっていますが、64bit版のPCであっても問題ありません。

xampp

 XAMPPのインストール

XAMPPがダウンロードできたら、早速インストールしてみましょう。

SnapCrab_NoName_2015-4-17_21-36-31_No-00

上記のように自分のPCにXAMPPがダウンロードされていると思いますので、そのままダブルクリックしましょう。

下記のように切り替わっていきますが、何も考える必要はなくすべてYES,OK,NEXTなどの決定で構いません。

以下のような画面が切り替わっていきます。(PCの設定により出ない画面もある可能性があります。)

スクリーンショット 2015-04-23 16.44.21

 

スクリーンショット 2015-04-23 16.45.17

 

スクリーンショット 2015-04-23 16.45.27

スクリーンショット 2015-04-23 16.45.31

スクリーンショット 2015-04-23 16.45.55

スクリーンショット 2015-04-23 16.45.57

スクリーンショット 2015-04-23 16.46.11

スクリーンショット 2015-04-23 16.46.24

あとでも変更することができますので、最初のうちはあまり深く考えずに、とりあえずインストールしましょう

 

スクリーンショット 2015-04-23 16.51.08

上記画面が出ればとりあえずインストールは終了です。

1つずつ説明してください!と思う方がいるかもしれませんが、あえて説明しません(笑)プログラムの勉強していると日常生活ではお目にかからない、わけのわからないことが山のようにでてきます。

そんな状態で完全に理解しようと思ったらまず確実に頭がパンクします。IQが200あっても無理だと思います(汗)

最初はよくわからなくても手順どおりやってみて、まずは慣れるということをお勧めします。

これは決して説明を逃げているわけではありませんよ・・・(笑)

コントロールパネルの起動

インストールお疲れ様でした!・・本日の作業は終了です。といいたいところですが、まだここで終わりではありません(笑)

実はXAMPPをPC内にインストールしただけでは使えるようにはなりません。XAMPPをローカル環境で使用するためには起動させておかなくてはいけないのです。

それではインストールしたあと、具体的にXAMPPを動かしてみましょう。

XAMPPの起動

XAMPPを起動するには、Windowsアイコンをクリックしてあげれば、すでにXAMPPのコントロールパネルのアイコンが用意されています。これをクリックしてみましょう。

SnapCrab_スタート メニュー_2015-4-17_21-52-44_No-00

クリックしてあげると下記のような画面が起動します。さっき私はXAMPPを起動させるといいましたが、正確にはApacheです。ですので、ここでApacheとなっているソフトの「Start」を押してあげればApacheが起動します。
SnapCrab_XAMPP Control Panel v321   [ Compiled May 7th 2013 ]_2015-4-17_21-46-53_No-00

起動に成功していれば下記のようにApacheの文字の背景がうすい青緑になります。
SnapCrab_XAMPP Control Panel v321   [ Compiled May 7th 2013 ]_2015-4-17_21-47-44_No-00

これでApacheが起動できました。

PHPでHello,Worldを表示させよう

さて、XAMPPをなんとかインストールし、Apacheを無事起動することができました。ただ、XAMPPだけを動かしてもプログラミングははじまりません。

起動したところで、実際にPHPでコーディングをしてみましょう!

ルートディレクトリにファイルを置こう

PHPを動かすためには、まず所定の場所にファイルを置かなくてはいけません。WindowsでXAMPPをインストールした場合、C:\xampp\htdocsというフォルダができていると思います。

htdocs(これで、えいちてぃーどっくすと呼びます。)の下の階層にいき、右クリックで「新規作成」→「テキストドキュメント」でファイルを作ります。

aaa

名称はsample.phpとしておいてください。

またこのようにプログラムを動かすファイルを置く場所のことをルートディレクトリと呼びます。

PHPのコーディングをしてみよう

それではsample.phpの中に実際のPHPのプログラムを書いて見ましょう。

細かい文法的説明は後ほどしますので、とりあえず、下記のコードをsample.phpの中にコピペして保存してください。

Hello,Worldってなんだ?と思った方もいるかもしれません。直訳すると「こんにちは世界!」ですね。私がこの挨拶が好きというわけではなく、プログラミングの世界で一番最初に起動させるメッセージでよく使われるため、使っています。

このメッセージを表示させないと動かないとかそういったことはないですが・・・(汗)

メッセージ自体は何でもよいですが、最初は英語にしておきましょう。日本語だとうまく表示されないことがあります。

ブラウザでアクセスしてみよう。

sample.phpが保存し終わりましたら、http://localhost/sample.phpにアクセスしてみましょう。

下記のような画面が出力されていればOKです。

SnapCrab_NoName_2015-4-17_22-9-46_No-00

お疲れ様でした!

いかがだったでしょうか。これでPHPをブラウザで表示することができました。

非常に簡単ではありますが、これも立派なPHPプログラムの出来上がりです!

今後は基本的にルートディレクトリにファイルにPHPのファイルを作成して、ブラウザでhttp://localhost/ファイル名にアクセスをしていくことになります。

この一連の作業は覚えておきましょう。

関連記事

15時間でプログラミング言語の基本をマスターする方法

今回は主に経験者向けの記事となります。 タイトルの通りなのですが、私が新しい言語をマスターする

記事を読む

PHPで掲示板を作ろう! 掲示板の作成方法 その1

以前、お問い合わせフォームを作成しましたが、今回からは数回に分けて掲示板を作成していこうと思います。

記事を読む

プログラミング開発環境構築で挫折・・ wandboxを使ってみよう

本日はプログラミングの環境構築で挫折した方のために、前回の記事で紹介したwandboxというツールを

記事を読む

30代、未経験者、独学中心でWEBエンジニアとして就職するまで

のっけからストレートなタイトルでスイマセン。 昨日ブログのアクセスをいろいろとみていましたが、

記事を読む

ゼロからWEBプログラミング(PHP)をマスターするのに何時間かかる?

おはようございます。松本です。 さて、本日のテーマはタイトルのとおりです。以前受講生の方に「ゼ

記事を読む

繰り返しを学ぼう その2 (while)

おはようございます。松本です。 最近、仕事をしていると細かいノウハウよりも「行動力」が何よりも

記事を読む

「初心者が勉強するのに良いプログラミング言語は何ですか?」を真面目に考えてみる

プログラミングをそもそもやったことがない方であれば、タイトルのように「どのプログラミング言語をやった

記事を読む

なぜPHPなのか

はじめまして、プログラミングの講師を担当させていただきます、松本と申します。 このたび、株式会

記事を読む

プログラミングの基本ルール

ガチンコ松本です。 さて、準備が整ったところでさっそくPHPのコードを書いていきましょう!

記事を読む

エラーメッセージで挫折

もうエラーメッセージで挫折しない! 4つのエラーメッセージ対処法

このブログで何回か書いたのですが、PHPに限らずプログラミングの独学はかなり難しいです。 その

記事を読む

Message

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

無料PHPスクール
自社開発>客先常駐である本当の理由

このブログでも何回か取り上げていますが、ITエンジニアの働き方としては

エンジニアにとって必要なコミュニケーション能力とは

気がついたらもう3月下旬になっていますね・・ 年末年始忙しかった

エンジニアを採用する上で大事なこと

本日はエンジニアの採用について書きたいと思います。最近少し採用に絡んだ

エンジニアが給料を上げる方法を真面目に考えて見ました。

本日はエンジニアと給料の話題について触れて行こうと思います。 エ

エンジニアの「スキル」とはなんぞや

給与が低いことに悩んでるエンジニアへのアドバイスをツイートで見たところ

→もっと見る

  • follow us in feedly
PAGE TOP ↑