カバーする範囲
Next.js と React のプロダクトを作ります。公開サイト、ダッシュボード、その間の地味な管理ツール。パフォーマンスと SEO は実装の一部であり、掃除スプリントではありません。
Webプロダクトの出荷は 2022 年からです。スタックは流行のリストではありません — サイトが順位を取り、ダッシュボードが速いまま、管理ツールが次の採用に耐えるときに使うものです。
フロントエンドはたいてい React と Next.js です。社内スタックがそうなら Vue、Nuxt、Angular も引き受けます。バックエンドは Node、NestJS、Python、Django、FastAPI、Go、Laravel。データは Postgres が多いです。合うなら MySQL、MongoDB、Redis。
リポジトリ、型、ドキュメントは手元に残ります。変えられないテーマは残しません。
- Next.js と React のアプリケーション
- コンバージョンするマーケティングサイト
- デザインシステムとダッシュボード
- SEO、アクセシビリティ、Core Web Vitals
- CMS とコマース連携
- API、認証、ロールベースのアクセス
実務では
- プロダクトアプリ、クライアントポータル、管理コンソール
- 高コンバージョンのマーケティングとランディングページ
- ヘッドレスコマースと Shopify ストアフロント
- Sanity、Strapi、WordPress のコンテンツ基盤
- 価値があるところでの Socket.IO によるリアルタイム UI
- Node、NestJS、Python、Go の型付き API
- Postgres、MySQL、MongoDB、Redis — 仕事に合わせて選ぶ
- 初日から CI、プレビューデプロイ、パフォーマンス予算
扱う技術
出荷に使っている道具です。スライドのためではなく、プロダクトとそれを保つチームのために選びます。
フロントエンド
React
Next.js
TypeScript
JavaScript
Vue.js
Nuxt
Angular
Tailwind CSS
HTML5
CSS
Vite
Redux
バックエンドと API
Node.js
NestJS
Express
GraphQL
Python
Django
FastAPI
Go
PHP
Laravel
データ
PostgreSQL
MySQL
MongoDB
Redis
Prisma
Supabase
SQLite
CMS、コマース、デリバリー
Shopify
WordPress
Strapi
Sanity
Vercel
Netlify
Docker
AWS
よく聞かれること
- プロダクトアプリだけでなく、マーケティングサイトも作りますか？
- はい。公開サイト、クライアントポータル、フルアプリケーション — 同じスタック、違う仕事です。
- SEO と Core Web Vitals も見ますか？
- はい。テクニカル SEO、パフォーマンス、モバイルレイアウトは実装に入ります。後付けではありません。
- 実際に使う Web スタックは何ですか？
- 新しいプロダクトの多くは React、Next.js、TypeScript。社内に既にあれば Vue、Nuxt、Angular。サーバーは Node、NestJS、Python、Go、Laravel — 既存チームに合わせるか、保てるものを提案します。
