https://andfactory.co.jp/techblog/index.htmlRecent content on and factory Tech BlogHugojaTue, 09 Jun 2026 00:00:00 +0000https://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チャットとの使い分け、生成されたワイヤーのクオリティ、実務フローへの組み込み方までまとめています。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 の実装例とともに紹介します。https://andfactory.co.jp/techblog/posts/back-end-modular-monolith.htmlMon, 18 May 2026 00:00:00 +0000https://andfactory.co.jp/techblog/posts/back-end-modular-monolith.html複数のクライアントから同一ドメインへアクセスする中規模バックエンドにモジュラーモノリスを採用した経緯と構成、運用上の注意点を整理しました。https://andfactory.co.jp/techblog/posts/nextjs-test-infrastructure-from-zero.htmlTue, 12 May 2026 15:00:00 +0900https://andfactory.co.jp/techblog/posts/nextjs-test-infrastructure-from-zero.htmlNext.js App Router + TanStack Query + MSW の構成で、QA フェーズを起点に E2E テスト（Playwright）・コンポーネントテスト（Vitest）・エラー監視（Sentry）を半日で導入した過程と、3サイト横断・SSR / Turbopack 固有のハマりポイントをまとめました。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ページを横断計測した結果と改善方針までまとめています。https://andfactory.co.jp/techblog/posts/claude-code-custom-rag.htmlThu, 23 Apr 2026 00:00:00 +0000https://andfactory.co.jp/techblog/posts/claude-code-custom-rag.htmlClaude Code のコード検索を補強するため、tree-sitter・Qwen Embedding・ChromaDB で約 220 行の RAG CLI を自作。大規模モノレポでレイヤー横断の広い問いの待ち時間を体感で明確に短縮できた構成と手順を、参考計測付きで共有します。https://andfactory.co.jp/techblog/posts/android-anr-improvement-with-claude-code.htmlWed, 15 Apr 2026 00:00:00 +0000https://andfactory.co.jp/techblog/posts/android-anr-improvement-with-claude-code.htmlAndroidアプリ開発で後回しになりがちなANR改善を、LeakCanaryとClaude Code Skillsを組み合わせて自動化するアプローチを紹介します。メモリリーク検知から修正・PR作成まで、AIが一気通貫で担う仕組みを解説します。https://andfactory.co.jp/techblog/posts/nextauth-to-better-auth-migration.htmlFri, 10 Apr 2026 15:27:05 +0900https://andfactory.co.jp/techblog/posts/nextauth-to-better-auth-migration.htmlNext.js App Router + TanStack Query 環境で NextAuth v5 から better-auth へ移行する際のノウハウを逆引き形式でまとめたチートシートです。https://andfactory.co.jp/techblog/posts/hello-world.htmlWed, 18 Mar 2026 00:00:00 +0000https://andfactory.co.jp/techblog/posts/hello-world.htmland factory エンジニアブログの最初の記事です