![見出し画像](https://assets.st-note.com/production/uploads/images/105278324/rectangle_large_type_2_5697135914a90831ce590635a478764c.jpeg?width=1200)
10分でプログラマーデビューする(ChatGPT×replit)
皆さん、ChatGPTを使っていますか?
プログラマー界隈では、自分よりも優秀なコードを書いてくれると話題になっています。
仕事で活用している人も増え、初心者や未経験者でも簡単にプログラミングができる時代が来ました。
プログラマーが淘汰される時代も近いと言われています。
プログラミング未経験でも、これを機にChatGPTでゲームやWEBサイト、アプリを作ってみたい!という人も多いのではないのでしょうか?
コードコピペだけじゃプログラムは動かない
でも果たしてそんな上手くいくでしょうか?
コードのコピペだけでプログラムを作れるでしょうか?
その通りで、コードだけではプログラムは動かないのです。
プログラミングの初心者にとって、最も大きな壁は「環境構築」です。
環境構築とは、プログラムを実行するために必要なソフトウェアやライブラリをインストールし、設定することです。
これができないと、たとえChatGPTの素晴らしいコードがあっても動かすことができません。
さらには、WindowsやMacなど使用しているPCを考慮する必要があったり、開発エディターの種類も豊富です。ここで躓いてしまう人が多いと思います。
環境構築のハードルをreplitで乗り越える
そこで今回、皆さんにご紹介するのが、replitというオンラインのコーディング環境です。
![](https://assets.st-note.com/img/1683767439545-Tg9nnRV5H4.png?width=1200)
このサービスを利用すれば、環境構築に悩むことなく、すぐにプログラムを試すことができます。
replitは、さまざまなプログラミング言語に対応しており、ブラウザ上でコードを書いて実行できるため、初心者でも簡単に使い始めることができます。
つまり、
1. 環境構築が必要なし
2. 動くコードをコピペする
3. プログラムが完成
なので、ChatGPTとの相性が抜群に良いのです。
ブラウザで動くので、スマートフォンからでもプログラムが作れてしまいます。
それでは、早速replitとChatGPTを使って、ブロック崩しゲームを作ってみましょう!
replitでアカウント作成と始め方
それでは、まずはreplit(https://replit.com/)にアクセスし、アカウントを作成しましょう。
メールアドレスやソーシャルアカウントを使って登録できます。
アカウント作成が完了したら、ログインして、以下の手順でトップページから新しいプロジェクトを作成しましょう。
トップページにある「Create Repl」をクリックします。
プログラミング言語を選択して、「Create Repl」ボタンをクリックします。(今回は例として、「HTML, CSS, JS」を選択してください、この言葉の意味がわからなくても大丈夫です)
新しいプロジェクトが作成され、ブラウザ上でエディタが開きます。
![](https://assets.st-note.com/img/1683770920086-6U3PVO73rF.png?width=1200)
![](https://assets.st-note.com/img/1683775907182-hEPhjGgL30.png?width=1200)
難しそうなコードがデフォルトで表示されますが、理解する必要ないです
このブラウザ上で、既に実行するための環境が構築されています。
面倒くさい環境構築が必要ありません。
あとは、対象ファイルにコードをコピペするだけです!
ChatGPTでコードを書いてもらい、replitに貼り付ける
次に、ChatGPTにブロック崩しゲームのコードを書いてもらいます。
ChatGPTに、ブロック崩しゲームを生成してほしい旨を伝えます。
「replitで〇〇を作成してください」のように"replit"を明示してあげましょう。
![](https://assets.st-note.com/img/1683771349590-ks4SPfaKGc.png)
今回の例の場合、合計3ファイルのコードを記載してくれるはずです。
コードの内容を理解する必要はありません。
生成されたコードをコピーし、以下の手順でreplitに貼り付けて実行しましょう。
先ほど作成したreplitのプロジェクトのエディタに戻ります。
エディタ内の既存のコードを削除し、ChatGPTで生成されたコードを貼り付けます。
合計3ファイル書き換えます。(index.html, scripts.js, style.css)エディタ上部の緑色の「▶Run」ボタンをクリックして、プログラムを実行します。
![](https://assets.st-note.com/img/1683775839418-RIfy8CdJNL.png?width=1200)
すると、画面にブロック崩しゲームが表示され、遊ぶことができました!
![](https://assets.st-note.com/img/1683776165901-CaXqM1kYea.png)
もし、何らかのエラーが発生した場合は、エラーの内容をChatGPTに貼り付けて、必要に応じて修正して再度実行しましょう。
ここまでおよそ10分程度で動作しました。(エラーがなければ)
プログラミング未経験でも最初の一歩を踏み出せましたね!
ここから発展した機能を追加したり、WEB上に公開など、他にもやれることはありますが、後続ステップもChatGPTに聞きながら進めていけそうです。
<速報>replitがアツい
ちなみに、replitはGoogleのAI Bardと提携を始めており、今かなりHotなサービスでもあります。
Replit 🤝 Bard
— Replit ⠕ (@Replit) May 10, 2023
From #GoogleIO Keynote pic.twitter.com/3LnQOop81w
GoogleのAI Bardについては以前こちらの記事でも紹介しました。
今後もreplitを始めとしたAIと各種サービスの連携ニュースにも目が離せませんね!
プログラミングの第1歩として
以上で、replitとChatGPTを使って、たった10分でプログラマーになる方法を紹介しました。
「プログラマーになる」というのは誇張表現かもしれませんが、プログラミング学習において「何か動くものを作る体験」が最重要だと私は考えています。動いた時の感動が糧となって、そのあとの学習が持続するのです。たいていの人はここにたどり着かずに終わってしまいます。そう、最初の一歩が最難関なのです。
環境構築に悩むことなく、すぐにプログラムを試すことができるreplitと、AIが生成するコードを活用するChatGPTの組み合わせは、プログラミング初心者にとって非常に有益です。
これを機に、ぜひプログラミングの世界に挑戦してみてください!
この記事が気に入ったらサポートをしてみませんか?