このカテゴリでは、Windows・Mac それぞれでの Web開発環境の構築方法を解説しています。
PHPやJavaScriptを学ぶためには、まず自分のパソコンでコードを動かせる環境を用意することが重要です。
MAMPやXAMPPを使ったローカル環境の構築から、Dockerを利用した開発環境まで、初心者でもつまずきにくい手順で紹介しています。
環境構築ができれば、実際にコードを書いて確認しながら学習を進められるようになります。
Web開発学習ロードマップ 2-7 ブラウザ開発者ツールの基本的な使い方
Web開発をしていると、次のような場面に必ず出会います。・CSSが思った通りに反映されない・HTMLは書いたはずなのに表示されない・JavaScriptが動いているか分からない・エラーが出ているのか判断できないこのようなときに使うのが、**...
Web開発学習ロードマップ 2-6 PHPが正しく動作しているか確認してみよう
ここまでで、・Macでは MAMP・Windowsでは XAMPPを使って、PHPの開発環境を構築してきました。ただ、環境構築で最も大切なのは「インストールできた」ことではなく「PHPが正しく動いている」ことを確認することです。この記事では...
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を使うべ...