一覧と詳細で覚えるフロントエンド
一覧ページと詳細ページだけの小さなアプリを、21回かけて作り切る連載です。技術を1つずつ順番に学ぶのではなく、同じアプリを毎回作り直しながら、必要になったものに出会っていきます。
全21回のうち、6本を公開しています。残り15本は順次公開します。
技術系一覧と詳細だけのアプリで、フロントエンドの全体像を掴む（第0回）
一覧と詳細だけの小さなアプリを、21回かけて作り切る連載です。第0回では最終回に手元に残るものと、積み上げの順番を先に示します。
フロントエンド連載
技術系divだらけをやめる — セマンティックHTML（第1回）
同じ見た目でも、HTMLが意味を持っている場合と持っていない場合があります。覚えるタグは8つだけ。divをやめる基準を決めます。
フロントエンド連載
技術系崩れる理由が分かるCSS — ボックスモデルと詳細度（第2回）
CSSが効かない原因は詳細度、幅が合わない原因はボックスモデル。この2つを押さえたうえで、FlexboxとGridの使い分けまで進みます。
フロントエンド連載
技術系画面幅と設計 — CSS応用（第3回）
端末ごとに分岐を足していくと、増え続けます。狭い画面を初期状態にする順番と、クラス名で影響範囲を閉じる方法です。
フロントエンド連載
技術系実装者が責任を持つ範囲だけのSEO（第4回）
SEO全体のうち、実装で保証できるのはtitleと見出し構造とaltとOGPの4つです。そこだけを確実に押さえます。
フロントエンド連載
技術系配列を制すとJSが書ける — バニラJS入門（第5回）
文法を一周しても作れないのは、データの扱いを練習していないからです。覚える配列メソッドは4つだけ。そこから始めます。
フロントエンド連載