ワイヤーフレーム

Figma: the collaborative interface design tool.

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

フロントエンド

JavaScriptフレームワーク

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

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

UIフレームワーク

Ionic - Cross-Platform Mobile App Development

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

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

UI

WebComponents

Stencil

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

ドキュメント

Storybook: UI component explorer for frontend developers

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

フロントエンドサーバー

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

SSGで配信するときに利用

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

next.jsを使うときに利用

バックエンド

(書けません。書くつもりもありません)

APIプラットフォーム

Firebase

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

コミュニケーション

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