このカテゴリでは、Windows・Mac それぞれでの Web開発環境の構築方法を解説しています。
PHPやJavaScriptを学ぶためには、まず自分のパソコンでコードを動かせる環境を用意することが重要です。
MAMPやXAMPPを使ったローカル環境の構築から、Dockerを利用した開発環境まで、初心者でもつまずきにくい手順で紹介しています。
環境構築ができれば、実際にコードを書いて確認しながら学習を進められるようになります。
Web開発学習ロードマップ2-6 PHPが正しく動作しているか確認してみよう
ここまでで、・MacではMAMP・WindowsではXAMPPを使って、PHPの開発環境を構築してきました。ただ、環境構築で最も大切なのは「インストールできた」ことではなく「PHPが正しく動いている」ことを確認することです。この記事では、P...
Web開発学習ロードマップ2-5 ドキュメントルートとURLの関係を理解する
MAMPを使ってPHP環境を構築し、にアクセスできたとしても、・なぜこのURLで表示されるのか・ファイルはどこに置けばいいのか・フォルダを作るとURLはどう変わるのかこれが分からないまま進んでしまう人は非常に多いです。この「ドキュメントルー...
Web開発学習ロードマップ2-4 XAMPPとは？WindowsでのPHP開発環境構築手順
WindowsでPHPを学習しようとすると、最初に必要になるのがローカル開発環境です。HTMLやJavaScriptは、ファイルを直接ブラウザで開けば動作しますが、PHPはサーバー上で実行される言語のため、そのままでは動きません。そこで利用...
Web開発学習ロードマップ2-3 MAMPとは？MacでのPHP開発環境構築手順
MacでPHPを学ぼうとすると、「まず何をインストールすればいいのか分からない」という問題に直面します。PHPはサーバー側で動く言語のため、HTMLやJavaScriptのようにファイルを直接ブラウザで開くだけでは動きません。そこで必要にな...
Web開発学習ロードマップ2-2 VSCode / PhpStormの基本設定とおすすめ拡張
Web開発では、「どのエディタを使うか」だけでなく、どのような設定で使うかが学習効率に大きく影響します。・入力補完が効かない・エラーに気づけない・コードが読みにくいこうした状態のまま学習を進めると、内容以前の部分でストレスが溜まり、挫折につ...
Web開発学習ロードマップ2-1 Web開発に必要なツール一覧と選び方
Web開発を始めようとすると、「まず何をインストールすればいいのか分からない」という壁にぶつかる人が非常に多くいます。・エディタは何を使えばいいのか・サーバーは必要なのか・WindowsとMacで違いはあるのか・最初からDockerを使うべ...