【初心者向け】ChatGPT 4oでプログラミング学習をするとき、マジで使える「プロンプト」集!
こんにちは! 本業はライター、副業はエンジニアの"なつめ"です。noteをご覧くださり、本当にありがとうございます!
最初に「本記事の要約・関連記事の紹介」をした後、コピペで使えるプロンプトを紹介!とってもカンタンですが、効果は抜群です!
0.この記事でつくるサイコロアプリ(ダウンロードして試してみよう!)
加えてブラウザで動く、サイコロアプリを実際に作成していきます。完成したアプリを、zip形式でダウンロードすることも可能です!
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
サイコロアプリの画面
サイコロアプリのダウンロード
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
1.この記事を【3行で要約】!
「AIの個別指導って!? 数十万円のプログラミングスクールより良いの?」と感じるのは、ごくごく自然な感情です。
なんせChatGPT(4o)の個別指導(家庭教師)は、月額約3,200円ですからね! AIを活用したプログラミング学習法を、誰でも今日から実践できるよう、解説していきますね。
2.GPT4oを最強のプログラミング家庭教師にするプロンプト集
高度なプロンプトもありますが、本記事では、手軽なのにめっちゃ強力なプロンプトを集めました!
(2-1)プログラミングに対する苦手意識が強く、チンプンカンプンな状態を救ってくれるプロンプト
プロンプト①:プログラミング未経験の中学生!
プロンプト①の回答を一部抜粋
(2-2)プログラミングに対する苦手意識が強く、フランクに解説してほしい場合のプロンプト
プロンプト②:ギャルGPT
プロンプト②の回答を一部抜粋
(2-3)専門用語をさらに質問すプロンプト
プロンプト③:中学生×比喩×ギャルGPT
プロンプト③の回答(一部抜粋)
▼あわせて読みたい▼
3.プログラミングが苦手で難しく感じる場合のキーワード一覧
【プログラミング未経験の中学生でも分かるように解説して】
【たとえ話を交えて教えて】
【ギャル語で教えて】
これらを全部組み合わせると、どんな市販の解説書よりも、圧倒的にわかりやすく解説してもらえます。「中学生×比喩×ギャル語」のプロンプト例を、まとめておきますね!
4.自分が欲しいアプリを「小さく」完成させて、自信を育てる
ふだんPCを使っていて、「もっとこんなアプリがあったらなぁ」を思い出す段階からはじめましょう!
例えば私なら、
お気に入りのサイトの画像を一括ダウンロードするアプリ
家計とは別に、自分のお小遣いを管理するアプリ
noteのネタ帳アプリ
めっちゃかわいくて自分好みのデスクトップ付箋
気に入ったTweet(post)をストックするアプリ
などなど、欲しいアプリはたくさんあります。
[PR]より深くプロンプトエンジニアリングを学びたい人向けの教科書
(★4.5)
(4-1)実際に「サイコロアプリ」を作ってブラウザで動かしてみよう!
コピペ用のHTML↓↓↓
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サイコロふるアプリ</title>
</head>
<body>
<h1>サイコロふるアプリ☆</h1>
<button id="rollButton">サイコロふる~</button>
<p id="result">結果がここに出るよん♪</p>
<script src="dice.js"></script>
</body>
</html>
このHTMLを保存する際は、下図の注意点を参考に、メモ帳などのテキストエディタを使います。
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
Note. HTMLとJavaScript(dice_game.html, dice.js)は、かならず同じフォルダに保存する!
コピペ用のJavaScript↓↓↓
document.getElementById('rollButton').addEventListener('click', function() {
let result = Math.floor(Math.random() * 6) + 1;
document.getElementById('result').innerText = `サイコロの目は ${result} だよん!`;
});
これで、ChromeやSafariなどの「ブラウザ」で開けば、サイコロアプリを実行できます。
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
Note. HTMLとJavaScript(dice_game.html, dice.js)は、かならず同じフォルダに保存する!
5.大事な知識はnote(ブログ)にまとめる・手書きも効果抜群!
GPT4oに教わった知識のうち、とくに大事なものは、note記事にして公開するのがおすすめ! 自分しか見ないノートにまとめるよりも、学習効果は2倍・3倍に!
多かれ少なかれ他人の目があるので、モチベを維持しながら、自分専用の「教科書」を作れますし、後から見返すと、本当に重宝しますよ。
プログラミング学習専用のアカウントを作って、自分に最適化された、最強の教科書を作るイメージです。
(参考)私が勉強用に作成したnote▼
読まれるかどうかは、あまり気にしなくてもいいでしょう!一番の目的は、勉強ですからね。加えて、 外出先からスマホで復習できるのも◎!
※ 気がひける場合は、非公開のメモアプリにまとめてもOKですよ!
▼あわせて読みたい▼
6.いつか副業になるかも!?
こうしてプログラミング学習を進めていくと、楽しみながら、小さなアプリを作る過程でだんだんと「高度なスキル」が身に付いていきます!
こうしたスキルを副業化するには、次のような方法が現実的です。
教える:UdemyやKindleでプログラミングの教育コンテンツを販売する
(強み:元素人だからこそ、初学者の「???」に寄りそえる)
売る:メルカリの商品データ取得ツールを販売する
(例:Lancersで販売している実際のシステム)広告:スマホアプリやWebアプリを作り、広告で稼ぐ
(例:話題をランダムに提供するWebアプリで広告収益を得ている例)
私の場合、たまたま運に恵まれ、プログラミング学習3週目には毎月4~5万円程度の小さなシステム開発の依頼がくるようになりました。ですが、地雷クライアントはかなり多く、見分けにくいのが実情です。
ですから、
教える
完成品を売る
アプリ×広告
の3つのやり方が、おすすめ。
いずれにせよ、まずはアプリ開発に「ドハマり」し、開発大好き人間になればOK! 自ずと結果はついてきます!!!
まとめ:プロンプト集・サイコロアプリ(ダウンロード可!)
▼プロンプト画像をダウンロード▼
▼サイコロアプリをダウンロード(zipファイル)▼
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
ここまで読んでくださり、ほんっとーーーにありがとうございます!!!
以上、なつめ|ライターでした!
[PR]プロンプトエンジニアリングの教科書(★4.5)
あわせて読みたい! 関連記事
▼AI時代の独学勉強法▼
▼音声でわかる! 勉強のコツ▼