プログラム初心者がLPを作ろうとしてつまずいている話 その3 〜AIをサポート役にしてコードを学ぶ方法を考えた〜

鎖場にいるあるく。 プログラミングツール

前回のその2でAIをサポート役にするという方針が決まりました。
が、実際にどうやってAIにサポートしてもらうかの、具体的なイメージが湧いてこない。

そんなわけで、その辺りもAI(Claude)に聞いてみました。

※このブログはキャラクター同士の会話形式で進みます。 → 登場キャラクター紹介はこちら

身につけたいなら「写経」が一番効く

写経をするあるく



Claudeの答えはこうでした。

AIに書かせたコードを自分でもう一度手打ちで書く、いわゆる写経です。コピペだと頭を使わないので記憶に残りにくいですが、打ち込む過程で「あ、ここでセミコロン必要なんだ」「このプロパティこういう意味か」と自然に引っかかりが生まれます。

やっぱり「写経」かよ!

ミナ
ミナ

コピペして修正してくのは、やっぱりダメか〜。

ライ太
ライ太

結局そこに戻るんだな。楽したがるやつほど遠回りするって、いい例だぜ。

あるく
あるく

コピペだと何も考えないからね。写経してると「なんでこうなるんだろう?」って考える間が生まれるというか。

????
????

写経はええやり方や。せやけどな、「写したあとに説明できるか」やで。

ミナ
ミナ

うんうん、そうだね〜・・・って、オジサンだれ!!?

あるく
あるく

おお、ゴンさん! お久しぶりです。こちら山小屋管理人のゴンさんだよ。

ゴンさん
ゴンさん

ゴンや。よろしゅう。…で、あるく。写経したやつ、今すぐ説明してみ。

あるく
あるく

ええと、改めて言われると細かく説明できないです。

ゴンさん
ゴンさん

わからんことがわかった、それが今日の収穫や。次の流れを参考にやってみぃ。



AIを駆使したプログラミング学習の流れ

:まず自分で書いてみる(わからなくてもいい)
:詰まったらAIに聞く、またはAIのサンプルを見る
:AIの答えを見ながら自分で打ち直す(写経)
:できたら今度はAIのサンプルを隠してもう一度自分で書く
:書けたらAIに「このコードで問題ないか」とレビューさせる

AI先生
AI先生

まずはステップ3だけ試してみてください。AIのコードを見ながら一行ずつ手で打つ、それだけで気づきが変わります。

ミナ
ミナ

なるほどー。1と2はいきなりは無理そうだから、3からだと助かるなぁ。

あるく
あるく

写経したあとに、その内容をAIに聞くのも良さそうだね。こんな感じかな?

ゴンさん
ゴンさん

動きがわかったら、今度は自分で崩してみぃ。壊して直せたら本物や。

ライ太
ライ太

そやねん。そうやって変化を確認しつつ、理解を深めていくんやで〜。

ミナ
ミナ

そうやって1つずつコードの役割を確認していくんだね〜。・・・ってなんでライ太まで関西弁!?

あるく
あるく

やってみます。ライ太はゴンさんの影響受けちゃたみたいね。

AI先生
AI先生

「写経→理解→検証」の流れができていますね。このサイクルを回せれば、確実に力になりますよ。



まとめ

暖炉の前でゴンさんと話す、あるくとミナ。それを窓の外から覗くライ太とAI先生

:コピペではなく打ち直す(写経)
:自分の言葉で説明できるかが、理解できているかの基準
:AIはサポート役、最終判断は自分

結局写経になっちゃいましたが、そのなかで1つずつ要素を確認していく、
のが大切なんだな〜と改めて感じました。

時間はかかりそうですが、AI先生と二人三脚で頑張っていこうと思います。
あとゴンさんは今後も登場してくれそうです😙



最後のブログLPの進捗ですが、横長ロゴを作成し、
とりあえずヘッダー部分が横並びになるように調整してみました。
今後も少しずつ完成に近づく過程をお見せできればなと。



引き続き歩みはゆっくりですが、どうぞよろしくお願いします。
ではでは👋