ChatGPT先生とプログラミングを学ぶS01E00：道を決めましょう

環境

• PC: MacOS / M1 Max
• Browser: Chrome
• ChatGPT ver: Legacy GPT-3.5
• Prompt Language: English / 英語

補足：

Promptとは「ユーザーの入力を促す手がかり・指示」、ChatGPTに伝えるもの、日本語では「入力プロンプト」や「プロンプト」と言います。

自分は有料版のChatGPT PLUSを契約していますが、初心者の多くの方が無料版が多いと思うので、「Legacy GPT-3.5」環境にさせていただきます。

普段技術勉強などはなるべく英語で学んでいるので、英語と日本語でChatGPTからの回答は少し違いがあるとしても、プログラミング勉強関連では結果的には大きさがないと思います。

英語もこの機会で少しずつを学ぶことを個人的にお勧めしたく、最初から英語は使いにくいと思われますが、使えば使うほど上手くなるので、何年頑張れば慣れてきます。

英語がわからなかったらChatGPT先生に聞いてください。

最初

最近ChatGPTが話題になっています。何かをChatGPTに聞けば、大抵ちゃんとした回答をしてくれます。

ChatGPT自身は完璧なものではないですけど、我々人間も強みや弱みがあります。

ロジックに重視するものをChatGPTに聞いたら、正確性が高い回答がほとんどなので、いろんな技術を学びたい僕にとってはまさに先生のような存在ではないでしょうかと思います。

ChatGPT先生にどう聞けばいいか、新しい技術を学ぶ時どういう流れにすればいいかはこれから学習意欲がある若者や初心者にも参考になると思うので、ブログにしてみたいと思います。

起点と方向を決める

「プログラミングを学びたーい」と考える方は最初から決めなければならないことがあります。

例えば：

• Programing language / プログラミング言語
• Goal / 目標（Webサイトを作りたいとか）
• Tools / ツール（車を作るのに、ドライバーやレンチとかは百均で買うみたい話）
• Frameworks / フレームワーク （車を作るのに、タイヤはヨコハマ製、エンジンはヤマハ製みたい話）

PC環境の違いがあることで、一部コマンドやツールを使えなかったりすることもよくあるので、必要な場合は事前ChatGPTに伝えるようにします。

プログラミング言語

Webサイトというものにはがバックエンドとフロントエンドが存在しています。
みんな日常直接見えてるのはフロントエンドなので、まず見える触れるものを作りたいなーと思って、

初心者です。   
フロントエンドWEBページを作りたくて、そのため最も流行ってるプログラミング言語をランキングしていただきたいです。
そしてランキングする理由も教えてください。

と聞き、JavaScriptがランキング一位になっています。

JavaScriptは何て良いかっていうと、使いやすさ、コミュニティのサポート、フレームワークが強い、そして汎用性（フロントエンドとバックエンドに両方とも使える、これ良いですね）で説明してくれました。なので、これからJavaScriptにしようと思います。

フレームワーク

前にプログラミングのことを聞いたところ、少しフレームワークの話も出てました。
なんのフレームワークを使えば良いかをお聞きしたいと思って、

フレームワークのReact、Angular、Vue.jsの話も出たんですけど、お勧めはありますか？

を聞いて、Reactは一番使いやすそうと仕事が多いことで薦められるので、Reactにしたいと思います。

環境作成

いきなりWebサイトを作るよりは、最初多少JavaScriptを学ぶことは必須です。 JavaScriptのコードを実行するために何かEditorと環境のインストールが必要かなと思って、聞きました。

• Editor: Visual Studio Code (https://code.visualstudio.com/)
• 実行環境: Node.js (LTSが推奨される https://nodejs.org/en)

となります。

Visual Studio CodeとNode.jsをインストールできたら

node -v

を実行することで、バージョンが表示されます。こちら環境の結果は

v18.9.0

最後

ChatGPT先生に聞いたところ

• Programing language / プログラミング言語 : JavaScript
• Goal / 目標（Webサイトを作りたいとか）: WEBサイト
• Tools / ツール（車を作るのに、ドライバーやレンチとかは百均で買うみたい話）: Visual Studio Code
• Frameworks / フレームワーク （車を作るのに、タイヤはヨコハマ製、エンジンはヤマハ製みたい話）: React

を全て決めました。

次回はJavaScriptの勉強に入りたいと思います。
Thanks for reading! See you next time!