発行
HTMLのセレクトボックスは、デザイン的なカスタマイズが難しいUIパーツですが、改善が進んでいます。今回はセレクトボックスの基本と、最近導入された区切り線の機能を紹介します。
AIエージェントと並走することで得られる新たな開発体験や、作業の効率化の実際を、具体例を交えて紹介していきます。初回は、AIエージェントをどう捉えたらいいか、そしてそのインパクトについて語ります。
真偽値系の属性処理の問題を改善しつつ、style属性のオブジェクト指定、class属性の配列指定、子要素配列の自動展開といった、一般的なUIライブラリのJSXと同等の表現力を実現します。
発行
ボタン、リンクのデザインを考える際に参考になる、それぞれの部品の状態を網羅しました。また、それぞれの状態を、どのように実装するかをざっくりと紹介するので、実装コスト推測の目安にもなります。
SVG属性のpreserveAspectRatio属性による配置や、余白の切り取りについても紹介します。
Svelteのスタイリングの基本を解説します。コンポーネント単位のスタイリングを行い、それがどのような仕組みで実現されているのかについても解説します。
発行
新しいウェブの機能について「いつから安心して使えるか」の目安となるBaselineを紹介します。ラベルの意味や調べ方、ツールでのサポート、実環境との照らし合わせについて見てみましょう。
SVG属性のviewBoxとwidthとheightによって決まる表示領域とその余白との関係を解説します。
テーブルUIとカードUIは、それぞれ得手不得手があり、見た目だけでは最適な選択はできません。シリーズの最後では、両UIの特徴を踏まえ、状況や目的に応じた選び方を整理し、実務に役立つ判断基準を紹介します。
発行
技術記事や発表スライドを作るとき、図版やイラストを使って説明したいという場面はよくあります。そんなときに、どんな点に注意したら伝わりやすくなるのかを解説します。
ユーザーのクリックやキー入力などに応答するには、イベントハンドリングが欠かせません。Svelte 5での基本的な書き方から、子コンポーネントに渡す方法、イベントオブジェクトの扱いまで解説します。
現代のWeb開発においては見かけることが少なくなったShift-JISですが、古いシステムとの連携などで扱わなければならないケースがいまだに存在します。Shift-JISに対する正しい理解と、問題に出くわした場合の解決方法や取り扱い方について紹介します。