- React, Vue.js
Next.js App Router × Framer Motion のページ遷移アニメーションを AI 駆動で実装する ─ layout.tsx の罠と template.tsx の正解
株式会社ファストコーディングのフルスタックエンジニア MrFireです。 先日、久しぶりに好きなバンドのライブに行ってきました。ステージの照明演出が見事で、曲の切り替わりに合わせて照明がフェードアウトし、次の曲のイントロ […]
- React, Vue.js
React Server Components の「どこで切るか」を AI に聞いてみた ─ App Router時代のコンポーネント設計をAI駆動で最適化する
株式会社ファストコーディングのフルスタックエンジニア MrFireです。 最近、仕事仲間に誘われて再開したギターの練習で、バンドのコピー曲に取り組んでいます。ギターパートを耳コピしていると、同じギターでもリズムとリードで […]
- React, Vue.js
Next.js の画像最適化を AI 駆動で徹底する ─ LCP 4.8秒を1.6秒にした実装プロセス
株式会社ファストコーディングのフルスタックエンジニア MrFireです。 先日、久しぶりにバイクで房総半島をツーリングしてきました。途中で見つけた海沿いのカフェが気になって、スマホでサイトを開いたのですが、、、、メイン画 […]
- React, Vue.js
AI駆動開発でReact Server Componentsのデータ取得パターンを設計する
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 先週末、ロックフェスのチケットを2枚取ったんです。友人と行く予定だったのですが、友人が「当日の天気を見てから決めたい」と。それなら […]
- React, Vue.js
AI駆動開発でNext.jsのエラーハンドリング戦略を構築する
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 先日のツーリングで山道を走っていたとき、ナビアプリが圏外で固まったんです。地図は表示されない、リルートもされない、画面には何のメッ […]
- React, Vue.js
AI駆動開発でReactのカスタムHooksを設計する ─ 再利用性の高いロジック分離術
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 週末にギターの練習をしていて気づいたことがあります。コードチェンジが上手い人は「指の動き」を覚えているのではなく、「コード同士のつ […]
- React, Vue.js
Next.js + AI：動的OGP画像をVercel OG + AIプロンプトで自動生成する
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 最近、ツーリング仲間のLINEグループにブログのURLを貼ったら「サムネイル出ないけど」と言われまして。確認したらOGP画像が設定 […]
- React, Vue.js
AIペアプロでReactのパフォーマンスボトルネックを特定・修正する
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 先日、バイクのエンジンオイルを交換したんです。交換前は「まあ走るし、別にいいか」と思っていたのですが、交換後にギアチェンジの滑らか […]
- React, Vue.js
AI駆動開発のプロンプト設計術 ─ React/Next.jsで「使えるコード」を引き出す聞き方
こんにちは、株式会社ファストコーディングのフルスタックエンジニア、独身貴族Fireです。 最近、ギターの練習で「Am7のコードを押さえて」とAIに聞いたら、フレットの図が返ってきました。正確だけど、そこじゃない。「初心者 […]
