タグ

# フロントエンド

9 件の記事が見つかりました

AI はデザイントークンを知らずに色をハードコードする。Storybook＋Chromatic＋トークンチェックで「品質ゲート as コード」を組み、AI を破壊者から協力者に変えるフロントエンド協働ワークフロー。

AI開発の検証室編集部

33分更新 2026/9/24公開 2026/6/27

フロント性能改善は着手順で ROI が桁違いに変わる。RUM で現実を測ってから LCP → INP → CLS の順に潰す根拠を web.dev 公式から整理し、優先度チェックリスト12項目を配布する。

AI開発の検証室編集部

31分更新 2026/9/22公開 2026/5/1

Next.js Cache Components（use cache / cacheLife / cacheTag）への移行可否を Yes / No / Defer の3分岐で1日判定する。段階移行4ステップと5つの罠つき。

AI開発の検証室編集部

35分更新 2026/9/22公開 2026/5/1

'use client' をどこに付けるかを、データフェッチ起点・インタラクティブ性・バンドルサイズ・SEO の4軸スコアシートで判定する。具体ケース5つ、アンチパターン5選、Composition パターンつき。

AI開発の検証室編集部

40分更新 2026/9/22公開 2026/5/1

TypeScript 5.x の satisfies・const type parameters・using 宣言・新 decorators を「型を厚くする場所を選ぶ」観点で整理し、過剰な型付けの罠をコードつきで解説する。

AI開発の検証室編集部

21分更新 2026/9/22公開 2026/6/6

Vite 8 は 2026-03-12 GA だが内蔵 Rolldown は v1.0.0-rc.18 の半 GA。Rollup 比10-30倍速の公式値と破壊的変更から、移行可否を Yes / No / Defer の3分岐で判定する。

AI開発の検証室編集部

51分更新 2026/9/22公開 2026/5/1

WebSocketとSSEの本質的な違いを、双方向／単方向という通信モデルから再整理。チャット・通知・ライブ更新・株価などユースケース別に選択軸を示し、接続管理・再接続・スケール時の落とし穴まで実務視点でまとめた技術選定メモ。

AI開発の検証室編集部

19分公開 2026/8/7

Figma Dev Mode・Code Connect・Figma AIを組み合わせ、デザイン→コード変換を最短で実現する実践ガイド。Claude Code MCP連携・デザイントークン受け渡し・失敗パターンを網羅。

AI開発の検証室編集部

25分公開 2026/7/26

v0・Locofy AI・Figma AIの3ツールを徹底比較。テキストからUIを生成する起点・Figmaデザインのコード変換・デザインシステム連携など、実務での使い分けを具体例と比較表で解説します。

AI開発の検証室編集部

15分公開 2026/6/22