Web開発学習ロードマップ 6-5 PHPの条件分岐（elseif / switch）
前の記事では、if / else を使った基本的な条件分岐 を学びました。しかし実際の処理では、・条件が2つ以上ある・場合分けが増えてくるというケースがほとんどです。そのような場合に使うのが、elseif と switch です。この記事で...
Web開発学習ロードマップ 
Web開発学習ロードマップ 6-4 PHPの条件分岐（if / else）
前の記事では、PHPで 変数とデータ型 を扱う基本を学びました。しかし、値を扱えるだけではWebアプリケーションは作れません。実際の処理では、・条件に合っていれば処理する・条件に合わなければ別の処理をするといった「判断する処理」 が必ず必要...
Web開発学習ロードマップ 6-3 PHPの変数とデータ型の基本
前の記事では、PHPの基本的な書き方と、「サーバーで実行される言語」であることを学びました。PHPで実際に処理を書いていくためには、値を扱う仕組み を理解する必要があります。その中心となるのが、変数 と データ型 です。この記事では、PHP...
Web開発学習ロードマップ 6-2 PHPの基本文法と書き方
前の記事では、PHPがサーバーサイドで動く言語であること を学びました。ここからは、実際に PHPのコードを書くための基本文法 に入っていきます。この段階でのゴールは、難しい構文を覚えることではありません。PHPのコードを見て、「何をしてい...
Web開発学習ロードマップ 6-1 PHPとは何か｜サーバーサイドの考え方
これまでの記事では、HTML・CSS・JavaScript を使って、・画面を作る・見た目を整える・ユーザー操作に反応するといった ブラウザ側の処理 を学んできました。しかし、Webサービスには次のような処理が必ず存在します。・フォームの内...
Web開発学習ロードマップ 5-7 JavaScriptエラーの見方とデバッグ方法
JavaScriptを書き始めると、必ず直面するのが エラー です。・画面が動かない・クリックしても何も起きない・赤いエラーが出て不安になるしかし、これは異常ではありません。JavaScriptにおいて、エラーは日常です。重要なのは、エラー...
Web開発学習ロードマップ 5-6 JavaScriptでできる簡単な実装例（表示切替・入力チェック）
前の記事までで、次の知識がそろいました。・DOMとは何か・DOMの取得と操作・イベント処理（click / change）しかし、この段階で多くの人が感じます。・理解はしたけど、何が作れるのか分からない・知識が点でバラバラな感じがするそこで...
Web開発学習ロードマップ 5-5 イベント処理の基本（click / change）
前の記事では、JavaScriptで DOMを取得し、操作できる ことを学びました。しかし、取得して操作するだけでは、ページは自動では動きません。Webページが本当に「動く」ようになるのは、ユーザーの操作に反応できるようになったとき です。...
Web開発学習ロードマップ 5-4 DOMの取得と操作の基本
前の記事では、DOMとは何か、なぜJavaScriptでHTMLを操作できるのかという 仕組みの部分 を理解しました。次に必要なのは、実際にDOMを扱う方法 です。・どの要素を対象にするのか・どうやって取得するのか・取得したあと、何ができる...
Web開発学習ロードマップ 5-3 DOMとは何か｜JavaScriptがHTMLを操作する仕組み
JavaScriptを学び始めると、ほぼ必ず次の疑問にぶつかります。・なぜJavaScriptでHTMLを書き換えられるのか・クリックすると表示が変わる仕組みが分からない・どこまでがHTMLで、どこからがJavaScriptなのか曖昧この疑...