ニュース
プログラミング素人でも試せる! ChatGPTでHTMLのオリジナルWebアプリを作成する方法:ChatGPT使いこなし術(1/2 ページ)
「ChatGPT」の基礎から応用まで、仕事や生活で役立てるためのTipsを連載で紹介する
ChatGPTを使ってプログラミングやコーディングが簡単に行える──とは耳にするものの、普段からプログラミングを使う生活をしていなければ、その恩恵を感じづらいもの。
そこで、プログラミング素人でも簡単に利用できる例として、Webデザインで使われるマークアップ言語「HTML」で書かれたファイル(.html)を出力し、オリジナルWebアプリのようなものを個人で使う方法を提案したい。
BMIを計算するWebアプリを作成してみよう
今回は、ChatGPTを使って体重と身長からBMIの値を算出するWebアプリを作成してみよう。ChatGPTに対して「体重と身長からBMIを計算するWebアプリをHTMLを使って作成してください。」と指示する。
advertisement
ちなみに、出力の末尾には「このHTMLファイルを作成し、ブラウザで開くと、体重と身長を入力できるフォームが表示されます。それぞれの値を入力し、"Calculate"ボタンをクリックすると、BMIが計算され、その結果が表示されます。」のように使い方についても解説されている
コピーしたコードをテキストエディタなどにペーストし、ひとまずプレーンテキスト(.txt)としてデスクトップなどの分かりやすい場所に保存しよう。その後、保存したファイルの拡張子を」.html」に変換する。
後は作成したHTMLファイルをブラウザアプリで開いた新規タブに対してドラッグ&ドロップすればOKだ。
関連記事
ChatGPTのプロンプト入力をラクにする「カスタム指示」機能が便利 前提条件を事前に記入できる
「ChatGPT」の基礎から応用まで、仕事や生活で役立てるためのTipsを連載で紹介する。ChatGPTから出力される文章のクオリティーがアップする“掘り下げ式”の3ステップ
「ChatGPT」の基礎から応用まで、仕事や生活で役立てるためのTipsを連載で紹介する。ChatGPTで文章の校正や推敲を行ってみよう
「ChatGPT」の基礎から応用まで、仕事や生活で役立てるためのTipsを連載で紹介する。ChatGPTを外国語の翻訳にだけ使うのはもったいない もっと役立たせる4つのアプローチ
「ChatGPT」の基礎から応用まで、仕事や生活で役立てるためのTipsを連載で紹介する。すぐに試したくなるChatGPTの裏ワザ? 出力を操作する3つの「パラメータ」とは
「ChatGPT」の基礎から応用まで、仕事や生活で役立てるためのTipsを連載で紹介する。
Copyright © ITmedia, Inc. All Rights Reserved.