m-hiyama-memo https://blog.hatena.ne.jp/m-hiyama-memo/ (保存用) 檜山正幸のキマイラ飼育記 メモ編 https://m-hiyama-memo.hatenablog.jp/ Caty 2010年8月20日に書いた「 Webサービスの設計：Webの状態遷移図の描き方」に次の手描きの絵を載せた。それから1年3ヶ月、次はCatyに描かせた。1秒もかからないで描く。レイアウトの左右が逆だったりするが、内容的にはまったく同じ。もう少し詳しく描けば次のよう。これが単なる説明や文書用の絵じゃなくて、動いてしまうってのがミソ。いや、今はインスタントモックアップが出来てないから、即座に動くわけじゃないが、スクリプトとテンプレートを手で書き足せば動く。書き足すのがメンドクサイのでインスタントモックアップってことなのだけどね。次はソースコード。 module login2a in cara;ty… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fm-hiyama-memo.hatenablog.jp%2Fentry%2F20111125%2F1322204253" title="自動描画とインスタントモックアップ - (保存用) 檜山正幸のキマイラ飼育記 メモ編" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://www.chimaira.org/img2/webstone-login-module.gif Hatena Blog https://hatena.blog 2011-11-25 15:57:33 rich https://m-hiyama-memo.hatenablog.jp/entry/20111125/1322204253 1.0 100%