フロントエンド on and factory Tech Bloghttps://andfactory.co.jp/techblog/tags/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89.htmlRecent content in フロントエンド on and factory Tech BlogHugojaTue, 09 Jun 2026 00:00:00 +0000AIデザインツール「Claude Design」を実案件で試してみた ── ワイヤーフレームから仕様ドキュメントまで自動生成https://andfactory.co.jp/techblog/posts/claude-design-ai-wireframe-practice.htmlTue, 09 Jun 2026 00:00:00 +0000https://andfactory.co.jp/techblog/posts/claude-design-ai-wireframe-practice.htmlAnthropicが2026年4月にリリースしたAIデザインツール「Claude Design」を実案件（管理画面のワイヤーフレーム作成）で使ってみた実践レポートです。通常Claudeチャットとの使い分け、生成されたワイヤーのクオリティ、実務フローへの組み込み方までまとめています。Orval で組む型安全 API 統合 ── mutator 分離・Zod 二段防御・MSW 二層モックの実践https://andfactory.co.jp/techblog/posts/type-safe-api.htmlFri, 29 May 2026 10:00:00 +0900https://andfactory.co.jp/techblog/posts/type-safe-api.htmlバックエンドと並走するフロント先行開発で採用している、OpenAPI を Single Source of Truth とした型安全 API 統合パターンを、Orval の mutator 分離・Zod 二段防御・MSW 二層モック・SSR Prefetch の実装例とともに紹介します。フロントエンドが押さえたいWebアクセシビリティの基礎 ── WCAG・WAI-ARIAを実プロダクトで試すhttps://andfactory.co.jp/techblog/posts/frontend-accessibility-wcag-wai-aria.htmlTue, 28 Apr 2026 00:00:00 +0000https://andfactory.co.jp/techblog/posts/frontend-accessibility-wcag-wai-aria.htmlフロントエンドエンジニア視点でWebアクセシビリティの基礎を整理しました。WCAGの4原則とAA基準の押さえどころ、WAI-ARIAの3要素と「No ARIA is better than Bad ARIA」の原則、Lighthouseで自社プロダクト4ページを横断計測した結果と改善方針までまとめています。