HTML セマンティックHTMLとは？初心者向けに解説
セマンティックHTMLとは、HTMLタグを見た目ではなく意味に合わせて使う書き方です。たとえば、ページの見出しには<h1>、ナビゲーションには<nav>、記事本文には<article>、補足情報には<aside>を使います。HTMLは、ただ...
独学
HTML 
学習ロードマップ viコマンドの使い方｜Linuxでファイルを編集する練習手順を解説
viは、LinuxやUnix系OSで使われるテキストエディタです。ターミナル上でファイルを開き、文字を入力したり、保存したり、終了したりできます。この記事では、練習用ファイルを作りながら、viの基本操作を順番に解説します。この記事で練習する...
学習ロードマップ ローカルストレージとは？JavaScriptでブラウザにデータを保存する方法を解説
ローカルストレージとは、ブラウザにデータを保存できる仕組みです。JavaScriptから使うことができ、入力内容、設定、表示状態などをブラウザ側に保存できます。たとえば、ToDoリストの内容、ダークモードの設定、フォームに入力した名前、前回...
API APIとは？Webプログラミング初心者向けに仕組みを解説
APIとは、アプリケーション同士が情報をやり取りするための仕組みです。Webプログラミングでは、画面側からサーバー側へデータを送ったり、サーバー側から必要なデータを受け取ったりするときにAPIを使います。たとえば、天気アプリで天気情報を取得...
SQL SQL入門｜初心者向けにデータベースの基本とよく使う命令を解説
SQLは、データベースに対してデータの追加、取得、更新、削除を行うための言語です。Webアプリケーションでは、ユーザー情報、投稿内容、商品情報、ログイン情報などをデータベースに保存することが多いです。PHPやNode.jsでサーバーサイドを...
学習ロードマップ XSSとは？クロスサイトスクリプティングの仕組みと対策を初心者向けに解説
XSSは、Webサイトの画面に悪意あるスクリプトを実行させてしまうセキュリティ上の問題です。正式には、クロスサイトスクリプティングと呼ばれます。Webフォーム、コメント欄、検索結果、管理画面など、ユーザーが入力した内容を画面に表示する場所で...
学習ロードマップ HTMLフォームの作り方｜input・textarea・buttonの基本を初心者向けに解説
HTMLフォームは、ユーザーが入力した内容を送信するための部品です。お問い合わせフォーム、検索フォーム、ログインフォーム、会員登録フォームなど、WebサイトやWebアプリではよく使われます。フォームの見た目はHTMLとCSSで作ります。入力...
Git/GitHub .gitignoreとは？Gitで管理しないファイルを指定する方法を初心者向けに解説
.gitignoreは、Gitで管理しないファイルやフォルダを指定するための設定ファイルです。Gitを使っていると、ソースコードとして管理したいファイルと、管理しなくていいファイルが出てきます。たとえば、エディタの設定ファイル、ログファイル...
Git/GitHub GitLabとGitHubの違いとは？初心者向けに特徴と使い分けを解説
GitHubとGitLabは、どちらもGitで管理したソースコードを保存・共有するためのサービスです。チーム開発では、コードレビュー、ブランチ管理、Issue管理、CI/CDなどに使われます。GitHubとGitLabは似ている部分が多い一...
Git/GitHub 初心者向けGitの使い方バージョン管理と基本のGitフローを解説
Gitは、ソースコードの変更履歴を管理するためのバージョン管理システムです。現在の開発現場では、バージョン管理システムとしてGitが主流です。個人開発でもチーム開発でも、Gitを使えることはWebプログラマーにとって基本的なスキルになってい...