ChatGPTを使用したプログラミング学習 | 活動日記 | ガーディアン 長期有給インターン生の日常 | 成果を上げるサブスク型ホームページ制作|日本屈指5万サイトの実績|東京のガーディアン

こんにちは！
クリエイティブプロダクト部 クオリティコントロール班インターン生の老沼みほです!

皆さんはChatGPTどのように使用していますか？
私は、英語学習の添削、料理の提案、勉強の時間管理の仕方についての相談、誤字脱字チェックなど様々なことにChatGPT使用しています。

その中でも私は、プログラミング学習に一番ChatGPTを使用しています。

プログラミング学習でChatGPTを少し使用してみたことある方はご存知かもしれませんが、ChatGPTはコードを以下のように文字とコードで教えてくれます。

例

HTML、CSSを勉強したいと思ったときにChatGPに以下の質問をしてみます。

私：HTMLとCSSを勉強したいのですが、問題を出してくれませんか？

ChatGP：もちろんです！以下はいくつかのHTMLとCSSの問題です。それらを解決することで、基本的なスキルを向上させることができます。

HTML 問題
「Hello, World!」というテキストを表示するHTML文書を作成してください。
リストを作成し、リスト内に3つの項目を追加してください。
テーブルを作成し、2行2列のセルを持つテーブルを作成してください。

CSS 問題
「Hello, World!」というテキストを赤色にしてください。
背景色が青色で、白色の文字色の要素を作成してください。
リストの項目を水平に並べ、各項目の間にスペースを追加してください。

応用問題
HTMLとCSSを使用して、簡単なウェブページを作成してください。ウェブページには、見出し、段落、画像、およびリンクを含めてください。
ウェブページにスタイルを追加し、見栄えを改善してください。例えば、フォントの変更、マージンやパディングの追加、ボーダーの設定などがあります。

このように、ChatGPTが問題提示をしてくれます。

その後、自分で書いたコードをChatGPTのメッセージのところに記入すると、答えの正誤を教えてくれます。

答えが知りたかったら

私：これらの答えを教えてください

ChatGPT：もちろんです。それぞれの問題の答えを以下に示します。

HTML 問題
「Hello, World!」というテキストを表示するHTML文書を作成してください。

以下省略

このように答えの提示も詳しくしてくれます。
もう少し難しい問題を解きたい場合や、ヘッダーのみの作り方などを学びたい場合は、その旨をChatGPTに伝えるとそれらに適した問題を提示してくれます。

まとめ

最近はこのようにしてPHPなどを学習しています。
paizaなどの動画教材と併用しながら、気分転換にChatGPTに問題を出してもらって勉強をしています。
ただ、100％の精度ではないので、初学の場合はChatGPTだけではなく、別教材などを併用して勉強した方が良いと思います。
今は、勉強の仕方がたくさんあるので、色々試しつつ自分に合った勉強法を見つけていきたいと思います。

ChatGPT

OpenAIが開発したAIアシスタントです。自然言語処理モデルを使って、テキストを読み取り、人間のように会話したり情報を提供したりします。様々な分野において、説明や質問応答、会話の支援などに利用されています。

--------------------------------------------------------------------------------------------------------------------
フロントエンドエンジニアコースのインターン：https://guardian.jpn.com/recruit/intern/frontendengineer/
メンバー紹介ページ：https://guardian.jpn.com/member/miho_oinuma/
--------------------------------------------------------------------------------------------------------------------