HTML セマンティックHTMLとは？初心者向けに解説
セマンティックHTMLとは、HTMLタグを見た目ではなく意味に合わせて使う書き方です。たとえば、ページの見出しには<h1>、ナビゲーションには<nav>、記事本文には<article>、補足情報には<aside>を使います。HTMLは、ただ...
2026-06
HTML 
学習ロードマップ viコマンドの使い方｜Linuxでファイルを編集する練習手順を解説
viは、LinuxやUnix系OSで使われるテキストエディタです。ターミナル上でファイルを開き、文字を入力したり、保存したり、終了したりできます。この記事では、練習用ファイルを作りながら、viの基本操作を順番に解説します。この記事で練習する...
学習ロードマップ ローカルストレージとは？JavaScriptでブラウザにデータを保存する方法を解説
ローカルストレージとは、ブラウザにデータを保存できる仕組みです。JavaScriptから使うことができ、入力内容、設定、表示状態などをブラウザ側に保存できます。たとえば、ToDoリストの内容、ダークモードの設定、フォームに入力した名前、前回...
JavaScript 2026年版 JavaScriptの変更点まとめ
2026年のJavaScriptでは、Map、WeakMap、JSON、Iterator、Uint8Array、Math、Error、Arrayに新しい機能が追加されています。主な変更点は、値がなければ初期値を入れるMapの機能、JSON....
CSS 2026年のHTML・CSSで押さえておきたい変更点
2026年のHTML・CSSでは、JavaScriptやSassに頼っていた処理の一部を、標準のHTML・CSSだけで書ける場面が増えています。特にCSSでは、コンテナクエリ、CSS Nesting、@layer、:open、contras...
Git/GitHub GitHubのアクセストークンを発行する方法【Personal Access Tokenの作り方】
この記事では、GitHubのアクセストークンを発行する手順を、画像付きで紹介します。今回は、GitHubの設定画面からアクセストークン発行画面へ進むところまで解説します。GitHubにログインするまず、GitHubにログインします。ログイン...
学習ロードマップ フロントエンドとバックエンドの違いとは？Webプログラミング初心者向けに解説
フロントエンドは、ユーザーが見る画面を作る部分です。バックエンドは、サーバー側でデータ処理やデータベース操作を行う部分です。WebサイトやWebアプリケーションは、フロントエンドとバックエンドが連携して動いています。この記事では、フロントエ...
API APIとは？Webプログラミング初心者向けに仕組みを解説
APIとは、アプリケーション同士が情報をやり取りするための仕組みです。Webプログラミングでは、画面側からサーバー側へデータを送ったり、サーバー側から必要なデータを受け取ったりするときにAPIを使います。たとえば、天気アプリで天気情報を取得...
SQL SQL入門｜初心者向けにデータベースの基本とよく使う命令を解説
SQLは、データベースに対してデータの追加、取得、更新、削除を行うための言語です。Webアプリケーションでは、ユーザー情報、投稿内容、商品情報、ログイン情報などをデータベースに保存することが多いです。PHPやNode.jsでサーバーサイドを...
学習ロードマップ XSSとは？クロスサイトスクリプティングの仕組みと対策を初心者向けに解説
XSSは、Webサイトの画面に悪意あるスクリプトを実行させてしまうセキュリティ上の問題です。正式には、クロスサイトスクリプティングと呼ばれます。Webフォーム、コメント欄、検索結果、管理画面など、ユーザーが入力した内容を画面に表示する場所で...