テクノロジー

プレーンテキストで出力するワイヤーフレームツール「Mockdown」「Wiretext」が相次いで公開 ——テキスト形式のワイヤーフレームをエージェントに渡し、UIコードの生成を目指す | gihyo.jp

1: lizy 2026/02/19 18:42

AI向け?にテキストが再評価されてるのかな

2: nguyen-oi 2026/02/21 20:23

アスキーアート的なワイヤーからコード生成は面白い。Claude Codeとの相性も良さそうだし、構造をテキストでガシガシ管理できるのはエンジニアに刺さるな

3: Falky 2026/02/21 21:17

全角文字対応してからもう一度呼んでください

4: awawann 2026/02/21 22:42

これは使えそう。便利だろうな。

5: yellowdomestic 2026/02/22 01:58

これ行と文字数でUIの座標特定ができるから、UI要素の座標とid要素の定義を紐づけた辞書を作ってフロントエンド実装時にid埋め込むようにすれば、E2Eテストの自動生成の精度が上がるという副次的メリットもあるな

6: stabucky 2026/02/22 07:45

手描きしたモックを撮影して読ませた方が早い気がする。画像処理が当たり前の時代に意味があるのかな?

7: hogetax 2026/02/22 07:53

お、これは欲しかった

8: ghrn 2026/02/22 08:43

リポジトリ管理しやすいのかな

9: mayumayu_nimolove 2026/02/22 08:56

Claude Codeでブロトサイト作れちゃう時代なんだよなぁ。それをFigmaで編集できるようになったし。

10: masalib 2026/02/22 10:40

めんどくさいからAIにお願いしている・・・自分でできるのね

11: masa8aurum 2026/02/22 10:57

メモ:これはMarkdownではなくアスキーアート。メリットは、AIエージェントの端末に貼り付けられること? / 日本語だと字幅でズレそうだがどうなのか

12: chaoschk 2026/02/22 11:38

テキストで簡易図作成、いろいろ使えそう。

13: daysleeeper 2026/02/22 12:07

これからCMSはこういうのとAIの組み合わせが主流になるのか?