02-04 定数
定数とは? 変数と似ていますが、一度値を設定したら変更できないものを「定数(ていすう)」といいます。p5.jsでは、constというキーワードを使って定数を宣言します。 定数は、プログラムの中で変更してはいけない値を扱う...
02-03 型
型とは? プログラムで扱うデータには「型(かた)」があります。型とは、データの種類や性質を表すものです。例えば: JavaScriptの基本的な型 JavaScriptには以下のような基本的な型があります: 数値型(Nu...
02-02 変数
変数とは? プログラムで数字や文字をとっておきたいとき、「変数(へんすう)」を使います。Scratchで「スコア」という変数を作ったことがある人もいるかもしれませんね。p5.jsでも同じように、名前をつけて変数を作ること...
02-01 演算
数値の演算(四則演算) 四則演算(たし算・ひき算・かけ算・わり算)は、プログラムでは次のような記号で表します:+、-、*、/ 計算の順番 算数で習った四則演算の優先順位やカッコによる優先順位の指定はコードプログラミングで...
01-06 結果の出力先
プログラムは何らかの処理を行い、結果を出力します。 Scratchの場合 Scratchではスクリプトエリアに作成したプログラムが動作すると、ステージエリアに結果が表示されました。 Scratchの画面 p5.jsの場合...
01-05 図形描画
前回の項では circle() を使って円を描く方法を学びました。ここでは、より多くの図形を描く方法を紹介します 楕円の描画(ellipse) ellipse() を使うと、楕円を描くことが...
01-04 図形描画の基礎
p5.jsはグラフィックに特化した開発環境です。図形を描いたり、画像を表示してアート作品を作成することができます。また、音楽データを解析してサウンドイコライザーを作ることも可能です。これらの特徴から、アート系のプログラマ...
01-03 初めてのコーディング
図形を描いてみよう p5.jsのエディターに以下のコードをコピーして、再生ボタン(▶)を押してみよう。 画面に白い丸が描かれます。 ソースコードのルール エラーに注意! コードのスペルを間違えたり、ルールを守らないとエラ...
コードプログラミング教材
第1章