🌟

冗長な書き方のコードをChatGPTが修正してくれた

2023/01/24に公開

Flask

恥ずかしい話なのですが、コードをよく考えずに書いてしまっていました。
pythonでflaskを使って書いたコードですが、ChatGPTに冗長なコードと言われてしまいました。
こちらが、元のコードです。

{% extends 'base.html' %} {% block head %}
<title>画数調べ</title>
<script type="text/javascript" src="/static/js/hantei.js"></script>
{% endblock %} 
{% block content %}
<h1>画数を調べて九星の相性を調べます。</h1>
<form action="/kisyu_form" method="post"></form>
  <div class="kisyuform mb-3">
    <h2>騎手の名前を入力してください</h2>
    <p>漢字、カタカナ、空白、”ー”と”・”が入力できます。</p>
    <p>&ensp;1:<input type="text" name="kisyu1" size="20" /></p>
    <p>&ensp;2:<input type="text" name="kisyu2" size="20" /></p>
    <p>&ensp;3:<input type="text" name="kisyu3" size="20" /></p>
    <p>&ensp;4:<input type="text" name="kisyu4" size="20" /></p>
    <p>&ensp;5:<input type="text" name="kisyu5" size="20" /></p>
    <p>&ensp;6:<input type="text" name="kisyu6" size="20" /></p>
    <p>&ensp;7:<input type="text" name="kisyu7" size="20" /></p>
    <p>&ensp;8:<input type="text" name="kisyu8" size="20" /></p>
    <p>&ensp;9:<input type="text" name="kisyu9" size="20" /></p>
    <p>10:<input type="text" name="kisyu10" size="20" /></p>
    <p>11:<input type="text" name="kisyu11" size="20" /></p>
    <p>12:<input type="text" name="kisyu12" size="20" /></p>
    <p>13:<input type="text" name="kisyu13" size="20" /></p>
    <p>14:<input type="text" name="kisyu14" size="20" /></p>
    <p>15:<input type="text" name="kisyu15" size="20" /></p>
    <p>16:<input type="text" name="kisyu16" size="20" /></p>
    <p>17:<input type="text" name="kisyu18" size="20" /></p>
    <p>18:<input type="text" name="kisyu18" size="20" /></p>
  </div>
  <div class="btn_submit">
    <button type="submit" class="btn btn-primary">送信</button>
  </div>
</form>
<script type="text/javascript">
  hantei();
</script>
{% endblock %}

こちらが、VSCODEにインストールしたChatGPTの拡張機能を使って検証したものです。

{% extends 'base.html' %} 
{% block head %}
  <title>画数調べ</title>
  <script type="text/javascript" src="/static/js/hantei.js"></script>
{% endblock %} 
{% block content %}
  <h1>画数を調べて九星の相性を調べます。</h1>
  <form action="{{ url_for('kisyu_form') }}" method="post">
    <div class="kisyuform mb-3">
      <h2>騎手の名前を入力してください</h2>
      <p>漢字、カタカナ、空白、”ー”と”・”が入力できます。</p>
      {% for x in range(1, 19) %}
        <p>&ensp;{{ x }}:<input type="text" name="kisyu{{ x }}" size="20" /></p>
      {% endfor %}
    </div>
    <div class="btn_submit">
      <button type="submit" class="btn btn-primary">送信</button>
    </div>
  </form>
  <script type="text/javascript">
    hantei();
  </script>
{% endblock %}

ChatGPTは、コードを理解している

ChatGPTは、何をしたいコードなのか、ちゃんと理解しています。
私のようにプログラミングのことで相談相手が居ない人は、ChatGPTを活用すると良いと思います。
エラーの修正にもChatGPTは、大変役立ちます。

ChatGPTは、コードを理解している

Discussion