アプリの準備
Windowsの「メモ帳」やMacの「テキストエディター」など、最初からインストールされているアプリ（エディターといいます）を使うことができます。学校から配布されているノートパソコンを使うなど、アプリ（ソフトウェア）のインストールもできない場合はそれらを使ってください。
ノートパソコンにアプリをインストールできるときは、プログラムコードの整形や色付けの機能があるものを使うとよいと思います。
VSCode（Visual Studio
Code）は高機能でWindowsでもMacでも使えますが、ちょっとわかりにくいかもしれません。TeraPadやCotEditorはメモ帳やテキストエディターに近い感覚で使えます。
ファイルの準備
以下の3つのファイルをダウンロードして、同じフォルダーの中に保存します（フォルダーの名前は何でもかまいません）。フォルダーはどこに作っても構いません。
Chromeの場合、以下のファイル名を右クリックして「リンク先を別名で保存」を選び、そのまま［保存」ボタンを押してください。
コード先頭の「おまじない」は不要になりましたので削除しています。
手順
必要なファイルがそろったら、次の手順でプログラムコードを書き進めます。
- 上記の3つのファイルが同じフォルダーにあることを確認します。
- 3つのファイルの中から“index.html”をダブルクリックしてブラウザーを開きます。ピゴニャンが表示されます。
- メモ帳などのアプリから“sketch.js”を開きます。“sketch.js”の内容は、p5.jsのウェブエディターに表示されているものと同じです。
- コードが書けたら保存します。どんなアプリでも「保存」のショートカットは Ctrl-S（⌘-S） です（覚えましょう）。
- コードを保存したら、ブラウザーを再読み込みしてください（Chromeなら ↻ のアイコンを押します）。プログラムが実行されます。再読み込みすれば何度でも実行できます。
あとは、手順 4〜5 を繰り返すだけです。
新しい「ピゴニャンのスケッチ」を用意したいときは、3つのファイルが入ったフォルダーを複製するか、前述のリンクから再度ダウンロードします。残念ながら、本書で説明しているような「別名で保存」はできません。
ダウンロードしただけの手つかずのファイル（の入ったフォルダー）を残しておいて、それを複製しながら進めるとよいでしょう。