エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
図から Flutter のプログラムを書き出してみる
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
図から Flutter のプログラムを書き出してみる
tldraw, draw-a-ui, makereal について tldraw というオープンソースの React用ホワイトボードライブラ... tldraw, draw-a-ui, makereal について tldraw というオープンソースの React用ホワイトボードライブラリがありまして、これと gpt-4-vision api を用いて、 図や写真からプログラムを生成するというツールをツイートで見かけました。 リポジトリはこれ( draw-a-ui )で、 それをホスティングしているサイト( makereal )が下記です。 使ってみたところ、生成してくれるコードは HTML/JavaScript で、わりかしいい感じに生成してくれます。 今回の主旨 今回はこれを Flutter のコードを吐き出してみてもらえるように修正して遊んでみたので共有です。 こんな感じで図をつくると 下記を生成してくれて、(実際にボタンを押したり入力したりできる) さらに修正事項を指示すると 直してくれました 作ったものは下記のリポジトリにあり