Silentorial

kcc_logo_white

一般社団法人キッズコードクラブ

使い方

最初の準備

▼ p5.js Web エディタ URL▼

ブラウザ内でプログラミングをするのでインストールは不要

サイレントリアルではいつも使っているブラウザの中でJavaScriptというプログラミング言語が使える 「p5.js Web Editor」 を使います。

「p5.js Web エディタ」のリンクを開けばすぐ使えます。
インストールしたりする必要はありません。

見る・まねして書く・実行の3ステップ

step-01-01-01

まずは見る!

まずはどんなプログラミングコードをどこに書くかをじっくり観察します。 これが「見るモード」です。ファジパンが虫めがねや双眼鏡をもって「ここは見てね!」の合図を出している間は画面をじっくり見て観察してください。
step2-01

まねして書く!

次はビデオを一時停止して、新しく書かれた数行のコードを画面を見ながら同じように打ち込んでいきます。
これが「やるモード」。ビジビーがSTOPサインを持って登場すると同時に、ファジパンもいっしょになってコード入力をしてくれます。

step3-01-01-01

実行してみる!

プログラミングコードが書けたら今度は実行。まずは実行してどうなるかを画面で確認(見るモード)。そしてビジービーが出てきて「やるモード」になったら自分でもプログラムの実行ボタンを押してみます!

見て・まねして書いて・実行!この3ステップの繰り返しです。

メインのガイドサイン

fazz-sign-01

見るモード

ファジーパンツが「むしめがね」「ぼうえんきょう」を持って見ているときは、画面をよく見ててね!

fazz-sign-02

見るモード

ファジーパンツが「むしめがね」「ぼうえんきょう」を持って見ているときは、画面をよく見ててね!

fazz-sign-04-04

やるモード

ビジビーがストップサインをもって出てきたら「やるモード」

実際に自分でやってみるタイムだよ。
「一時停止」して画面のコードと見比べてみよう!

fazz-sign-03-03

書いてみる

ファジーパンツがパソコンでやってみてるときはキミも自分の画面で同じように書いてみてみよう!

画面と同じように書くのがポイントだよ!

cat-play-01

実行してみよう!

キミの画面ではどんな感じになったかな?

ファジーパンツの画面の結果と同じだったら大成功!!

btn-03
ボクたちをまだ知らなかったかな??

動画一覧はこちらから!

btn-01