Web開発とは？初心者向け解説
Web開発とは、ブラウザで動くWebサイトやアプリを作る仕事です。フロントエンドとバックエンドの違い・使われる技術・始め方を、図解つきでやさしく解説します。
Web開発の記事
20本・連番順HTMLとは？ホームページの基本
HTMLはWebページの骨組みを作るマークアップ言語です。タグの仕組み・よく使うタグ・最初の1ページの書き方を、図解つきでやさしく解説します。
CSSとは？デザインを変える技術
CSS（カスケーディングスタイルシート）はホームページの見た目を変える言語。HTMLとの違い、書き方、レイアウト・色・アニメーションなど中高生向けに図解で解説します。
JavaScriptで動くサイトを作ろう
JavaScriptはホームページに動きをつける言語。クリックで反応する仕組み・主な使い道・初心者がまず書くべきコードを、中高生向けに図解で解説します。
自分のホームページを作る方法
自分のホームページを公開するまでの手順を、中高生向けに図解で解説。HTMLファイル作成・無料ツール・公開先の選び方まで一気通貫で紹介します。
データベースとSQLの基礎
データベース（DB）とSQLは、Webサービスの裏側で必ず動いている技術。表のような形でデータを保管・検索する仕組みを中高生向けに図解で解説します。
フロントエンドとバックエンドの違い
Web開発でよく聞く「フロントエンド」と「バックエンド」。担当する技術・仕事・向いている人の違いを、中高生向けに図解でやさしく解説します。
ログイン機能はどう作られる？
ID・パスワードでログインする裏側で何が起きているのか。ハッシュ化・セッション・トークンの基本を中高生向けに図解でやさしく解説します。
会員サイトの仕組みとは
会員制サイトはどう動いている？登録・ログイン・権限管理・課金までの仕組みを、中高生向けに図解で解説します。
ブログサイトを作る方法
ブログサイトを作る3つの方法（WordPress・静的サイトジェネレータ・自作）を比較し、中高生に向いた選択肢を図解で解説します。
ポートフォリオサイトとは？
自分の作品・実績をまとめるポートフォリオサイト。中高生がいつ・何を載せるべきか、無料で作る方法を図解で解説します。
レスポンシブデザイン入門
スマホ・タブレット・PCで自動的にレイアウトが変わる「レスポンシブデザイン」。仕組み・media query・最初の書き方を中高生向けに図解で解説します。
APIとJSONの基礎
WebサービスをつなぐAPIとデータ形式のJSON。仕組み・実例・JavaScriptでの使い方を中高生向けに図解で解説します。
ドメインとURLの違い
ドメインとURLは似ているが別物。ドメインの仕組み・URLの構造・取得方法を中高生向けに図解で解説します。
Webデザイナーとエンジニアの違い
Webデザイナーとエンジニアは何が違う？仕事内容・必要スキル・年収・向いているタイプを中高生向けに図解で解説します。
GitHub Pagesで無料公開する方法
GitHub Pagesは無料でホームページを公開できるサービス。中高生向けに、アカウント作成から公開までの手順を図解で解説します。
HTML/CSS練習サイトの選び方
HTML・CSSが学べる定番の無料サイト6選を比較。中高生がレベル別に選べるよう、特徴・難易度・向いている人を図解で解説します。
Web開発ツールの選び方
エディタ・ブラウザ・Git・デザインツールなどWeb開発に必要なツールを中高生向けに整理。無料で揃える定番セットを図解で紹介します。
スマホ対応サイトを作る方法
スマホで読みやすいサイトを作るコツを中高生向けに図解で解説。viewport設定・タップ領域・文字サイズ・画像最適化のチェックリスト付き。
Webアプリとは？
WebサイトとWebアプリの違い、SPA・PWAなど最新動向、中高生でも作れるWebアプリの始め方を図解で解説します。