このカテゴリでは、Windows・Mac それぞれでの Web開発環境の構築方法を解説しています。
PHPやJavaScriptを学ぶためには、まず自分のパソコンでコードを動かせる環境を用意することが重要です。
MAMPやXAMPPを使ったローカル環境の構築から、Dockerを利用した開発環境まで、初心者でもつまずきにくい手順で紹介しています。
環境構築ができれば、実際にコードを書いて確認しながら学習を進められるようになります。
Web開発学習ロードマップ 2-7 ブラウザ開発者ツールの基本的な使い方
前の記事では、PHPが正しく動作しているか を実際に確認しました。ここまでで、「コードを書く → ブラウザで結果を見る」という流れは体験できています。しかし、Web開発では必ず次の壁にぶつかります。・思った通りに表示されない・エラーが出てい...
Web開発学習ロードマップ 2-6 PHPが正しく動作しているか確認してみよう
ここまでで、・開発環境とは何か・MAMP / XAMPP のインストール・サーバーの起動までを行いました。しかし、この時点では本当にPHPが動いているかどうかは、まだ分かりません。環境構築で最も重要なのは、「実際にPHPを動かして確認するこ...
Web開発学習ロードマップ 2-5 ドキュメントルートとURLの関係を理解する｜「どこに置けば表示されるのか」
開発環境を構築して、PHPやHTMLが動くようになったあと、多くの人が次の疑問にぶつかります。・ファイルをどこに置けばいいのか分からない・URLとフォルダの関係が分からない・なぜ表示されないのか分からないこの原因は、👉 ドキュメントルートの...
Web開発学習ロードマップ 2-4 XAMPPとは？WindowsでのPHP開発環境構築手順
前の記事では、Macユーザー向けに MAMP を使ったPHP開発環境の構築方法を解説しました。この記事では、Windowsユーザー向けの開発環境構築ツール「XAMPP」 を使って、PHPが動く環境を用意します。ここでも大切なのは、手順をなぞ...
Web開発学習ロードマップ 2-3 MAMPとは？MacでのPHP開発環境構築手順
2章では、PHPを実際に動かすための開発環境構築 を進めています。この記事では、Macユーザー向けの開発環境構築ツール「MAMP」 を使って、PHPが動く環境を用意します。ただし、この段階での目的は「とにかくインストールすること」ではありま...
Web開発学習ロードマップ 2-2 開発環境構築の全体像と流れ
前の記事では、開発環境とは何か、なぜ必要なのか を整理しました。ここからは、実際に環境構築に入っていきますが、その前に 必ず理解しておいてほしいこと があります。それは、「これから何を、どんな順番で準備していくのか」という 全体像 です。こ...
Web開発学習ロードマップ 2-1 Web開発に必要なツール一覧と選び方
1章では、Web開発の全体像や役割分担について理解してきました。ここから2章では、実際にコードを書いて動かすための準備 に入ります。その第一歩が、開発環境の構築 です。しかし初心者の多くが、・なぜ環境構築が必要なのか・何を準備しているのか分...