概要
jupyterlabのextensionには2つのtypeがある。
1) jupyterlabの既定packagesだけ使うextension <- extensionだけbuildすればOkay
2) jupyterlabが提供するpackages以外のpackagesを必要とするextension <- extensionをjlpm run add:sibling してからjupyterlabをbuildする
私は1)番をexternal extension、2番をembeded extensionと呼ぶ。
この文書は1)番のextensionを作る基本的な手順を説明する。
referenceはここ http://jupyterlab.readthedocs.io/en/stable/developer/extension_dev.html
conda install cookiecutter
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/7-0.png)
Proceed ([y]/n)? y
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/9-0.png)
cookiecutter
cookiecutter https://github.com/jupyterlab/extension-cookiecutter-ts
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/12-0.png)
jlpm install
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/14-0.png)
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/15-0.png)
webstorm
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/17-0.png)
jlpm run build
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/19-0.png)
jupyter labextension install
jupyter labextension list
jupyter labextension install
jupyter labextension list
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/22-3.png)
jupyter lab
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/24-1.png)
コード修正
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/26-0.png)
jlpm run build && jupyter lab build
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/28-0.png)
jupyter lab
![image.png](https://cdn.silicloud.com/blog-img/blog/img/657d622437434c4406cff2d6/30-0.png)