発行
2022年の振り返りと2023年の展望。前編では、Webフレームワーク、Jamstackに関わる、CMS、ホスティング、エッジの変化をキーワードにピクセルグリッドのエンジニアが注目している動きを総括します。
静的サイトジェネレーターのEleventyと、開発環境ツールのViteを組み合わせたWebサイト開発を紹介します。お互いの弱いところを補完できる組み合わせですが、その設定には少し注意が必要です。
MDXをWebフレームワークのNext.jsと組み合わせて使ってみます。Markdown記法の部分は開発者でなくても更新しやすいので、アイデア次第でうまく使いこなすことができるかもしれません。
発行
ブラウザの標準機能以上のカスタマイズされたツールチップの実装について解説します。一定のアクセシビリティを確保しつつ、形、位置、表示などをCSSで実装します。
既存のAPIからデータを非同期で取得し、ページとして表示するサイトをつくります。Astroでの非同期データの扱いは使いやすくさまざまな工夫がされていますが、その取り回しの基礎を一通り解説します。
後編はキーボードのハード面ではなく、主にソフト面にフォーカスします。使いやすいキー設定や、その設定を担っているツールを紹介します。
発行
2022年のWebアクセシビリティの動向について振り返ります。メジャーバージョンアップとなるWCAG 3、そして同時に進められているマイナーバージョンアップであるWCAG 2.2の状況や、日本国内のJIS規格の改訂に向けた動きを解説します。
Markdown記法とJSXの両方を混在させることができるMDXフォーマットを解説します。まず、前編ではMDXフォーマットの概要を押さえましょう。
SFC構文の詳細な仕様を理解することは、SFCの柔軟性や制約を知ることにつながります。SFCを採用してコンポーネントを量産する前に、これらのことを知っておきましょう。
発行
Chromatic上での視覚的な差分による確認や、チームによるレビュー方法を解説します。これらは、GitHubのプルリクエストごとにChromaticと紐付けると便利です。
Astroで定義した変数は、さまざまなコンポーネントのCSSプロパティの値として使用できます。スタイリングの共通化を図る方法のひとつとして解説します。
エンジニアの「第二の手」、キーボードについてピクセルグリッドの面々を調査しました結果を、前後編でお届けします。前編では、ズバリ、使っているキーボードと、そのお気に入りポイント、イマイチポイントを根掘り葉掘り聞いています。