発行
まずはGoogle Fontsを例にWebフォントがどのように読み込まれ、ブラウザのページ上に表示されるのか、その過程を追ってみます。
今回からは、案件のドキュメントを作らせようとしたらまったく上手くいかなかったという失敗談です。失敗の原因には「コンテキスト」というAIエージェントの概念が関わっています。
CSS Custom Highlight APIを使って、ユーザーが選択したテキスト範囲にラベルを付けてハイライトし、クリックで削除できるインタラクティブなアプリケーションを作ります。実装を段階的に解説していきます。
発行
今回と次回の2回にわたって、HTML/CSS、Web標準、ブラウザの動向について座談会形式で振り返ります。前編ではHTML/CSS全般について話していきます。
search要素を中心に検索UIにまつわる要素を整理し、現時点での原則的なマークアップをおさらいします。実装時の判断ポイントや注意点についても解説しています。
前回までに解説したFloating UI Reactを使ったセレクトUIの作り方を元に、コンボボックス（絞り込み入力付きセレクト）を実装する方法を紹介します。
発行
2025年における、開発現場におけるAIツールの導入と活用をエンジニア3名で振り返ってみました。トピックはエージェントによる実装やレビュー、ドキュメント生成、開発現場の変化、これからのエンジニアに求められるスキルなど盛りだくさんです。
CSS Custom Highlight APIについて、まずはどのようなことに使えそうかを見てから、基本的な使い方を見てみましょう。JavaScriptで任意のテキスト範囲を定義し、CSSでその範囲にスタイルを適用していきます。
デザインの要件は多くが文章で提示されます。この記事では、それらの文章をどのように「形」で表していくのか、その過程を追い、うまく形に変換するための、いくつかのヒントを提示します。
発行
2025年を振り返り、2026年を展望する座談会記事の「Webフレームワークとその周辺動向編」です。後編では、ヘッドレスCMSやホスティングサービスの動向について話し合います。
PlaywrightテストをGitHub Actionsで自動実行し、結果をGitHub Pagesで可視化する手順を解説します。これにより、コードの変更時に自動でテストが走り、結果をチーム全体で簡単に確認できるようになります。
前回までに解説したFloating UI Reactを使ったセレクトボックスUIの作り方を元に、コンボボックス（絞り込み入力付きセレクトボックス）を実装する方法を紹介します。