ChatGPT、Webサイト制作に最適かもしれない

事の顛末

私は先日（2023年7月1日）にWebサイトを公開しました。 公開後の私は、仕事終えたと思い、ゆっくりとYouTubeを見ていました。
ですが、公開後から1時間後、Portfolioに「スマートフォンでアクセスした際、ハンバーガーメニューにある内部リンクをクリックしてもメニューが自動で閉じない」というお問い合わせをTwitterでいただき、すぐに対応を開始しました。 しかし、どんなサイトを回っても、コードを変えても何をしても改善しませんでした。 そこで、「”ChatGPT”ならなんとかしてくれるだろう。」という軽い思いつきでChatGPTに質問してみました。

一度目はうまく行かなかったものの、二度目は実際にPortfolioで使用していたハンバーガーメニューの部分のコードを貼り付け、「上記のコードのハンバーガーメニューで、内部リンクを選択したときにメニューを閉じるようにする追加のコードをjsもしくはcssもしくはjqueryで書いてください。」という質問を投げかけました。 すると、しっかりと私が貼り付けたコードに対応するようなコードを書いてくれました。

▲ 実際にChatGPTから返ってきたコード

私はこのコードをさらっと確認し、”script”で囲まれている部分だけを自分のコードに貼り付けました。 なんということでしょう。問題だった、「スマートフォンでアクセスした際、ハンバーガーメニューにある内部リンクをクリックしてもメニューが閉じない」という問題が解決したではありませんか。

そうなんです。これだけで解決してしまったんです。

私はこれを踏まえ、これからもChatGPTをWebサイト制作に応用していこうと思いました。 みなさんもわからない部分やどうしても解決しない問題などあれば、ChatGPTに質問してみるといいかもしれません。

最後まで読んでいただき、ありがとうございました！

この記事をシェアする

リンクをクリップボードにコピーしました