（社内新卒・PHPビギナー向け）MacでPHP7開発環境を構築しよう！

2018/05/22 - プログラム言語 php, プログラミング, 開発

はじめに

みなさんこんにちは、プロダクト開発本部の亀梨です。
普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う
統合プラットフォームの開発を担当しています。

えっ!?新卒のプログラミング研修はPHPで行われるって？！俺の得意言語やないか！！

はい、ということでいきなりですがこの記事を書くことになった動機です。
時節的にDACにもたくさんの新卒の方々が入社され、1ヶ月の新卒研修を終えて我らプロダクト開発本部にもエンジニア志望の優秀な面々が配属されてきました。
そこでプログラミング研修をPHPで行うって聞き、居てもたってもいられなくなった次第でw。

普段XmediaOneの開発言語はScalaなのですが、わたくし以前の会社で3年間PHPで開発を行っておって、
かつ人生で初めて出会ったプログラミング言語がPHPなので思い入れもひとしおなわけで。

というわけでさっそくいってみよー！

ではさっそく開発環境構築

まずはプログラミング初心者には事前知識がいろいろと必要なのですが、
論より証拠と言いますか、習うより慣れろといいますか、わたくし自身が文系のため頭で考えるより体に叩き込んで覚えるスタイルを取っているので、
いろいろすっ飛ばして環境構築を進めます。

弊社ではエンジニアにMacBook Proが支給されます。
このMacですが、始めからPHPがインストール済みではあるのですがバージョンが古いことがあります。
5.5とか5.6とか。

現在のPHPは最新バージョンが7.1で、最近のPHP関連の書籍も7系を前提に書かれていることが多いので、
バージョンをアップデートしておくことは必須となります。

Homebrew（パッケージ管理ツール）を使ってPHP7系をインストール

PHP7系をインストールするためには様々な方法があるのですが、ここでは Homebrew というツールを使う方法を取ることにします。
Homebrewの概要とインストール方法は、こちらの記事を参考にしてみてください。

ではHomebrewがインストールされている前提で、ターミナルからPHP7系をインストールします。
ターミナルとは？という方はこちらの記事に分かりやすい解説が載っています。

以下コマンドを打ってエンターで実行。

$ brew install php@7.1

1	$ brew install php@7.1

次にインストールしたPHP7の起動設定を行ないます。

brew services start php@7.1

1	brew services start php@7.1

さらに、環境変数にインストールしたPHPのパスを設定しておきます。
環境変数とは？という方はこちらの記事を参照。

$ echo 'export PATH="/usr/local/opt/php@7.1/bin:$PATH"' >> ~/.bash_profile
$ echo 'export PATH="/usr/local/opt/php@7.1/sbin:$PATH"' >> ~/.bash_profile

1 2	$ echo 'export PATH="/usr/local/opt/php@7.1/bin:$PATH"' >> ~/.bash_profile $ echo 'export PATH="/usr/local/opt/php@7.1/sbin:$PATH"' >> ~/.bash_profile

ここまできたらPHPが正常にインストールされているか確かめてみましょう。
以下コマンドを実行。

$ php -v
PHP 7.1.17 (cli) (built: Apr 26 2018 22:04:34) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.1.0, Copyright (c) 1998-2018 Zend Technologies
    with Zend OPcache v7.1.17, Copyright (c) 1999-2018, by Zend Technologies

$ php -v

PHP 7.1.17 (cli) (built: Apr 26 2018 22:04:34) ( NTS )

はい、バージョンが7.1~となっていますね。これでOK。

Webサーバー：Apacheの設定

お次はPHPをローカル環境で使うために、Macに標準でインストールされているApacheにPHPの設定を行いましょう。
Webサーバーとは？Apacheとは？という方は、こちらの記事を参考に。

普段わたし達がPCやスマートフォンで様々なWebサイトを閲覧する際は、Google ChromeやMacのSafari、MozillaのFirefox等ブラウザを使って
インターネットを経由して各企業のWebサーバーにアクセスしてWebサイトのページを取得してきています。
この仕組みはローカル環境でも一緒なので、WebサーバーであるApacheの設定が必要になります。

ではでは再びターミナルを開いて、Apacheの設定ファイル： httpd.conf を更新します。
httpd.confファイルは、/etc/apache2/ 配下にあります。
このファイルは重要な設定ファイルのため、はじめにバックアップを別で取っておいた上で、既存のファイルに設定を追記します。
またこのファイルは管理者権限でなければ変更ができないため、sudoコマンドを使ってvimエディタにて開きます。

管理者権限とは？sudoコマンドって？vimって？という方はこちらの記事とこちらの記事を参考に。

# まずはバックアップ
$ cp /etc/apache2/httpd.conf /etc/apache2/httpd.default.conf
# そして追記するためvimエディタで設定ファイルを開く
$ sudo vim /etc/apache2/httpd.conf

# まずはバックアップ

$ cp /etc/apache2/httpd.conf /etc/apache2/httpd.default.conf

# そして追記するためvimエディタで設定ファイルを開く

$ sudo vim /etc/apache2/httpd.conf

# 「Dynamic Shared Object (DSO) Support」項目の"#LoadModule php5_module libexec/apache2/libphp5.so"の下行に以下を追記
...
#LoadModule php5_module libexec/apache2/libphp5.so
LoadModule php7_module /usr/local/Cellar/php@7.1/7.1.17/lib/httpd/modules/libphp7.so <- この行を追記
...
<IfModule dir_module>
    DirectoryIndex index.php index.html <- ココにindex.phpを追加
</IfModule>
...
# [IfModule mime_module]内の最下行に以下追記
#AddOutputFilter INCLUDES .shtml
AddType application/x-httpd-php .php <- この行を追記
...
# httpd.conf最下行に以下3行を追記
<IfModule php7_module>
540 PHPINIDir /usr/local/etc/php/7.1/
541 </IfModule>

# 「Dynamic Shared Object (DSO) Support」項目の"#LoadModule php5_module libexec/apache2/libphp5.so"の下行に以下を追記

...

#LoadModule php5_module libexec/apache2/libphp5.so

LoadModule php7_module /usr/local/Cellar/php@7.1/7.1.17/lib/httpd/modules/libphp7.so <- この行を追記

...

DirectoryIndex index.php index.html <- ココにindex.phpを追加

</IfModule>

...

# [IfModule mime_module]内の最下行に以下追記

#AddOutputFilter INCLUDES .shtml

AddType application/x-httpd-php .php <- この行を追記

...

# httpd.conf最下行に以下3行を追記

540 PHPINIDir /usr/local/etc/php/7.1/

541 </IfModule>

上記を保存したら、その設定を反映させるためにApacheを再起動しましょう。

$ sudo apachectl restart

1	$ sudo apachectl restart

設定完了！果たしてPHPは正しく動くのか…？！

では最終確認と行きましょう。ローカル環境のデフォルトのドキュメントルートは /Library/WebServer/Documents/ 配下となります。
この配下に.phpファイルを配置します。

$ cd /Library/WebServer/Documents
$ vim phpinfo.php

1 2	$ cd /Library/WebServer/Documents $ vim phpinfo.php

// PHPの設定情報を呼び出すphpinfo()関数を記述
<?php

phpinfo();

?>

// PHPの設定情報を呼び出すphpinfo()関数を記述

<?php

phpinfo();

そして、好きなブラウザでURL欄に「localhost/phpinfo.php」と入力してエンター！…すると、

はい大成功…となりましたでしょうか？
これがうまく表示されていれば、あとは/Library/WebServer/Documents/配下に好きなように.phpファイルを入れて、
ブラウザで「localhost/<ファイルのパス>」でアクセスすれば画面上で出力結果が確認できます。

日々勉強した内容だったり、ちょこっとコードを試し書きなんて時このローカル環境でテストしていけばよいかと思います。

本日の講義はこれまで！w

以上となります。かなり駆け足で前提知識をすっ飛ばしての説明となりましたので、
不明点がある方はコメントor社内の方は直接亀梨に連絡もらえればと思いますw

まずは今回構築したローカル環境でいろいろ試しつつ、今回の記事中に出てきたターミナル（CLI, シェル）やvimエディタについて勉強してみたり、Webサーバー等開発環境について勉強してみたりと派生していっていただければと思います。

また何かPHP or プログラミング初心者向けの記事を思いついたら随時投稿させていただきます。
リクエストもコメントor社内の方はメール等でお待ちしていますよ！それではまたー＼(^o^)／

: プログラミング初心者がswiftでゲームアプリ的なものを作ってみた。

こんにちは、DAC2年目のkumataです。普段は素敵な先輩方に囲まれてインフラ周りのお仕事をさせて頂いていますが、今回は業務とは全く関係ないプログラミングをやってみました。全く初心者なのですが、swift+Xcodeで簡単にスマホゲーム的なものが作れました。初心者の目線から作成方法をつらつ …

: 【小ネタ】Javascriptのconsoleオブジェクトをもっと便利に使う方法

すごく便利なconsoleオブジェクトですが、ブラウザによってサポートされているメソッドがなかったり、そもそもconsoleオブジェクトが使えなかったりと、たまに不便だったりします。そんなときによく使う便利なコード。 [code language=”javascript” …

: TypeScriptについてまとめてみた

はじめに JavaScript がとりあえずそのまま動くので、雰囲気で使ってしまいがちな TypeScript。初心者向けに基本的なことをまとめてみました。 TypeScript って何？ TypeScript はマイクロソフトが開発したプログラミング言語で、オープンソースでメンテナンスされています …

: Polymer core-ajax の使い方

Polymerのcore-ajaxの使い方。まずは、index.html [code language=”html” title=”index.html”] <!doctype html> <html> <head&gt …

: ECMAScript6を使ってみた～「Promise」編

ECMAScript6とは一応ちょっとだけ説明しておくと、 ECMAScript（エクマスクリプト）は、Ecma Internationalによって標準化されたスクリプト言語で、バージョン6が2015 年 6 月 17 日に標準仕様として発行されました。（以下、ES6と呼びます） ES6ではcon …

: 【小ネタ】JSで要素の組み合わせを列挙する

下記のような、キーの数や要素数が可変のデータの組み合わせを、列挙するjavascriptコードです。 pythonにはitertoolなどの順列・組み合わせ計算を行う定番ライブラリがあるようです。やっている事ですが、イメージとしては組み合わせを数列に置き換えています。 1桁目が2進数、3桁目が3進 …

: Scala入門準備編「開発環境構築」 – PHP使いからScala使いへ転身！

はじめにみなさんこんにちは、今月入社しましたプロダクト開発本部の亀梨です。普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う統合プラットフォームの開発を担当しています。 XmediaOneの開発で採用しているプログラム言語はS …

: Qiita Team API と Google Spread Sheet でチーム日報を生成する

チーム日報を活用する MarketOne 開発チームでは複数拠点に分かれての開発を行っています。リモート開発が中心となると口頭でのコミュニケーションに限界があるため、テキストベースのコミュニケーションの比重が高い状態にあります。チケットシステムやソースコード管理ツール上の議論はもちろんおこなってい …

: 【未経験からのRuby on Rails – 第3回】変数と定数

こんにちは。新卒1年目のmatsuariです。今回はRubyに限らずプログラミングを学ぶ上で非常に重要となる「変数と定数」について、ご紹介していきます。変数とは・・・オブジェクトを一時的に格納しておく箱で、オブジェクトを識別するために利用します。言葉だけでは理解が難しいかと思いますので、まず …

: 初心者がRailsで開発 – deviseでユーザー認証設定 –

こんにちは、2年目のYukaです。開発部所属でありながら実は、、実際に自分で手を動かして開発する機会がなかなかありませんでした。。しかしついに、、、開発初心者がRailsでWebアプリの開発に挑戦します！！今回のゴールは社内でも使用しているGoogleアカウントで簡単にログインができるよう …

PREV: ゼロからAngularでSPAを作ってみた(3) CI: 継続的インテグレーション編
NEXT: Bootstrapのモーダル機能で多重表示する際に解決しなければならない2つの問題