第453号
2021年09月02日 発行
前編
無料公開中details要素は、開閉状態を持ち「開く」状態になったときにのみ、その中身の情報が表示される要素です。「詳細折りたたみ要素」と呼ばれたりもします。まずはdetails要素そのものについての理解を深めましょう。
最終回
無料公開中一通り動くようになったコードを、コードを読む側の意識を考えながら、わかりやすく読めるように書き換えていきます。どうしてそう書き直すほうがいいのか、そのポイントを理解することが大切です。
最終回
第2回で作成したDropdown Menuにアニメーションをつけていきます。Headless UIはアニメーションの部分だけがTransitionコンポーネントとして分離されているので、Menuコンポーネント自体は、シンプルな設計を維持することができます。
