skip to content
barorin&?

ChatGPT4とペアプロで作ったReactアプリをNetlifyにデプロイしました

/ 2 min read

はじめに

普段はもっぱら Python ばかりいじっているので、Javascript や React には疎いのですが、 何か 1 こウェブアプリとして形にしたいと思って、ChatGPT とペアプロしながら React アプリ を作成しました。

作ったもの

CSV/TSV ⇄ JSON Converter

技術スタック

  • React
  • Tailwind CSS
  • Netlify

感想

アプリのコードのうち、自分で書いたのは SNS のシェアボタンと Tailwind CSS のデザインくらいで、90%以上 ChatGPT が書いたものをほぼそのまま採用しています。

ちなみに、ChatGPT とのやり取りは基本的に以下の流れで進めました。 各ステップで要件通りでない回答を出してくることも多々あるので、そのような場合は 再度質問し直して対応していました。
デザインをかっちり決めるのはまだまだなところがありますが、ロジック面では十分使える ものになったので、想像以上に活躍してくれたと感じています。

  1. 要件を伝える
  2. フォルダ構成を聞く
  3. 必要なコンポーネントを書き出してもらう
  4. コンポーネントごとにコードを書いてもらう
  5. 書いてもらったコードをレビューさせて、バグチェックや最適化を頼む