（社内新卒・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^)／

: GoogleスプレッドシートからTreasureDataへデータを取り込む

AudienceOneの開発を担当しています。skryoです。またまたTreasureDataネタですが、今回はGoogleスプレッドシートからGoogleAppsScriptを使ってTreasureDataへデータを取り込む手順を紹介したいと思います。なぜ？ Googleスプレッドシート上でマ …

: ディープラーニングで「顔が似ているAKB48のメンバーを教えてくれるbot」を構築

概要こんにちは、システム開発部の中村です。今回は、Facebook Messenger APIを利用して、画像をアップロードすると、似ているAKB48のメンバーを教えてくれるbotを実装しました。尚、ディープラーニングやTensorFlowそのものの解説というより、「エンジンとしてディープ …

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

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

: Railsたった14行でアドサーバーAPIができた話

こんにちは。駆け出しエンジニアの近江です。最近Railsにハマっているので、私が2年間担当しているアドサーバの、簡易版をRailsで作ってみました。広告やキャンペーンを登録する管理画面はある前提で、ここからたった14行追加するだけでアドサーバーのHTTP APIを作りたいと思います。ついでに配信 …

: 【未経験からのRuby on Rails – 第2回】Rubyのプログラムを書いてみる（Mac）

こんにちは。新卒1年目のmatsuariです。前回はRubyとは何か、簡単にご紹介をしましたが、今回は実際にRubyファイルを作成して、プログラムを書いてみるところまでご紹介していけたらと思います。 Mac環境のプログラミング初心者向けです。はじめに、Rubyのプログラムを書くためのファイルを …

: Scala入門基礎編「Scalaの書き方を理解しよう」 – PHP使いからScala使いへ転身！

はじめにみなさんこんにちは、プロダクト開発本部の亀梨です。普段はXmediaOneというメディアプランニング・広告運用管理・トラッキング・マーケティング分析を行う統合プラットフォームの開発を担当しています。さて、今回はScala入門第二弾として、Scalaの書き方を紹介する基礎編をお送りしま …

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

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

: 【未経験からのRuby on Rails – 第１回】楽しく書けるプログラミング言語 “Ruby” とは

こんにちは、はじめまして。新卒１年目のmatsuari（女子）です。この度、Rubyの勉強を始めることになりまして、まずはたくさんあるプログラミング言語の中で、なぜ自分がRubyを学ぶのか？しっかりと把握した上で学習に取り組んでいきたいと考え、『Rubyとは何か？』調べました。超基礎的なこと …

: D3.jsとその活用事例について

D3.jsとは？ D3とは「Data Driven Document」の略で、データに基づいてドキュメントを操作するための JavaScript ライブラリです。ご存知の方も多いと思いますが、ちょっとだけD3.jsの基本的な使い方、そして弊社プラットフォームでの利用についてご紹介したいと思います。 …

: gulp.jsで広告タグの開発環境を整える

SEOの観点から、サイト表示速度の高速化のためJavaScriptファイルから不用な空白や改行、コメントを除去したりやローカル変数名を短縮するminifyが奨励されていますが、これはタスクランナーのgulp.jsとプラグインを使って自動化する事が可能です。 ※gulpの基本的な使い方については下 …

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