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