学習日
2025年6月10日
名前
飯田梨花
自分で作った図形（コードと画像）
✅ 練習問題1-7-1
コンソールに自分の自己紹介を出力しなさい。
function setup() {
console.log("こんにちは。甲陵中学校１年２番の飯田梨花です。私は、陸上と読書が好きです。よろしくおねがいします。"); // 文字列を指定して描画（出力）
}📷 実行結果
✅ 練習問題1-7-2
キャンバスに自分の自己紹介を出力しなさい。
function setup() {
// キャンバスへの出力
createCanvas(470, 200);
background(217, 193, 251); // 背景色を設定
textSize(32); // 文字サイズを設定
fill(108, 164, 195); // 文字色を設定
text("こんにちは！", 0, 30); // 文字列と位置を指定して描画
text("甲陵中学校１年の飯田梨花です。", 0, 75);
text("私は、陸上と読書が好きです。", 0 , 120)
text("よろしくおねがいします。", 0, 165);
}📷 実行結果
まとめ・感想
・キャンバス → 画像や文字を描画することができる。
・コンソール → 文字のみが表示できて、プログラムがうまく動いているかどうかを確かめるところ。
・キャンバスとコンソールを上手につかって、プログラムがうまく動いているかを確かめながらプログラミングをやっていきたいと思った。