学習日
2026年6月6日
名前
リゼンデス新菜
自分で作った図形（コードと画像）
✅ 練習問題 1-7-1
次のコードを実行して、キャンバスとコンソールへの出力の違いを確認しましょう。
function setup() {
// キャンバスへの出力
createCanvas(400, 200);
background(220); // 背景色を設定
textSize(32); // 文字サイズを設定
fill(0, 102, 153); // 文字色を設定
text("キャンバスの文字", 50, 100); // 文字列と位置を指定して描画
// コンソールへの出力
print("コンソールの文字"); // 文字列を指定して描画（出力）
}📷 実行結果
✅ 練習問題 1-7-2
コンソールに自分の自己紹介を出力しなさい。
function setup() {
// キャンバスへの出力
createCanvas(400, 200);
background(220); // 背景色を設定
textSize(32); // 文字サイズを設定
fill(0, 102, 153); // 文字色を設定
text("キャンバスの文字", 50, 100); // 文字列と位置を指定して描画
// コンソールへの出力
print("リゼンデス新菜です。６年生です。"); // 文字列を指定して描画（出力）
}📷 実行結果
✅ 練習問題 1-7-3
キャンバスに自分の自己紹介を出力しなさい。
function setup() {
// キャンバスへの出力
createCanvas(400, 200);
background(220); // 背景色を設定
textSize(20); // 文字サイズを設定
fill(0, 102, 153); // 文字色を設定
text("リゼンデス新菜です。６年生です。", 50, 100); // 文字列と位置を指定して描画
// コンソールへの出力
print("リゼンデス新菜です。６年生です。"); // 文字列を指定して描画（出力）
}📷 実行結果
まとめ・感想
テキストを書くことができた！！
キャンバスにテキストを書くこといっぱいあると思う。