学習ロードマップ

Git/GitHub

GitLabとGitHubの違いとは?初心者向けに特徴と使い分けを解説

GitHubとGitLabは、どちらもGitで管理したソースコードを保存・共有するためのサービスです。チーム開発では、コードレビュー、ブランチ管理、Issue管理、CI/CDなどに使われます。GitHubとGitLabは似ている部分が多い一...
Git/GitHub

初心者向けGitの使い方バージョン管理と基本のGitフローを解説

Gitは、ソースコードの変更履歴を管理するためのバージョン管理システムです。現在の開発現場では、バージョン管理システムとしてGitが主流です。個人開発でもチーム開発でも、Gitを使えることはWebプログラマーにとって基本的なスキルになってい...
PHP

PHP入門|初心者向けに基本文法とフォーム処理を初心者向けにコード付きで解説

PHPは、WebサイトやWebアプリケーションのサーバー側で使われるプログラミング言語です。HTMLやCSSは、ブラウザに表示される画面を作るために使います。JavaScriptは、ブラウザ上で動きをつけるために使います。PHPは、サーバー...
学習ロードマップ

Web制作初心者におすすめのオンライン講座|HTML/CSS・JavaScriptを学べるサービスを紹介

Webでプログラムの勉強をしていると、手順通りにできているのかできていないのか…。よくわからないことがあります。動画や画像を見ながら学べるとかなり助かるときがあります。この記事では、Web制作初心者向けに、HTML/CSSやJavaScri...
プログラミング学習

JavaScriptのDOM操作とは?初心者向けにHTMLを書き換える方法を解説

JavaScriptを学び始めると、よく出てくるのがDOM操作です。DOM操作とは、JavaScriptを使ってHTMLの内容や見た目を変更することです。たとえば、次のようなことができます。ボタンを押したら文字を変えるHTMLの要素を追加す...
学習ロードマップ

JavaScript初心者は何から始める?HTML/CSSの次に学ぶ独学手順

HTMLとCSSを学んだあと、次に学ぶものとしてJavaScriptがあります。HTMLはページの文章や画像を作るためのものです。CSSは見た目を整えるためのものです。JavaScriptは、ページに動きをつけるためのものです。たとえば、J...
学習ロードマップ

HTML初心者向け|実際にHTMLとCSSを書いてWebページを作ってみよう

HTMLとCSSを勉強しようと思っても、最初は何から始めればいいのか分かりにくいです。「HTMLは構造を作る」「CSSは見た目を整える」と説明されても、実際に手を動かしてみないと、なかなかイメージしにくいと思います。私も最初は、HTMLファ...
学習ロードマップ

タイトル:JavaScript初心者は何から勉強すべき?【HTML/CSSの次にやること】

HTML/CSSを少し勉強して、簡単なWebページを作れるようになると、次に気になるのがJavaScriptです。HTMLでページの構造を作る。CSSで見た目を整える。ここまでは、比較的イメージしやすいと思います。では、JavaScript...
学習ロードマップ

Google Chrome開発者ツールの使い方|初心者向けに基本機能を解説

開発者ツールをご存じでしょうか?私は1日5回は開発者ツールをしています。Webサイトを見ているときに、「この文字の大きさはどうなっているのか」「画像がうまく表示されない理由は何か」「ページの表示が遅い原因はどこにあるのか」と思うことがありま...
学習ロードマップ

Webプログラミング初心者におすすめの本5冊【HTML/CSS・JavaScript・Node.js】

Webプログラミングを学び始めると、HTML、CSS、JavaScript、Node.js、GitHubなど、覚えることが多くて迷いやすいです。ネットでも学べますが、最初に1冊の本で流れをつかむと、全体像を整理しやすくなります。この記事では...