ChatGPTを利用して画面モックを爆速で作成する - Taste of Tech Topics
こんにちは、最近スマホのChatGPTアプリで、音声入出力機能を使って会話を楽しんでいる安部です。 皆さんWebアプリ開発などで、画面モックを作成しなければいけない場面は多いですよね？ 適当なHTMLを作ったり、ツールで図示したりしますが、正直面倒です。 そこで今回は、ChatGPTに最初から画面モックを作ってもらいます。 最近はChatGPTに画像を添付できるようになったので手書き画像からHTMLを出力することもできますが、 この記事では画面要素を言葉で指定し、HTMLを出力してもらいます（配置などのデザインは、ひとまずChatGPTにお任せしてみます）。 では早速始めましょう。使用モデルはGPT-4です。 簡単な入力フォームを出力させる まずは、よく使いそうな簡単な入力フォームを出力してもらいます。 ここでは、「書籍を登録する画面」という設定で指示を出します。 次の画面構成の案を、HT
Bootstrap 5.3.2
The Bootstrap Blog News and announcements for all things Bootstrap, including new releases, Bootstrap Themes, and Bootstrap Icons. Bootstrap v5.3.2 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights! Highlights Passing a percentage unit to the global abs() is deprecated since Dart Sass v1.65.0. It resulted in a depre
Bootstrapが難しいので、苦し紛れにJavaScript関連用語だけざっくり調べた - Qiita
注記 この記事の投稿者はRuby on Rails初学者であり、自身の学習の備忘録目的で記事投稿を行なっております。 情報の正確さには最大限注意をしておりますが、もし誤り等がございましたらお知らせいただけますと幸いです。 ご覧いただきありがとうございます！ Ito と申します！ Ruby on Rails初学者です。 調べた動機、経緯 初めてのアプリを作成しようと思いRails new後、Bootstrapを導入しようとしたら数時間ハマりました。 開発環境はRails7系を使用していますが、ChatGPTに質問をしたところWebpackerを薦められました。 JavaScript周りの知識があればChatGPTのアドバイスの矛盾点に気付けたのでしょうが、知識の持ち合わせがなかった私は、なすがままに振り回されてしまいました。 悔しかったのと、「自分と同じように機械に使われる初学者さんを1人で
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
