Web開発学習ロードマップ 3-6 フォームの基本構造とinputタグの使い方
ここまでで、HTMLの構造やタグ、セマンティックHTMLについて学んできました。ここから先、Webページを「見るだけのもの」から「ユーザーが操作できるもの」 に変えるために必要なのがフォーム（form） です。・お問い合わせフォーム・ログイ...
Web開発学習ロードマップ
Web開発学習ロードマップ 
Web開発学習ロードマップ 3-5 セマンティックHTMLとは？正しい構造を書く理由
HTMLでページを作れるようになると、次のような疑問が出てきます。・とりあえず div で囲っていけば動く・見た目は問題ないけど、これで正しいのか不安・なぜ header や footer を使う必要があるのかこの疑問に答えるのが、セマンテ...
Web開発学習ロードマップ 3-4 HTMLでよく使うタグ一覧と基本的な使い方
HTMLの基本構造や属性について理解したところで、次に必要になるのが 「実際によく使うタグを把握すること」 です。HTMLには多くのタグがありますが、日常的に使うものは限られています。・どのタグを使えばいいか分からない・divばかり使ってし...
Web開発学習ロードマップ 3-3 HTML属性とは？class・id・nameの違い
HTMLを学び始めると、タグと一緒に次のような言葉が出てきます。・class・id・name「何となく見たことはあるけど、何が違うのかよく分からない」という状態になりやすい部分です。しかし、この 属性の理解 は、CSS・JavaScript...
Web開発学習ロードマップ 3-2 HTMLの基本構造と必須タグを理解しよう
前の記事では、HTMLがWebページの構造を作るための言語であることを学びました。ここでは、実際にHTMLを書くために必要な基本構造と、必ず使うタグを整理していきます。この内容は、CSS・JavaScript・PHPすべての土台になります。...
Web開発学習ロードマップ 3-1 HTMLとは何か｜Webページの構造を作る言語
Webページを作るうえで、最初に学ぶべき言語が HTML です。CSSやJavaScript、PHPといった技術はすべて、HTMLを土台として成り立っています。・HTMLは何をするためのものなのか・なぜ最初にHTMLを学ぶ必要があるのか・C...
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が動く環境を用意します。ここでも大切なのは、手順をなぞ...