PycoBlocks ロゴPycoBlocks
無料・インストール不要・ブラウザ完結

ブロックをつなぐと、
Python が書ける。

PycoBlocks(ピコブロックス)は、ブロックを並べると Python / MicroPython のコードができあがる学習環境です。アカウント登録もインストールもいりません。Scratch の次の一歩として、高専の授業で使うために作りました。

ブラウザ内でそのまま実行 生成コードが常に見える Raspberry Pi Pico 対応 スマホ・タブレットOK

// 登録なし・数秒で編集画面がひらきます

Editor
PycoBlocks のエディタ画面。左にブロック、右に自動生成された Python のコードが並んで表示されている。

図1ブロックを組むと、すぐ隣に本物の Python のコードが自動でできあがる。

1
3 modes

目的に合わせて選べる 3 つのモード

実機がなくても始められます。ブロックを組むと、そのまま動く Python のコードができます。目的に合わせて、3 つのモードから選べます。

Python 入門

ブラウザで動く Python

Skulpt という仕組みで、実機がなくてもブラウザの中だけで実行できます。ループ・リスト・辞書・関数・クラス・f文字列まで、Python の基本文法をひととおり扱えます。

Python モードを開く →
ゲーム制作

pygame でゲームづくり

pygame 互換のエミュレーターを積んでいます。ブラウザの中でゲームが動き、書き出したコードはパソコンの Python + pygame でもそのまま動きます。

ゲームモードを開く →
MicroPython

Pico に直接つなぐ

Web Serial API を使って、Raspberry Pi Pico や PoliviaBot にブラウザから直接つなぎます。プログラムの実行と main.py の書き込みができます。

μPython モードを開く →
MicroPython モードの実体配線図。Raspberry Pi Pico に LED・抵抗・ボタンを直結スタイルでつないだ図。
図3 Pico と部品のつなぎ方がそのまま図になる。
2
features

PycoBlocks の特長

ブロックを組む間もずっと本物の Python が見えるように作りました。

コードが常に見える

組んだブロックの隣に、自動生成された Python / MicroPython がいつも表示されます。ブロックとコードを見比べるうちに、テキストのプログラミングへ移りやすくなります。

エラーを日本語で解説

実行時のエラーは、画面下のバナーに日本語で表示します。何が起きたのか読めるので、ひとりで学んでいてもつまずいたまま止まりません。

作品を URL で共有

作ったプログラムは URL にして渡せます。先生から生徒へ、友だち同士で、リンクを開くだけで同じ作品が立ち上がります。

実機にそのまま書き込み

Raspberry Pi Pico や PoliviaBot にブラウザから直接つないで、その場で実行したり main.py を書き込んだりできます。画面で試したプログラムを、そのまま実機で動かせます。

スマホ・タブレット対応

画面の幅に合わせて表示が変わるので、タブレットやスマホでもブロックを組めます。1人1台端末の授業でもそのまま使えます。

無料・登録不要・MIT

登録もインストールもいらず、費用もかかりません。ソースコードは MIT ライセンスで公開しているので、授業でも自由に使えます。

3
learning mode

順番に手を動かして覚える 学習モード

ツールバーの「学習モード」を押すと、画面の右側にガイドが開きます。指示を 1 ステップずつ読みながら、同じ画面でブロックを組んで進められます。

PycoBlocks の学習モード。画面右のガイドパネルに解説とステップが表示され、同じ画面でブロックを組んでいる様子。

図4右のガイドを読みながら、同じ画面でブロックを組んで進める。ステップごとに「クリア」の判定が入る。

23レッスン
3コース/修了証
  • 全23本のレッスン。「はじめの一歩」「制御とデータ」「関数と応用」の 3 コースに分かれ、print の表示から、変数・条件分岐・くり返し・リスト・辞書・関数・クラス・例外処理・ファイルの読み書きまでたどれます。
  • ステップごとに自動で判定。指定したブロックを置けたか、実行結果が期待どおりかを見て、できていれば次へ進めます。
  • コードを書く記述テストも。途中には、ブロックではなく自分で Python を打ち込むステップがあります。出力が合っているか、必要な文が入っているかまで確かめます。
  • コースごとに修了証。コースのレッスンをすべて終えると、名前を入れて修了証を発行できます。印刷や PDF 保存ができ、学んだ区切りの記録になります。
4
color theme

黒と白を切り替える 色テーマ

ツールバーの「黒」ボタンを押すと、画面全体の配色が 黒(ダーク)白(ライト) で入れ替わります。ボタンには今の配色が出るので、押すたびに黒 ⇄ 白 と切り替わります。

黒(ダーク)テーマの編集画面。暗い背景にブロックとコードが表示されている。
黒(ダーク)— 手元でじっくり組むとき
白(ライト)テーマの編集画面。明るい背景にブロックとコードが表示されている。
白(ライト)— 教室のプロジェクターで映すとき

切り替わるのは背景だけではありません。ブロックを並べるキャンバスも、右側のコードエディタの見た目も、まとめて変わります。選んだ配色はブラウザに覚えられ、次に開いたときも同じ色で始まります。

5
login & cloud save

作品をクラウドに保存する ログイン

Google アカウントでログインすると、作った作品をクラウドに保存できます。端末をまたいで続きを開ける、追加の機能です。

クラウド 保存 開く 学校のパソコン 家のパソコン

図5学校で保存した作品を、家のパソコンからそのまま開ける。作品はアカウントにひもづく。

  • 名前をつけて保存。「クラウドに保存」で作品に名前をつけて残せます。同じ作品はあとから上書き保存も、別名で保存もできます。
  • 一覧から開く。「クラウドから開く」を選ぶと、保存した作品が新しい順に並びます。選ぶだけで開けて、いらない作品は削除もできます。
  • 端末をまたいで続ける。作品はアカウントにひもづくので、学校のパソコンで作って、家のパソコンで続きを開く、という使い方ができます。学習モードの進みぐあいも、ログイン中は一緒に保存されます。
  • ログインは任意です。ログインしなくても PycoBlocks はそのまま使えます。作品は自動でブラウザにも保存されるので、ログインは「別の端末でも開きたいとき」の手段です。
6
how it works

使い方は 3 ステップ

面倒な環境構築はなしで、ブラウザだけで組み立てから実行まで進められます。

1

ブラウザで開く

「はじめる」を押すと、そのまま編集画面が開きます。準備はこれだけです。

2

ブロックを並べる

左のカテゴリからブロックをドラッグして組み立てます。並べたそばから、隣に Python / MicroPython のコードができていきます。

3

実行する/書き込む

「▶ 実行」を押せば、その場で動きを確かめられます。Raspberry Pi Pico をつなげば、実機への書き込みもできます。

learning course

順を追って学べる無料の学習コース

魁高専(SAKIGAKE Colleges of Technology)では、PycoBlocks を使った学習記事を公開しています。ブロックの使い方から Python 入門、電子工作まで、順番に読み進められます。

魁高専の学習コースを見る →
7
faq

よくある質問

PycoBlocks は無料で使えますか?

無料です。登録や課金は一切なく、全部の機能をそのまま試せます。ソースコードも MIT ライセンスで公開しています。

インストールは必要ですか?

いりません。PycoBlocks はブラウザだけで動きます。Python をパソコンに入れる必要もなく、ページを開けばそのままブロックを組んで実行できます。

ログインしないと使えませんか?

ログインなしでそのまま使えます。作品は自動でブラウザに保存されます。Google アカウントでログインすると、作品をクラウドに保存して、別の端末からも開けるようになります。

Scratch との違いは何ですか?

大きな違いは、ブロックを組むと本物の Python / MicroPython のコードが隣にそのまま出るところです。ブロックとコードを見比べられるので、Scratch を触ったあとにテキストのプログラミングへ進む足がかりになります。

実機(マイコン)がなくても使えますか?

使えます。Python 入門モードとゲームモードはブラウザの中だけで動くので、マイコンは必要ありません。実機がいるのは、Raspberry Pi Pico につなぐ MicroPython モードだけです。

対応ブラウザは?

Python の実行とゲームは Chrome・Edge・Safari・Firefox で動きます。Raspberry Pi Pico への接続と書き込みだけは Web Serial API を使うため、Chrome か Edge のデスクトップ版が必要です。

何歳から使えますか?

ブロックを動かす操作が中心なので、小学校中学年くらいから使えます。ループやリスト、辞書、関数、クラスまで扱えるため、中学生・高校生・高専生になっても同じ環境で学び続けられます。

学校の授業で使えますか?

使えます。インストールもアカウント登録も不要で、スマホやタブレットでも動くため、1人1台端末の授業に向いています。MIT ライセンスなので、教育目的での利用も自由です。

8
browser support

対応ブラウザ

Python の実行とゲームはどのブラウザでも動きます。Pico への接続だけ、Chrome か Edge のデスクトップ版が必要です。

ブラウザPython 実行 / ゲームPico 接続
Chrome / Edge(デスクトップ)◎ 対応◎ 対応
Safari(iPad / Mac)◎ 対応— 非対応
Firefox◎ 対応— 非対応

※ Pico 接続には Web Serial API が必要なため、Chrome / Edge のデスクトップ版のみ対応します。