Web開発学習ロードマップ2-6 PHPが正しく動作しているか確認してみよう
ここまでで、・MacではMAMP・WindowsではXAMPPを使って、PHPの開発環境を構築してきました。ただ、環境構築で最も大切なのは「インストールできた」ことではなく「PHPが正しく動いている」ことを確認することです。この記事では、P...
2025-12
Web開発学習ロードマップ
Web開発学習ロードマップ3-2 HTMLの基本構造と必須タグを理解しよう
前の記事では、HTMLがWebページの構造を作るための言語であることを学びました。ここでは、実際にHTMLを書くために必要な基本構造と、必ず使うタグを整理していきます。この内容は、CSS・JavaScript・PHPすべての土台になります。...
Web開発学習ロードマップ3-1 HTMLとは何か｜Webページの構造を作る言語
Webページを作るうえで、最初に学ぶべき言語がHTMLです。CSSやJavaScript、PHPといった技術はすべて、HTMLを土台として成り立っています。・HTMLは何をするためのものなのか・なぜ最初にHTMLを学ぶ必要があるのか・CSS...
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を使うべ...
Web開発学習ロードマップ1-6 Web開発で最低限知っておくべき用語集
Web開発の学習を始めると、技術そのものより先に、専門用語の多さに戸惑うことがよくあります。・言葉の意味が分からず、説明が理解できない・調べても別の用語が出てきて混乱する・何となく流してしまい、後で詰まるこうした状態を防ぐために、この記事で...
Web開発学習ロードマップ1-5 開発環境と本番環境の違いとは？
Web開発を学習していると、次のような場面に必ず直面します。・ローカルでは動いているのに、本番で動かない・エラーが出ないはずなのに、画面が真っ白になる・設定をどこで切り替えればいいのか分からないこの原因の多くは、「開発環境」と「本番環境」の...