*

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/ファイル名にアクセスをしていくことになります。

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

関連記事

繰り返しを学ぼう (for,foreach)

こんばんわ。松本です。 ゴールデンウィークもそろそろおわりですね。といいつつ、私はどこにも言っ

記事を読む

プログラミングが初心者にとって難しい4つの理由

今回は初心者がプログラミングをやるのがなぜ難しいかをしっかり書いていこうかと思います(爆)。

記事を読む

未経験者がWEBエンジニアとして就職する前に身につけておいたほうがよいスキル一覧

夕方、用事から帰ってきてから寝てしまったので寝れなくなっている松本です。 寝れないので今日はも

記事を読む

PHPはなぜ簡単といわれるのか?

最近ではブラック企業と同じような意味合いでブラックバイトなんて言葉があるらしいですね。 ただ定

記事を読む

お問い合わせフォームを作ろう! その3(PHP)

それでは前回のコードを例に少しずつ内容について説明をしていきます。 値を取得するには まず一番最

記事を読む

初心者でもできる!作れる!WEBサービスの開発 その1 準備編

前回までは掲示板作成をテーマにPHPの基本的な学習内容について書いてきました。 今回は題材にあ

記事を読む

条件によって処理を分けよう (if)

おはようございます。松本です。 昨日はひさびさにサイクリングを長時間楽しみました。往復で50キ

記事を読む

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

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

記事を読む

PHPで掲示板を作ろう! 掲示板の作成方法 その4(ファイル読み込みとHTML表示)

今回でラストです。(次回はまとめをやる予定ですが。) これだけのソースにしては説明が長かったで

記事を読む

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

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

記事を読む

Message

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

転職エージェントについて

さて、エンジニアとして転職を考えている人であれば転職エージェントを使っ

エンジニアが転職して年収を上げる方法を考えてみました。

えー前回の記事でも書きましたが、2020年2月現在転職活動中です。

2020年のご挨拶

今更ですが、明けましておめでとうございます。 2019年も2本し

自社開発>客先常駐である本当の理由

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

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

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

→もっと見る

  • follow us in feedly
PAGE TOP ↑