単語から色を連想して表示

2025年5月15日 2025年5月15日 nakahara_takahiro

テキストボックスに入力した単語から連想される色を3色表示します。連想の妥当性は？？？　これからの課題です。

なお、単語の連想のロジックに、Datamuse APIを使っています。

生成AIをもちいた制作

なお、このプログラムはHTML・CSS・JSを生成AIをもちいて制作しました。

外部ライブラリやAPIを使ったコーディングにどこまで対応しているか試した作品です。

ちなみに、書いたプロンプトは以下のような感じです。

1回目

javascriptで、単語を入力したら、その単語からイメージされる色を表示するプログラムを書いてください。詳細仕様は、以下によります。

・初期状態でテキストボックスが表示されており、単語はそこに入力します。
・テキストボックスの右横に「連想！」ボタンを配置してください。
・連想！ボタンをクリックすると、色が出力されます。
・色は3つ出力してください。
・色は、テキストボックスの下に出力してください。
・色は、カラーコードをあわせて出力してください。