JupyterLab-Blockly

JupyterLab-Blockly †[edit]

Links †[edit]

• https://jupyterlab-blockly.readthedocs.io/en/latest/
• https://blockly.games/about?lang=ja

Devel †[edit]

• ブロックの作成
  • https://developers.google.com/blockly/guides/create-custom-blocks/overview?hl=ja

• Blockly Developer Tools
  • https://blockly-demo.appspot.com/static/demos/blockfactory/index.html?hl=ja

開発 Install †[edit]

git clone https://github.com/QuantStack/jupyterlab-blockly.git
cd jupyterlab-blockly
pre-commit install   # 多分いらない
pip install -e ".[dev]"
jupyter labextension develop . --overwrite
jlpm build
chmod -R a+rx .  # 必要に応じて

jupyter labextension list
pip uninstall jupyterlab-blockly   # pip でインストールした分を消す
jupyter labextension list          # 確認

Uninstall †[edit]

pip †[edit]

pip uninstall jupyterlab_blockly

labextension †[edit]

jupyter labextension uninstall jupyterlab-broccoli-extension

• 消せない場合は，実際のファイルを削除

  \rm -r /usr/local/share/jupyter/labextensions/jupyterlab-broccoli-extension/
  ls -l /usr/local/share/jupyter/labextensions
  jupyter labextension list
  

Packaging †[edit]

pip install build twine
python -m build

• pip install build twine は一回だけ
• python -m build で dist/ に tar Ball ができる．
• tar Ball は jupyter labextension install tar_ball でインストール

クラス階層 †[edit]

JupyterFrontEndPlugin
  |
BlocklyEditorFactory  --> BlocklyRegistry
  |(複数)
  +---------------+-------------------------+
  |               |                         |
BlocklyManager  BlocklyPanel(SplitPanel)  BlocklyEditor(DocumentWidget)
                  |
                BlocklyLayout(SplitLayout)

• Factory, registry は1個のみ

イベント †[edit]

• 操作イベントのハンドル
• Blockly イベント

部品 †[edit]

• CodeCell
  • outputArea (OutputArea)
    • node (HTMLElement) -- style

最新の30件

[edit]