文字化けは読む規則のずれ
HTML入門 / 全 5 枚
作成品質の確認
全チェックの通過状況
スライド 4 / 4枚、チェック 5 / 5項目が通過
全項目通過・次へ進めます
スライドごと
完成後の5チェック
本文・学習内容
本文・課題・正解・前後境界を監査。charset偏重を除き、lang・charset・titleを同格に再構成。
ソース・課題との接続
本文の正規figureへ統一。教材JSONと実レッスンDBの3チェックが一致し、starter不合格・solution全合格を確認。
見た目・操作
全4枚を操作・目視し、狭画面、印刷、hydration、runtime errorなしを確認。cold-load静止画のナビ重なりを修正し専用QAも通過。
再利用・パターンマスター
既存4パターンを再利用し、各カードに実装プレビューがありフォールバック表示がないことを目視確認。
型・テスト・回帰
前後レッスンと全教材を回帰確認。リポジトリ全体typecheckには既存のroute生成・shared-ui等の多数の基準エラーがあるが、今回の変更ファイルには該当エラーなし。
HTML入門 - 文字化けは読む規則のずれ
head に3つの申し送りを足す
lang・charset・title を1つずつ足し、言語、本文の読み方、タブの名前のどこが変わるか追ってください。
- lang は、このページが日本語だと読み上げや翻訳へ伝える
- charset は、日本語をどの規則で読めばよいかブラウザへ伝える
- title は、画面の本文ではなくブラウザのタブ名になる
1 / 5
← → キーでも送れます