ワイヤーフレーム Adobe Comp (iPad)
ペンでサッサッと書いたラフな線をいい感じに変換してくれたり、ぐちゃぐちゃっと書けば要素を削除できたりして便利。
まずはワイヤーフレームを書いて全体像のイメージを膨らませる。
API設計 Apicurio Studio (Web)
GUIベースで操作できるAPI設計ツール。
Swaggerほどの機能はないらしいけど、とりあえずは使えてる。
セルフホストした。
ワイヤーフレームを見て、必要なAPIを考える。
ER図 iDatMod (iPad)
ある程度ペンでも快適に操作できる、ER図作成ツール。
APIを確認し、ドメインを意識しながら設計する。
あとは実装
ER図に従ってDB作って、
API設計に従ってAPI作って、
ワイヤーフレームに従ってフロント作れば完成。