Web開発学習ロードマップ2-3 MAMPとは？MacでのPHP開発環境構築手順
MacでPHPを学ぼうとすると、「まず何をインストールすればいいのか分からない」という問題に直面します。PHPはサーバー側で動く言語のため、HTMLやJavaScriptのようにファイルを直接ブラウザで開くだけでは動きません。そこで必要にな...
Web開発学習ロードマップ
Web開発学習ロードマップ
Web開発学習ロードマップ2-2 VSCode / PhpStormの基本設定とおすすめ拡張
Web開発では、「どのエディタを使うか」だけでなく、どのような設定で使うかが学習効率に大きく影響します。・入力補完が効かない・エラーに気づけない・コードが読みにくいこうした状態のまま学習を進めると、内容以前の部分でストレスが溜まり、挫折につ...
Web開発学習ロードマップ2-1 Web開発に必要なツール一覧と選び方
Web開発を始めようとすると、「まず何をインストールすればいいのか分からない」という壁にぶつかる人が非常に多くいます。・エディタは何を使えばいいのか・サーバーは必要なのか・WindowsとMacで違いはあるのか・最初からDockerを使うべ...
Web開発学習ロードマップ1-6 Web開発で最低限知っておくべき用語集
Web開発の学習を始めると、技術そのものより先に、専門用語の多さに戸惑うことがよくあります。・言葉の意味が分からず、説明が理解できない・調べても別の用語が出てきて混乱する・何となく流してしまい、後で詰まるこうした状態を防ぐために、この記事で...
Web開発学習ロードマップ1-5 開発環境と本番環境の違いとは？
Web開発を学習していると、次のような場面に必ず直面します。・ローカルでは動いているのに、本番で動かない・エラーが出ないはずなのに、画面が真っ白になる・設定をどこで切り替えればいいのか分からないこの原因の多くは、「開発環境」と「本番環境」の...
Web開発学習ロードマップ1-4 ドメイン・DNS・SSLの役割を初心者向けに説明
Webサイトを公開しようとすると、必ず次のような言葉に出会います。・ドメイン・DNS・SSL（https）これらは設定画面で目にすることは多いものの、「何をしているのか分からないまま設定している」という方も少なくありません。この記事では、ド...
Web開発学習ロードマップ1-3 静的サイトと動的サイトの違いを具体例で解説
Webサイトについて調べていると、「静的サイト」「動的サイト」という言葉をよく見かけます。・この2つは何が違うのか・どちらを使えばいいのか・WordPressやWebアプリはどちらに分類されるのかこれを曖昧なまま学習を進めると、HTML・J...
Web開発学習ロードマップ1-2 HTTPとは何か｜リクエストとレスポンスの基本
Webサイトが表示されるまでの流れを理解した次のステップとして、ブラウザとサーバーがどのようなルールで通信しているのかを知る必要があります。その通信ルールがHTTP（エイチティーティーピー）です。・HTTPとは何か・リクエストとレスポンスと...
Web開発学習ロードマップ1-1 Webサイトが表示される仕組みを図解で理解する
Webサイトを開いたとき、私たちは何気なくページを見ていますが、実際にはその裏側で多くの処理が行われています。・URLを入力すると、なぜページが表示されるのか・HTMLやPHPは、どこで動いているのか・ブラウザとサーバーは、何をやり取りして...
オリエンテーション・学習ガイド0-4 エラーで詰まった時の考え方と調べ方
Web開発を学習していると、必ずエラーに遭遇します。・画面が真っ白になる・思った通りに動かない・意味が分からないエラーメッセージが出るこのとき、多くの初心者が「自分には向いていないのでは？」と感じてしまいます。しかし断言できます。エラーで詰...