プログラミング

プログラミング学習

【2026年版】TypeScriptの変更点まとめ:6.0と7.0で何が変わる?

2026年のTypeScriptでは、TypeScript 6.0 と TypeScript 7.0 が大きなポイントです。特に大きいのは、TypeScript 7.0で内部の仕組みが大きく変わることです。これまでのTypeScriptはJ...
Laravel

LaravelのCSRF対策とは?@csrfとサーバー側の確認を初心者向けに解説

CSRFとはCSRFは、Cross-Site Request Forgeryの略です。日本語では「クロスサイトリクエストフォージェリ」と呼ばれます。CSRFは、ログイン中のユーザーに、本人が意図していないリクエストを送らせる攻撃です。たとえ...
Laravel

【2026年6月】Laravel 13の変更点まとめ|押さえるべき新機能

Laravel 13のリリースとサポート期間2026年のLaravel本体の大きな変更は、Laravel 13のリリースです。Laravel 13は2026年3月17日にリリースされ、対応PHPは8.3〜8.5です。Laravel 13では...
HTML

セマンティックHTMLとは?初心者向けに解説

セマンティックHTMLとは、HTMLタグを見た目ではなく意味に合わせて使う書き方です。たとえば、ページの見出しには<h1>、ナビゲーションには<nav>、記事本文には<article>、補足情報には<aside>を使います。HTMLは、ただ...
学習ロードマップ

ローカルストレージとは?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...
API

APIとは?Webプログラミング初心者向けに仕組みを解説

APIとは、アプリケーション同士が情報をやり取りするための仕組みです。Webプログラミングでは、画面側からサーバー側へデータを送ったり、サーバー側から必要なデータを受け取ったりするときにAPIを使います。たとえば、天気アプリで天気情報を取得...
学習ロードマップ

XSSとは?クロスサイトスクリプティングの仕組みと対策を初心者向けに解説

XSSは、Webサイトの画面に悪意あるスクリプトを実行させてしまうセキュリティ上の問題です。正式には、クロスサイトスクリプティングと呼ばれます。Webフォーム、コメント欄、検索結果、管理画面など、ユーザーが入力した内容を画面に表示する場所で...
学習ロードマップ

HTMLフォームの作り方|input・textarea・buttonの基本を初心者向けに解説

HTMLフォームは、ユーザーが入力した内容を送信するための部品です。お問い合わせフォーム、検索フォーム、ログインフォーム、会員登録フォームなど、WebサイトやWebアプリではよく使われます。フォームの見た目はHTMLとCSSで作ります。入力...