エンジニアが考えるChatGPTに質問する際の効果的なコツ

ChatGPTは、OpenAIが開発した自然言語処理のモデルです。ChatGPTを使って質問をする際には、いくつかのコツを押さえることが重要です。
今回は、ChatGPTを使っての質問の仕方のコツについてご紹介しますので、この記事が参考になればと思います！

import React, { useState } from 'react';

const initialTasks = [
  { id: 1, title: '買い物' },
  { id: 2, title: '掃除' },
  { id: 3, title: '洗濯' }
];

const TaskList = () => {
  const [tasks, setTasks] = useState(initialTasks);
  const [newTask, setNewTask] = useState('');

  const handleAddTask = () => {
    if (newTask.trim() !== '') {
      const newTaskObj = { id: tasks.length + 1, title: newTask };
      setTasks([...tasks, newTaskObj]);
      setNewTask('');
    }
  };

  const handleEditTask = (id, newTitle) => {
    const updatedTasks = tasks.map(task => {
      if (task.id === id) {
        return { ...task, title: newTitle };
      } else {
        return task;
      }
    });
    setTasks(updatedTasks);
  };

  const handleDeleteTask = id => {
    const updatedTasks = tasks.filter(task => task.id !== id);
    setTasks(updatedTasks);
  };

  const handleCompleteTask = id => {
    const updatedTasks = tasks.map(task => {
      if (task.id === id) {
        return { ...task, completed: true };
      } else {
        return task;
      }
    });
    setTasks(updatedTasks);
  };

  return (
    <div>
      <h1>タスク一覧</h1>
      <ul>
        {tasks.map(task => (
          <li key={task.id}>
            {task.title}
              <button onClick={() => handleEditTask(task.id, prompt('タイトルを入力してください', task.title))}>編集</button>
              <button onClick={() => handleDeleteTask(task.id)}>削除</button>
              {!task.completed && <button onClick={() => handleCompleteTask(task.id)}>完了</button>}
          </li>
        ))}
      </ul>
      <div>
        <input type="text" value={newTask} onChange={e => setNewTask(e.target.value)} />
        <button onClick={handleAddTask}>追加</button>
      </div>
    </div>
   );
 };

 export default TaskList;