この記事では、
Macユーザー向けの開発環境構築ツール「MAMP」 を使って、
PHPが動く環境を用意します。

ただし、
この段階での目的は
「とにかくインストールすること」ではありません。

・何を用意しているのか
・なぜその設定が必要なのか

を理解しながら進めることが重要です。

この記事で学べること

・MAMPとは何か
・MAMPで何がインストールされるのか
・Macでの基本的な設定方法
・PHP開発環境として使う準備

MAMPとは何か

MAMPとは、
MacでWeb開発を行うための環境をまとめて用意できるツール です。

MAMPという名前は、
次の頭文字から来ています。

・M：macOS
・A：Apache（Webサーバー）
・M：MySQL（データベース）
・P：PHP

つまり、
Web開発に必要な基本要素を一式まとめたもの
と考えてください。

なぜMAMPを使うのか

初心者がいきなり、

・Webサーバーを個別に設定
・PHPを手動でインストール
・設定ファイルを編集

するのは、
難易度が高く挫折しやすいです。

MAMPを使うことで、

・インストールが簡単
・設定が最小限
・すぐにPHPを動かせる

というメリットがあります。

MAMPで用意されるもの

MAMPをインストールすると、
次のものが自動で用意されます。

・Apache（Webサーバー）
・PHP（実行環境）
・MySQL（データベース）
・管理用ツール

これらを
自分で個別に準備する必要はありません。

MAMPのダウンロードとインストール

まずは、
MAMPを公式サイトからダウンロードし、
通常のアプリケーションと同様にインストールします。

この工程では、

・特別な設定
・難しい操作

は不要です。

画面の指示に従って進めてください。

MAMPを起動してみる

インストール後、
MAMPを起動します。

起動すると、

・Apache
・MySQL

の状態が確認できる画面が表示されます。

ここでは、
「サーバーを起動する」ことが目的 です。

サーバーを起動する

MAMPの管理画面で、
サーバーを起動します。

・Apache が起動
・MySQL が起動

両方が起動していれば、
開発環境の土台が動き始めた状態 です。

ローカルサーバーとは何か

ここで重要な概念です。

MAMPでサーバーを起動すると、
自分のMacがローカルサーバーとして動作 します。

つまり、

・インターネット上ではない
・自分のPCの中だけで動く

Webサーバーが立ち上がっています。

ドキュメントルートを理解する

MAMPには、
ドキュメントルート と呼ばれる場所があります。

ここに置いたファイルだけが、
ブラウザからアクセス可能になります。

今後は、

・HTML
・PHP

ファイルを、
この場所に作成 していきます。

なぜドキュメントルートが重要なのか

初心者がよく混乱するポイントです。

・ファイルはあるのに表示されない
・ブラウザで開けない

これは、
ドキュメントルート以外にファイルを置いている
ことが原因である場合がほとんどです。

「どこに置いたファイルが表示されるのか」
を必ず意識してください。

PHPバージョンについて

MAMPでは、
使用するPHPのバージョンを選択できます。

この段階では、

・最新すぎない
・安定している

バージョンを使えば問題ありません。

後の章で、
PHPのバージョン差による注意点
にも触れていきます。

ここではまだ「動作確認」はしない

この記事では、
環境を用意するところまで を扱います。

・PHPが本当に動くか
・ブラウザで結果が表示されるか

の確認は、
次の記事（2-6） で行います。

焦らず、
まずは環境を整えることに集中してください。

初心者がよくつまずくポイント

MAMP構築で多いポイントです。

・サーバーを起動していない
・ファイルの置き場所が違う
・URLを間違えている

「サーバーが動いているか」
「正しい場所にファイルがあるか」
を最初に確認しましょう。

まとめ

MAMPは、

・Macで
・PHP開発を始めるための
・最短ルート

となるツールです。

この段階では、

・正しくインストールできた
・サーバーが起動した

という状態になっていれば十分です。

次に読むべき記事

▶ 次の記事
2-6 PHPが正しく動作しているか確認してみよう

▶ 関連記事
2-2 開発環境構築の全体像と流れ

自分がタブを複数開く場合は、調べごとをしていてGoogleの検索結果を同時にいくつも開いたり、通販サイトなどで気になる商品を同時に開いたり・・・といった感じなので、サイト名やURLの確認が必要となる事はありません。

むしろ、タブをマウスで切り替える際に、急にポップアップが出てくるため、一瞬、戸惑ってしまいます。使ってれば慣れるんでしょうけどね・・・

タブのポップアップの無効化手順

新しく追加された機能なので、Chromeの開発者からすると便利だと思って実装されたものなんだと思うのですが、正直、必要性を感じないため、サクッと無効化してみました。

方法は簡単で、Chromeのアドレスバーに

chrome://flags/

と入力し、Enter を押します。

すると、上記のようなChromeの各機能のON/OFFを切り替える画面が表示されます。

画面上部の検索欄に「Tab Hover Cards」と入力すると、上記のような項目が表示されます。

「Tab Hover Cards」の右側のセレクトボックスを「Disabled」に切り替えます。

右下に「Relaunch」ボタンが表示されるのでクリックすると、Chromeが再起動されて、タブのポップアップが無効になります。

まとめ

1. アドレスバーに「chrome://flags/」を入力。
2. 「Tab Hover Cards」を検索して「Disabled」に変更。
3. 「Relaunch」ボタンをクリックしてChromeの再起動

Chromeは頻繁にアップデートされるので様々な機能が追加されていきますが、自分にとって必要のない機能が追加されることも多いため、今回のように機能を無効化する方法も知っておきたいですね！

「.DS_Store」っていうよく分からないファイルが一緒に入ってるんだけど〜

などと連絡が来たことはないでしょうか？
そんな方にオススメしたいZip圧縮／解凍ソフトウェアがZIPANGです。
ZIPANGを使ってファイルを圧縮すれば、このような問題を解消することができます！

ZIPANG | L’sStyle

ZIPANGには、App Storeからダウンロードできるものと、FULL版の2種類がありますが、
App Store版は一部の機能が制限されているそうなので、すべての機能が使えるFULL版がオススメです。（いずれも無料）

MacユーザーがWindowsユーザーを意識しないといけない理由

特定の業界を除き、大部分の学校や会社ではWindowsを使用していますし、
一般的にはWindowsのパソコンを使用している方が大半を占めています。

そのため、Macを使用している方でも、

• 大学のレポートをパソコンで作成して提出しないといけない、
• 仕事の資料をクライアントにメールで送る必要がある・・・
  など、どうしてもWindowsを使っている方とファイルのやりとりをする機会が出てくるかと思います。

文字化けの原因は？

文字化けはMacとWindowsで使用している文字コードが違うことが原因で起こります。
文字コードとは、日本語や中国語などの言語の違いのようなもので、
Macで作成したファイルをそのまま渡すとWindows側では
なんて書いてるかわかんないんだけど〜
となってしまい、文字化けした状態で表示されてしまいます。

ZIPANGを使うと、圧縮時に自動的にWindowsで使用している文字コードに変換してくれるため、
圧縮後、そのまま相手に渡すことができます。

.DS_Storeとは？

「.DS_Store」はMacがフォルダの設定情報などを記録しているファイルで、全てのフォルダに作られています。
隠しファイルになっているので、通常は目にすることはありません。

フォルダごとファイルを圧縮した場合に一緒に入ってしまうため、
Windowsを使っている人にファイルを送る際には、「.DS_Store」ファイルを削除しないと、
ん？なにこのファイル？
となってしまいます。
ZIPANGを使えば、圧縮時に自動的にこのファイルを除外してくれます。

ZIPANGのダウンロード

こちらのページからダウンロードできます。

ZIPANG | L’sStyle

最初に書いた通り、App StoreからダウンロードできるものとFULL版の2種類があるので、FULL版をオススメします。

ダウンロードしたあと、「ZIPANGFULL_1.1.pkg」 (数字の部分はバージョンによって変わる可能性があります。)
のファイルをダブルクリックすると、インストールできます。

ZIPANGの使い方

ZIPANGを起動すると以下のような画面が表示されるので、「ドラッグ＆ドロップで処理開始」の下のグレーの場所に、圧縮したいファイルやフォルダをドラッグ＆ドロップするだけです！

圧縮する際にパスワードを設定したい場合は、圧縮プロファイルを「Mac To Win (パスワード手動入力)」に変更してから、ファイルのドラッグ＆ドロップをしてください。

設定画面

設定画面はMac画面の上部にあるメニューバーから
[ZIPANGFULL]　→　[環境設定]　から開く事ができます。

圧縮プロファイル

登録されているプロファイルの一覧が表示されます。
よく使うプロファイルを一番上に並べ換えることで、ZIPANGを起動した時に初期選択されるプロファイルを変更する事ができます。
また、プロファイル名をダブルクリック（歯車のマークをクリックでもOK）すると、詳細な設定を変更する事ができます。

「Dock/FinderからのDrag&Drop」では、DockにあるZIPANGのアイコンにファイルをドラッグ＆ドロップした際に使用するプロファイルの設定ができます。

圧縮プロファイル設定 – 圧縮設定

この画面では複数のファイルを圧縮した際の動作方法や、圧縮率の変更ができます。
圧縮率を高くする事で、圧縮後のファイル容量を減らす事ができますが、圧縮にかかる時間が増えてしまいます。
通常は変更する必要はないと思います。

圧縮プロファイル設定 – ファイル

• ファイル名文字コード
  圧縮する時に使用する文字コードが設定できます。
  ここを間違った設定にしてしまうと、文字化けの原因となるため、知識のない方は変更しないでください。

• 同名ファイル存在時
  圧縮後のファイル名と同じファイルが既に存在している場合の動作を設定します。
  私は毎回確認されるのは嫌なので、「自動で別名を付与する」にしています。

• 保存先
  圧縮したファイルをどこに保存するか設定します。
  私は圧縮前のファイルが置いてある場所に作成したいので「ソースと同じフォルダ」にしています。

圧縮プロファイル設定 – 除外

この画面では、圧縮する時に含めたくないファイルやフォルダを指定します。
「.DS_Store」などのWindowsとは関係ないファイルが最初から登録されています。

圧縮プロファイル設定 – パスワード

圧縮ファイルにパスワードをつける場合の動作を設定できます。

解凍プロファイル

登録されているプロファイルの一覧が表示されます。
よく使うプロファイルを一番上に並べ換えることで、ZIPANGを起動した時に初期選択されるプロファイルを変更する事ができます。
また、プロファイル名をダブルクリック（歯車のマークをクリックでもOK）すると、詳細な設定を変更する事ができます。

「Dock/FinderからのDrag&Drop」では、DockにあるZIPANGのアイコンにZIPファイルをドラッグ＆ドロップした際に使用するプロファイルの設定ができます。

解凍プロファイル設定 – 解凍設定

この画面ではZIPファイルを解凍した際に、中身のファイルをそのまま同じ階層に解凍するか、
フォルダを作成してその中に解凍するかを設定できます。

ファイルの解凍場所に他のファイルが置いてある場合に混ざってしまうため、
「フォルダを作成してから解凍」がオススメです。

解凍プロファイル設定 – ファイル

• ファイル名文字コード
  解凍する時に使用する文字コードを設定できます。
  ここを間違った設定にしてしまうと、文字化けの原因となるため、知識のない方は変更しないでください。

• 同名ファイル存在時
  解凍後した時に同じファイルが既に存在している場合の動作を設定します。
  私は「自動で別名を付与する」にしています。

• 保存先
  解凍したファイルをどこに展開するかを設定します。
  私は圧縮ファイルと同じ場所に解凍したいので「ソースと同じフォルダ」にしています。

解凍プロファイル設定 – 除外

この画面では、解凍する時に削除したいファイルやフォルダを指定します。
Windowsで圧縮したファイルにもMacにとって不要なファイルが含まれている場合があり、
初期設定ではそれらのファイルが指定されていると思います。

まとめ

• Macの標準機能でZip形式に圧縮してWindowsで解凍すると、日本語の文字化けが起こる。
• 無関係な「.DS_Store」ファイルが含まれる事がある。
• ZIPANGを使えば細かいことは気にせず圧縮・解凍できる。
• Catalinaにアップデートしても使える！

アップデート後「Macを設定中…」のままフリーズ

Catalinaのインストール画面が終了して、この画面が表示されたので、「よかった。問題なくアップデートできた！」と思ったのですが、この画面が表示されてから何時間経っても先に進みませんでした・・・

これはヤバイ！と思ってネットで調べてみたら、Appleの公式サイトに対応方法についての記載がありました。

ページが見つかりません - Apple サポート (日本)

support.apple.com

この問題を解決するには、Mac の電源ボタンを 10 秒ほど、Mac の電源が切れるまで押し続けてください。電源が切れたら、Mac の電源を再びオンにします。これで Mac が正常に起動するはずです。

これを試したところ、私のMacも無事に起動する事ができました。

Dockが表示されなくなった！

無事に起動するようになった後、他に問題がないか仕事に使うアプリなどを起動しようと思っていたところ、「あれ・・・Dockが出ないんだけど・・・」となりました。

普段、Dockは画面下に自動で隠れるようにしていたので、マウスカーソルを下の方に移動させてオロオロしていたのですが、何度やっても出てきませんでした。

そこで画面左上のリンゴマークから　[システム環境設定] → [Dock]　の順にDockの設定画面を開きました。

最初に「Dockを自動的に表示/非表示」の設定を疑ってピコピコ変更してみたのですが、まったく反応がありません・・・

そこで色々と調べてみたのですが、Dockの設定を初期化すれば直るという情報がいくつか見つかったので、試してみました。

ターミナルのアプリを起動して、以下のコマンドを実行するだけです。

defaults delete com.apple.dock; killall Dock

このコマンドを実行すると、無事にDockが表示されるようになりました！

※注意

上記のコマンドを実行すると、Dock関連の設定が全て初期化されてしまいます。
そのため、Dockの設定画面の設定項目だけでなく、Dock上に自分で追加したアプリも初期状態に戻ってしまうため、再登録する必要があります。

現状、他に対応方法が見つからなかったので初期化しかないのですが、ちょっと面倒ですね・・・