発行
HTMLだけでUI操作を実現できるInvoker Commands（インボーカーコマンド）について、定義されている属性や使い方、それらが生まれた背景を解説します。
「AIは、思ったような返答が返ってこないなあ」と感じたことはありませんか？ AIエージェントをうまく使っていくために考えた、工夫をお伝えします。
セレクトボックス本体やセレクトボックスの矢印のカスタマイズを中心に、セレクトボックス自体のカスタマイズの新しい機能を解説します。
発行
テキスト入力欄のデザインを考える際に参考になる、状態を網羅しました。また、それぞれの状態を、どのように実装するかをざっくりと紹介するので、実装コスト推測の目安にもなります。
画面遷移や処理フローを共有する際、図があると理解が深まります。図版作成ができるGUIツールもありますが、AIの登場で、テキストで図を記述する方法の価値が高まりました。本記事では、テキストベースの図作成のメリットと、開発の現場でよく使う、フローチャートとシーケンス図の使い分けについて解説します。
Svelteのclass属性、class:ディレクティブと、style:ディレクティブを使ったスタイリングについて解説します。さまざまな方法でのスタイル指定と組み合わせが可能なSvelteでは、ディレクティブを使ってコードの可読性を高めることもできます。
発行
AIエージェントが登場した今、Webエンジニアとしてのプロフェッショナルとはなにか？ またそのためにどのような学びを重ねていかねばならないのかを考えます。
Playwrightを使ったライトなE2Eテストの導入方法を、デモアプリの取得からローカルサーバー起動、最初のテスト作成、テストコマンド追加まで、実践的な手順で解説します。
後編では、レイアウトや配色の工夫によって情報の伝わり方がどう変わるのかを解説します。要素のレイアウトや色の選択は、ちょっとした工夫で読者の理解度を大きく変えます。
発行
スクロールの状態の変化をCSSだけで判定し、スタイルを定義できるコンテナクエリーについて説明します。
今回はコンポーネントを跨いだ、グローバルなスタイリングを解説します。また、Svelteの最適化機能である未使用のセレクター削除の働きについても触れます。
最終回はviewBoxの値と、width属性、height属性を使ったSVGアイコンの余白の調整を解説します。少しややこしいですが、どの属性を設定すると、どのような調整ができるのかしっかり押さえましょう。