発行
この座談会では、マーケティングとは少し異なる開発者の視点から、カルーセルUIの特徴や機能、効果について考えてみます。カルーセルUIを実装したいと言われたとき、考慮すべきことや、アドバイスのヒントになるかもしれません。
実装された代替テキストがブラウザ、アプリケーション、メールなどでどのように表示されるのかを押さえておくことは大切です。すべてのエージェントではありませんが、一例を紹介しつつ、その特徴をみてみます。
異なるバージョンを同時に別々に管理できるGitの機能であるブランチを、GitHub Desktopで運用する方法について解説します。ブランチの切り替えや変更の取り込みなど、注意することがあるので見てみましょう。
発行
代替テキストはimg要素のalt属性で実装するだけとは限りません。img要素をはじめ、svg要素、area要素など少しマイナーな要素も含め、どのようにマークアップするのか、基本を解説します。
Scoped CSSとCSS Modulesの、それぞれの仕組みにより適したスタイルの定義の方法を見てみます。両モードのカプセル化の有効性を検証しながら考えてみましょう。
フィルタ機能を利用すると、目的のアイテムを見つけやすくなるだけでなく、その結果をビューとして保存しておくことで管理の効率化を図れます。条件を指定して、さまざまな絞り込みが可能です。
発行
デバッグにはなくてはならないソースマップですが、ビルドツールやフレームワークにお任せでよくわからないということはないでしょうか。ソースマップの仕組みを知り、理解を深めてみましょう。
astroファイルに実装したアイコンのCSSによるスタイリングと、パフォーマンスに配慮したスプライト化の方法について解説します。またIconifyによらないローカルのSVGファイルをアイコンとして実装する方法についても触れます。
GitHub Projectsは、ビューを場面に合わせて変更しながら使います。ビューの変更の仕組みとその設定内容について紹介します。
発行
セレクトUIの見た目だけをカスタムする方法を実装します。ブラウザネイティブのセレクトボックスをそのまま利用できるので、各OSとブラウザの多様な選択肢メニューも利用できる方法です。
Viteにより生成されたVueプロジェクトで標準サポートされている2つのカプセル化モード、Scoped CSSとCSS Modulesについて解説します。まず、その2つのカプセル化モードの違いを見てみましょう。
GitHub Projectsでは「カスタムフィールド」という任意項目を追加して使うことで、より自分の用途に合ったかたちで使っていくことが可能です。「かんばん」ふうのBoardレイアウトの利用例をとおして、カスタムフィールドへの理解を深めましょう。