ワイヤーフレーム

Figma: the collaborative interface design tool.

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

フロントエンド

JavaScript Library

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

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

JavaScript With Syntax For Types.

UIフレームワーク

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

Primitives - Radix UI

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

Ionic - Cross-Platform Mobile App Development

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

Stencil

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

テストツール

React Testing Library | Testing Library

Styling

ドキュメント

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.

タスク管理

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

ClickUp™ | One app to replace them all

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