フロントエンド開発に関わる技術を整理する
コラム
タイトル通り、フロントエンド開発に関わる技術を整理します。全体を俯瞰して要素を書き出すことは高品質なプロダクトを作ることに繋がると考えています。
開発ツール
バージョン管理
- Git
- Github
コンパイラ
- TypeScript
- Babel
ビルド
- npm
- webpack
- vercel
エディタ
- VS code
- Prettier
- ESLint
実行環境
サーバランタイム
- Node.js
- docker
- MySQL
ブラウザ
- Chrome
- Fierfox
- Safari
- Edge
UIフレームワーク
- Reacct
- Next.js
CI/CD
- CircleCI
- Github Actions
コンポーネント設計
UIデザイン
- CSS in JS
- CSS Modules
- CSS Framework
コンポーネント実装
- React Hooks
- Atomic Design
- Storybook
状態管理
- React porps
- Flux / Redux
- Context
テスト
- Mocha
- jest
- Selenium
アプリケーション設計
API設計
- REST API
- GraphQL
ルーティング設計
- React Router
- Next.js / Routing
レンダリング設計
- SSR / SSG / ISR / On-demand ISR
デプロイ
- vercel
- AWS
- CDN
PWA
SEO
- Goodle Analytics
- Serach Console