ワイヤーフレーム

Figma: the collaborative interface design tool.

デザイナーやエンジニア、PDMに限らずコラボレーションの機能が充実しているので好んで使っています。

フロントエンド

JavaScript Library

React - ユーザインターフェース構築のための JavaScript ライブラリ

TypeScriptで書きたい欲求が強いのとReactユーザーが多いことから、2020年頃から使い始めました。

JavaScript With Syntax For Types.

UIフレームワーク

Primitives - Radix UI

デザインシステムを作るときに使用することが多いです

Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Ionic - Cross-Platform Mobile App Development

特にモバイルアプリを作成するときに使用します。

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

テストツール

React Testing Library | Testing Library

Styling

Stitches - CSS-in-JS with near-zero runtime

UI

WebComponents

Stencil

オリジナルのデザインシステムやUIフレームワークをマイクロフロントエンドで配信するのに利用

ドキュメント

Storybook: UI component explorer for frontend developers

チームで開発するときや動作確認のために利用

フロントエンドサーバー

Develop. Preview. Ship. For the best frontend teams - Vercel

next.jsを使うときに利用

Netlify: Develop & deploy the best web experiences in record time

SSGで配信するときに利用

バックエンド

(書けません。書くモチベーションは低いです)

APIプラットフォーム

Firebase

microCMS|APIベースの日本製ヘッドレスCMS

Airtable | Everyone's app platform

コミュニケーション

Welcome to your new HQ

GitHub: Where the world builds software

コラボレーション

FigJam is an online whiteboard for teams to explore ideas together

Miro | Free Online Collaborative Whiteboard Platform

Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

タスク管理

ClickUp™ | One app to replace them all

プロジェクトボードについて - GitHub Docs

チームの仕事、プロジェクト、タスクをオンラインで管理 * Asana