webブラウザからサーバのファイルを読み込む方法をchatGPTに学ぶ

chatGPTが作ったプログラムは信用できないので、以下の手順で必要な関数を得る。まず動くプログラムを作ってもらいテストする。 OKだったら動くプログラムから必要な部分だけを関数にしてもらう。そ…

ページレイアウトのサイドバーにfiletreeを入れる

chatGPTにページレイアウト構成を正確に指定して、サイドバーにfiletreeを入れる。以前chatGPTに作ってもらったページレイアウト構成のプログラムと、ファイルツリーのプログラムを組み合…

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width…

巷で流行っているAIChatBotの一種、ChatGPT。様々な使い方をされている中、プログラム・スクリプトを提案してもらえるという話を小耳に挟んだので、筆者も使ってみることにしました。 ※執筆当…

chatGPT4に「ライブラリを使用しないで、filetreeを作る」と入力したら、希望通りに実装してくれた。 htmlファイル(filetree.html)： <!DOCTYPE html> <h…

div要素にstyleを記述して配置する方法では、HTMLページのレイアウトが思い通りにならなかった。だから、chatGPTに聞きながら、HTMLページを作成することにした。私「htmlページの…

https://codepen.io/nomag201/pen/ZEMmygo