無料サンプルレッスン：
CMS：更新しやすい設計

見た目ではなく「意味」でHTMLを書き、読み上げ・検索・保守に強いマークアップへ直します。

固定幅で崩れるカードを、clamp・grid・container queryを使って小さい画面でも破綻しない設計へ直します。

装飾を始める前に、ユーザーが知りたい順番と事業側の目的を整理してワイヤーに落とします。

色や装飾より先に、優先順位・余白・タイポグラフィで読みやすい画面へ修正します。

クリックで動けば終わりではなく、入力状態・エラー・キーボード操作まで含めてフォームを作ります。

自動チェックだけに頼らず、キーボード・フォーカス・コントラストを実際に確認します。

キーワードを詰め込むのではなく、検索する人の疑問とページの役割を合わせます。

自分の端末で見えたからOKではなく、正常系・異常系・実機・速度をチェックリスト化します。

ファイルをアップして終わりではなく、公開前確認・切り戻し・監視までを一つのリリースとして設計します。

「何を作りたいですか？」だけで終わらず、背景・課題・優先順位・制約を聞き、制作要件に変換します。

表の見出しを見た目だけで済ませず、caption・th・scopeで関係を示します。行の入れ替えと一セルの更新を通して、原稿との照合まで練習する無料レッスンです。

画面のメニューを印刷時だけ外し、集合場所や持ち物を紙へ残す無料レッスンです。初稿の適用範囲を直し、印刷プレビューと通常表示の両方で合格条件を確かめます。

カテゴリ選択を一覧表示へつなぐ無料レッスンです。全件・一致・0件・全件への復帰を実装し、結果の重複や件数のずれを初稿から修正して確認します。

担当が替わっても更新できる手順書を作る無料レッスンです。架空の休館案内を使い、編集元・確認者・公開担当・停止条件・公開後確認を一枚へ整理します。