1章では、
Web開発の全体像や役割分担について理解してきました。
ここから2章では、
実際にコードを書いて動かすための準備 に入ります。
その第一歩が、
開発環境の構築 です。
しかし初心者の多くが、
・なぜ環境構築が必要なのか
・何を準備しているのか分からないまま手順をなぞる
という状態に陥ります。
この記事では、
環境構築に入る前に必ず理解しておくべき考え方 を整理します。
この記事で学べること
・開発環境とは何か
・なぜ開発環境が必要なのか
・Web開発に必要な構成要素
・この後の記事で何をするのか
開発環境とは何か（再確認）
開発環境とは、
自分のパソコン上でWebアプリを動かすための環境 です。
本番環境と違い、
・自由に試せる
・失敗しても問題ない
・エラーを確認できる
という特徴があります。
2章では、
この「安全に試せる場所」を
自分のPCに用意することが目的です。
なぜ開発環境が必要なのか
PHPは、
サーバー側で動く言語 です。
そのため、
・HTMLファイルを直接開く
・PHPファイルをダブルクリックする
といった方法では、
正しく動作しません。
Webサーバー・PHP・データベース
といった環境を用意して、
初めてPHPは動きます。
Web開発に必要な基本構成
PHP開発に必要な要素は、
大きく次の3つです。
・Webサーバー
→ リクエストを受け取る
・PHP
→ プログラムを実行する
・データベース
→ データを保存する
これらを
まとめて用意するのが開発環境構築 です。
ローカル環境で開発するという考え方
2章では、
ローカル環境（自分のPC） で開発を行います。
理由は次の通りです。
・ネット接続がなくても作業できる
・失敗しても誰にも影響がない
・試行錯誤しやすい
この考え方は、
実務でも変わりません。
環境構築は「理解」が重要
環境構築の記事では、
どうしても
・手順通りに進める
・そのままインストールする
になりがちです。
しかし大切なのは、
「今、何をインストールしているのか」
「それは何のためなのか」
を理解することです。
2章で扱う開発環境の種類
2章では、
次のような環境を順番に扱います。
・MAMP（Mac向け）
・XAMPP（Windows向け）
・開発環境の動作確認
・ブラウザ開発者ツール
それぞれ、
役割と使いどころ を意識して進めます。
環境構築でよくある不安
初心者が感じやすい不安です。
・失敗したら壊れそう
・設定を間違えたら戻せない
・専門用語が多くて怖い
ですが、
2章の内容はすべて
「学習用」
「ローカル環境」
なので、
安心して進めて問題ありません。
この章を終えた時のゴール
2章のゴールは、
次の状態になることです。
・PHPがローカルで動く
・ブラウザで結果を確認できる
・エラーを見て原因を考えられる
ここまで来れば、
3章以降の
HTML / CSS / PHP 学習が
スムーズに進みます。
まとめ
開発環境とは、
・Web開発を行うための
・安全な実験場
です。
2章では、
「なぜ必要か」を理解しながら
環境を整えていきます。
ここを曖昧にせず進めることで、
後のPHP学習で
つまずきにくくなります。
次に読むべき記事
▶ 次の記事
2-2 開発環境構築の全体像と流れ
▶ 関連記事
1-5 開発環境と本番環境の違いとは？
コメント