ThunderMiracle's Blog

コード変更に追従しない仕様書の更新漏れを、gh-aw(GitHub Agentic Workflows)で自動検知し、必要ならPR、不要ならnoopで止めるPoC。Safe OutputsとActions権限設定の落とし穴も解説。

少人数チームでスクラムを導入したものの、SPやベロシティは安定せず「完全なスクラム」はやめることに。割り込みや属人化に悩みながらも、feature flag やマージ戦略など有効な要素だけを残した判断と、その教訓を正直に振り返る実録です。

Story Pointの見える化や新しいマージ戦略・Feature flag導入によって、巨大PRとQA地獄から抜け出し、スプリントが「楽に」回り始めた少人数チームの変化を具体的に追う実録第3章です。

長生きPRの撲滅からFeatureフラグ、SP見積もり、差し込みタスク対応まで、スクラム導入初期のリアルな改善プロセスを振り返る回。

形だけの“なんちゃってスクラム”から脱却するために、まず原則の再共有とClickUp/役割の再設計、そして「完璧準拠を捨てて最小限から始める」方針を徹底。いきなり始めず、目的と仕組みを結び直した初動の記録。

Next.js + react-hook-form + zod のSSRフォームが送信できない問題を再現し、CSR・Server Actions・Remix的PEの3解法で改善。JS未ロードでも送れる堅牢なフォーム設計を解説。

SSE（Server-Sent Events）の仕組みと実装を、simple-sseのHono製サンプルを例に入門者向けに解説。ポーリングとのUX比較やサーバー負荷の考え方も紹介。

FigmaオフィシャルのDev Mode MCP ServerとClaude Sonnet 4を組み合わせた革新的なデザイン-to-コード自動生成ワークフロー。オープンベータ版として提供開始された安全なSSE接続による高精度なHTMLマークアップ自動生成を実現。フロントエンドエンジニアの作業効率を劇的に向上させる最新手法を詳しく解説。

フロントエンドの開発現場では、人手不足の中で単純なHTMLマークアップ作業を自動化し、人間はより創造的な作業に集中したいというニーズが高まっています。近年の生成AI（Generative AI）の進化により、コーディングの反復的な部分を自動化し、開発者がクリエイティブな作業に専念できる環境が整いつつあります。本記事では、デザインからのマークアップ生成にAIを活用する試行錯誤の過程を振り返り、最終的に導入したLocofy.AIに焦点を当てて、その導入効果と課題について紹介します。

Vue2のNuxtからReactベースのNext.jsへリプレイスした実体験をもとに、技術的負債の解消や機能一覧の洗い出し、テストコードの導入などを通じてフロントエンド開発を成功に導く施策を詳しく解説します。