CH NEO-ZÜRICH AUSGABE
WETTER · KLAR 24°C
BLEND DES TAGES · 07/ROGUE
EST. 2027
DIE AEC CYBER MORGENZEITUNG

PAZ Kaffi

DESIGN · ABBRUCH · KOFFEIN · DEPESCHE
AUSGABE 0618 · 18 June 2026
SENDUNG 04:42 MEZ
2'400 BOGEN GEDRUCKT
LESEZEIT · 47 MIN
Pickcode, Blockly und die Grammatik parametrischer Designer
Akademie
FRAME · 06:55
13-06-2026

Pickcode, Blockly und die Grammatik parametrischer Designer

Pickcode ist eine UX-Story, aber Blockly's Block-zu-Text-Engine offenbart die Datenfluss-Grammatik, die deine Grasshopper-Studierenden schon sprechen.

Ein Show-HN-Post diese Woche brachte Pickcode vor die Hacker-News-Learn-Community: eine Browser-IDE für Python, Java und Web-Entwicklung, gelobt von K-12-Lehrern von Kalifornien bis Connecticut für ihre Schmucklosigkeit — wie ein Lehrer aus Colorado sagte, „nicht aufgebläht und ablenkend”. Das Versprechen ist Minimalismus als Pädagogik. Aber die eigentliche Frage für einen Computational Designer ist nicht, welche IDE ein 14-Jähriger in Massachusetts nutzt. Sie lautet: Welche Datenfluss-Grammatik verinnerlicht dieser Schüler, und wo führt sie ihn hin, wenn er 2032 ein Architektur-Studio betritt?

←HEUTE: Pickcode startet auf HN (2026) in einem Markt, wo MIT Scratch kostenlos ist und Visual Studio 2026 Learn für 50 Dollar verkauft wird — der Moat liegt in der Teacher-UX, nicht im Engine. →3012: Die Scratch-2012-Kohorte ist bereits 14 Jahre alt; die erste parametrisch-native Generation erreicht PAZ-Schreibtische als Code-fluent, bevor sie CAD-fluent sind. Fulcrum: Die Block-zu-Text-Rampe und das Grasshopper-Canvas sind die gleiche visuelle Datenfluss-Grammatik — erkenne das jetzt, und dein Unterricht lehrt Computational Design als Zweitsprache, nicht als erste.

Pickcode ist die News, aber es ist gehostet und du kannst es nicht klonen. Das Tool, das sich lohnt: Blockly — Googles Open-Source-Bibliothek (2012), die eine Generation blockbasierter Editoren antreibt und direkter Nachkomme von MITs Scratch (2007), selbst Seymour Papert’s Logo-Kind (1967). Blockly rendert ziehbare Blöcke und kompiliert sie zu echtem Python, JavaScript oder Lua. Ein funktionierender Block-zu-Text-Emitter, den du lesen, forken und auf deine Domäne zuschneiden kannst. Das ist die Kraft, die Pickcode verbirgt und Blockly freilegt.

Setup:

# Node 18+ erforderlich
git clone https://github.com/google/blockly.git
cd blockly
npm install
npm run start        # öffnet den Spielplatz unter http://localhost:8080/tests/playground.html
# Zwei Blöcke zusammenziehen. Beobachte das Python-Update live im Seitenpanel.

Erste Schritte:

  1. Öffne den Spielplatz (die URL oben). Schnapp einen print-Block auf einen repeat-10-times-Block — du hast gerade eine Schleife geschrieben, ohne eine Klammer zu tippen.
  2. Wechsle die Ausgabesprache im Panel von JavaScript zu Python. Der gleiche Block-Baum gibt jetzt for count in range(10): aus. Das ist der ganze pädagogische Kniff sichtbar gemacht: erst Struktur, dann Syntax.
  3. Bearbeite eine Block-Definition in blocks/loops.js, lade neu und beobachte, wie sich deine Änderung ausbreitet. Du besitzt nun die Grammatik.

Hier wird der Techdirt-Thread (Mike Masnick, 2026-05-26) entscheidend. Masnick dokumentiert Lehrer, die sich in drei Lager aufteilen beim LLM-gestützten „Vibe Coding” im Klassenzimmer — von einigen ganz verboten, von anderen voll integriert. Pickcode’s These: die IDE ist die Reibung. Die Vibe-Coding-These: das LLM ist die neue pädagogische Schicht. Beides kann nicht recht haben. Blockly schlägt eine dritte Lesart vor: die Reibung lag nie am Editor und nie am Modell — sie lag in der Unsichtbarkeit der Struktur. Blöcke machen den Kontrollfluss zu einem physischen Objekt, bevor ein Prompt ins Spiel kommt.

Atelier: Ein Schweizer Studio, das Computational Design unterrichtet — an HSLU, ETH D-ARCH oder unter Lehrplan 21’s Medien und Informatik — sollte Pickcode-Minimalismus übernehmen, nicht das Produkt. Ein Grasshopper-Canvas ist oft genug selbst „aufgebläht und ablenkend”; die erste Lektion sollte drei Komponenten zeigen, nicht dreihundert. Das ABZ-Zentrum der ETH hat das mit TigerJython gelernt: Grundgerüst für die Oberfläche, Tiefe bei Bedarf.

Hack: Dieser Hack zeigt dir, wie du einen Block-Baum in ausführbaren Code verwandelst — das, was Blockly tut und was du wiederverwenden wirst, um Grasshopper oder Rhino.Compute eines gespeicherten Graphen anzutreiben. Domäne: Workflow. Durchlaufe ein verschachteltes Block-Dict und gebe Python aus:

def emit(b):
    if b["type"] == "repeat":
        return f'for _ in range({b["n"]}):
    ' + emit(b["do"]).replace("
", "
    ")
    return f'print({b["value"]!r})'

print(emit({"type": "repeat", "n": 3, "do": {"type": "print", "value": "hi"}}))

Vier Zeilen, und du hast den Pickcode-Trick gebaut: Struktur, kompiliert zu Text. Wende es auf IFC-Element-Namen statt Strings an und du hast das Fundament eines Lehr-Tools für BIM-Koordinatoren.

Eine Notiz vom Schreibtisch, rückblickend geschrieben: Die Kohorte, die lernt, in Blöcken zu denken, wird auch lernen, Autocomplete die Schleife beenden zu lassen. Die Grammatik ist ein Geschenk; das reflexhafte Akzeptieren des generierten Absatzes ohne eigenständiges Schreiben ist der Preis. Wenn du eines dieser Tools mit einem Studierenden dieses Semester einsetzt, halt dir eine Übung zurück — eine einzige — für die ungestützte Version. Der Block macht Struktur sichtbar; nur der leere Editor macht dich deiner selbst bewusst.

Learn-it:

  • Das Signal: Pickcode — die gehostete minimale IDE, die diesen Thread gestartet hat.
  • Das Engine: github.com/google/blockly — Googles Open-Source-Block-zu-Text-Bibliothek; klone sie, lies generators/python.js.
  • Überblick: MIT Scratch vs. 6 Plattformen (2026) — wo Pickcode unter den blockbasierten Stacks sitzt.
  • PAZ-Notiz: Bildet die Block-Grammatik auf eine Grasshopper-Definition ab — die gleiche Datenfluss-Logik, auf einem anderen Canvas gezeichnet. Diese Kontinuität ist die Lektion, die PAZ-GPT zuerst lehrt.
GEMELDET AUS
MIT-UNTERZEICHNER
PAZ Academy
VERTRAUEN
HIGH
NACHDRUCKE
© PAZ - PARAMETRIC ACADEMY ZURICH · ALLE RECHTE VORBEHALTEN

QUELLE ·

⚑ FEHLER MELDEN · KORREKTUR EINSENDEN
◂ ZURÜCK ZUR TITELSEITE · PAZ KAFFI

© 2026 PAZ Academy.