Next.js (App Router)
モダンなReactフレームワーク
技術とAI実践
React 黎明期から最新・最適を実務へ。積み上げてきた技術選定と AI 協働開発を、実装で示します。
Engineering Track Record
技術力の証拠
2018 年の React 黎明期から、最新・最適を実務へ
React、Gatsby.js、Next.js、Astro、EMDash など、案件の要件と技術の成熟度を見極めながら、その時々の最新・最適な技術スタックを実務に採用し続けています。
道具としてのスタックを見る実装と知見を一次情報として公開
メンバーが GitHub ／ Zenn で実装・運用・技術判断のプロセスを継続的に発信しています。コード・記事の現物で確認できます。
メンバーの発信を見る(新しいタブで開きます)個人事業者からグローバル企業まで対応
飲食事業のグローバルブランドサイト、IT メガベンチャーのアプリケーション開発、重工業のブランドサイト制作など、規模・業界の異なる案件を本番運用してきました。
会社・案件の厚みを見るAI Practice
AI実践の中身
実際に AI が業務に浸透しています。使わない日はここ数年ありません。
運用開始
2024 年 11 月
すべての案件で継続運用しています。
並行案件数（1 人あたり）
1 件 → 3〜4 件
2024 年 Q1 と 2026 年 Q1 の比較。同種案件で同時並行できる本数が増えました。
使っている AI ツール（一例）
Claude Code
設計・実装・レビューや、ドキュメンテーションを行う
Codex
Claude Codeのプランのレビュー・改善や、プランに従った強力な実装を行う
Cursor
プロジェクトのオンボーディングや、プランに基づく高速実装を行う
Devin
長時間タスクの非同期委託や、マーケティングフレームワークに従った調査・分析を行う
AI ツール・ノウハウは会社が用意
- ライセンス費用は会社負担
- 継続運用で蓄積した導入手順・プロンプト設計・レビュー基準を社内で共有
Tools We Use
道具としてのスタック
技術は目的ではなく道具。案件と要件に合わせて選びます。
React 19
UIライブラリ
TypeScript
型安全な開発
Tailwind CSS 4
ユーティリティファーストCSS
Astro
コンテンツ重視のWebフレームワーク
Node.js
サーバーサイドJavaScript
Hono
軽量Webフレームワーク
microCMS
国産Headless CMS
Strapi
OSS Headless CMS
Vercel
フロントエンドホスティング
Cloudflare
CDN・エッジコンピューティング
AWS
クラウドインフラ
Biome
Linter/Formatter
pnpm
パッケージマネージャ
Playwright
E2E / Visual Regressionテスト