
【初心者向け】ChatGPT 4oでプログラミング学習をするとき、マジで使える「プロンプト」集!
こんにちは! エンジニア&教育ライターの小峯(こみね, 旧なつめ)です。noteをご覧くださり、本当にありがとうございます!
最初に「本記事の要約・関連記事の紹介」をした後、コピペで使えるプロンプトを紹介!とってもカンタンですが、効果は抜群です!




▼ChatGPTを200%活用! 講座概要▼
尚この度、Udemyでもプロンプトエンジニアリング力の講座(ChatGPTを200%活用するな内容)をリリースしました! noteからのご購入で81%OFF(1,300円)で購入できます。本リンクのみのセール価格で、~1/12まで有効です。ぜひご活用ください。
0.この記事でつくるサイコロアプリ(ダウンロードして試してみよう!)
加えてブラウザで動く、サイコロアプリを実際に作成していきます。完成したアプリを、zip形式でダウンロードすることも可能です!
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
サイコロアプリの画面


サイコロアプリのダウンロード
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
1.この記事を【3行で要約】!

・ プログラミングができるようになりたいけれども、苦手意識が強くて困っている人を対象に、GPT4oを最強の家庭教師にするプロンプトを紹介!
・ 楽しく面白く、ゲームのように学ぶには「欲しいアプリを!」「小さく!」「noteにメモって!」の、3点セットが大事!
・ 実際にサイコロアプリを作りながら、プログラミング学習のコツを学べる
「AIの個別指導って!? 数十万円のプログラミングスクールより良いの?」と感じるのは、ごくごく自然な感情です。
なんせChatGPT(4o)の個別指導(家庭教師)は、月額約3,200円ですからね! AIを活用したプログラミング学習法を、誰でも今日から実践できるよう、解説していきますね。
2.GPT4oを最強のプログラミング家庭教師にするプロンプト集

高度なプロンプトもありますが、本記事では、手軽なのにめっちゃ強力なプロンプトを集めました!
(2-1)プログラミングに対する苦手意識が強く、チンプンカンプンな状態を救ってくれるプロンプト
プロンプト①:プログラミング未経験の中学生!
※【】内が大事な依頼文
PythonやPHP、JavaScriptなど、どの言語を学ぼうか迷っています。【プログラミング未経験の中学生でも分かるように、たとえ話を交えて】解説してください。
プロンプト①の回答を一部抜粋
※太字はGPT4oの回答(一部抜粋)
Pythonは、最初に学ぶのにとてもおすすめです。まるで、魔法の学校に入学したての新入生が使う初心者向けの杖のように、すぐに扱えるようになります。自分が何を作りたいか、どんな魔法を使いたいかを考えて、どの杖を選ぶか決めてみてくださいね!
(2-2)プログラミングに対する苦手意識が強く、フランクに解説してほしい場合のプロンプト
プロンプト②:ギャルGPT
※【】内が大事な依頼文
Pythonでデスクトップ付箋を作りたいです。【プログラミング未経験の中学生でも分かるように】【ギャル語で解説してください。】
プロンプト②の回答を一部抜粋
※太字はGPT4oの回答(一部抜粋)
おっけー、おっけー、デスクトップ付箋ね!超カワイイアプリ作っちゃおうぜ!Pythonで作るから安心してね。じゃあ、やってみよっか!
まずはPythonがインストールされてるかチェック!Pythonを使ってGUI(グラフィカル・ユーザー・インターフェース)を作るのに、tkinterっていう便利なモジュールを使うよ。これでカワイイ付箋作れちゃうからね。
(2-3)専門用語をさらに質問すプロンプト
プロンプト③:中学生×比喩×ギャルGPT
※【】内が大事な依頼文
GUI・tkinter・モジュールの意味が分からないので、【プログラミング未経験の中学生でも分かるように、たとえ話も交えて、ギャル語で】教えて!
プロンプト③の回答(一部抜粋)
※太字はGPT4oの回答(一部抜粋)
tkinterは、Pythonでパソコンやスマホでポチポチする画面を作るための道具箱みたいなものなの。学校でいうと、色鉛筆とかクレヨンみたいな感じ。Pythonっていうプログラミングの鉛筆を使って、tkinterっていう色鉛筆セットでカラフルな絵(GUI)を描く感じだね。だから、tkinterを使えば、簡単にカワイイ画面を作ることができるの。
▼あわせて読みたい▼
3.プログラミングが苦手で難しく感じる場合のキーワード一覧

【プログラミング未経験の中学生でも分かるように解説して】
【たとえ話を交えて教えて】
【ギャル語で教えて】
これらを全部組み合わせると、どんな市販の解説書よりも、圧倒的にわかりやすく解説してもらえます。「中学生×比喩×ギャル語」のプロンプト例を、まとめておきますね!
●●について【プログラミング未経験の中学生でも分かるように、たとえ話も交えて、ギャル語で教えて!】
4.自分が欲しいアプリを「小さく」完成させて、自信を育てる

ふだんPCを使っていて、「もっとこんなアプリがあったらなぁ」を思い出す段階からはじめましょう!
例えば私なら、
お気に入りのサイトの画像を一括ダウンロードするアプリ
家計とは別に、自分のお小遣いを管理するアプリ
noteのネタ帳アプリ
めっちゃかわいくて自分好みのデスクトップ付箋
気に入ったTweet(post)をストックするアプリ
などなど、欲しいアプリはたくさんあります。
POINT①:最小限の機能が完成したら、ちょびっとずつ改良していく
POINT②:既成のアプリは便利でもどこか微妙だが、DIYすれば、100%自分好みのアプリに成長させられる
POINT③:自分用のアプリを何個か作っているうちに、楽しみながらスキルが身に付く
[PR]より深くプロンプトエンジニアリングを学びたい人向けの教科書
(★4.5)
(4-1)実際に「サイコロアプリ」を作ってブラウザで動かしてみよう!

STEP1. サイコロアプリを表示するHTMLを教えてもらう
STEP2. サイコロをふるためのJavaScriptを教えてもらう
STEP3. いったん保存して、動かしてみる
STEP4. HTMLやJavaScriptの不明点を質問する
STEP5. 特に大事な知識やキーワードをメモしたり、頭の整理も兼ねて、noteで解説記事にしてみる

コピペ用の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ですよ!
▼あわせて読みたい▼

尚この度、Udemyでもプロンプトエンジニアリング力の講座(ChatGPTを200%活用するな内容)をリリースしました! noteからのご購入で81%OFF(1,300円)で購入できます。本リンクのみのセール価格で、~1/3まで有効です。ぜひご活用ください。
0.
6.いつか副業になるかも!?

こうしてプログラミング学習を進めていくと、楽しみながら、小さなアプリを作る過程でだんだんと「高度なスキル」が身に付いていきます!
こうしたスキルを副業化するには、次のような方法が現実的です。
教える:UdemyやKindleでプログラミングの教育コンテンツを販売する
(強み:元素人だからこそ、初学者の「???」に寄りそえる)
売る:メルカリの商品データ取得ツールを販売する
(例:Lancersで販売している実際のシステム)広告:スマホアプリやWebアプリを作り、広告で稼ぐ
(例:話題をランダムに提供するWebアプリで広告収益を得ている例)
私の場合、たまたま運に恵まれ、プログラミング学習3週目には毎月4~5万円程度の小さなシステム開発の依頼がくるようになりました。ですが、地雷クライアントはかなり多く、見分けにくいのが実情です。
ですから、
教える
完成品を売る
アプリ×広告
の3つのやり方が、おすすめ。
いずれにせよ、まずはアプリ開発に「ドハマり」し、開発大好き人間になればOK! 自ずと結果はついてきます!!!
まとめ:プロンプト集・サイコロアプリ(ダウンロード可!)

▼プロンプト画像をダウンロード▼
▼サイコロアプリをダウンロード(zipファイル)▼
Note. 解凍して「dice_game.html」をブラウザで開くと動きます
ここまで読んでくださり、ほんっとーーーにありがとうございます!!!
以上、小峯|エンジニア(旧なつめ)でした!

尚この度、Udemyでもプロンプトエンジニアリング力の講座(ChatGPTを200%活用するな内容)をリリースしました! noteからのご購入で81%OFF(1,300円)で購入できます。本リンクのみのセール価格で、~1/3まで有効です。ぜひご活用ください。
0.
[PR]プロンプトエンジニアリングの教科書(★4.5)
あわせて読みたい! 関連記事
▼AI時代の独学勉強法▼
▼音声でわかる! 勉強のコツ▼