JavascriptプログラマーへのJupyter Notebook使用指北


Jupyter Notebookは、ブラウザでコードを編集することで、開発者に展示と高速反復を実現させるためのキャンバスです.プロジェクトはpythonが最初に与えられ、プラグインをインストールすることでJavascriptにも良好なサポートがあります.
本文は主にフロントエンド/Javascriptエンジニアがインストール、構成する過程について記録する.notebookが私たちの開発、研究に便利になることを望んでいます.
pythonエンジニア
プロのPython開発者を推薦し、Anacondaをインストールしてバージョン管理、パッケージ管理を行う.
brew cask install Anaconda

フロントエンドエンジニア
フロントエンドエンジニアがnotebookを使用するのは主にjsコードを実行するためなので、専門のpythonバージョンの管理ツールをインストールする必要はありません.python3およびpip3 を直接通過する.具体的な取り付け方法は以下の通りです.
Jupyter Notebookのインストール
#     python3
brew install python3
python3 --version #       
pip3 --version #   pip3    
pip3 install jupyter notebook 
#         ,      js   。
#        notebook     ,    
cd ~/workspace/
mkdir my-notebooks
jupyter notebook

javascriptのサポートのインストール
#    js   
npm i -g ijavascript
#   jupyter      javascript   
#     ijavascript    ,    .
cd /Users/[user-name]/.nvm/versions/node/v8.1.0/lib/node_modules/ijavascript/bin
./ijavascript.js

#           ,      js    。
jupyter notebook

npmパッケージの使用
もしnotebookjavascriptだけを支持し、広範なnpm packagesを支持しなければ、私たちにとって実質的な意味はないと信じています.幸いなことに、npmをmy-notebooksディレクトリで初期化し、必要なpackageをインストールするだけでサポートできます.
npm init
npm i lodash -S

インストール後の効果は次のとおりです.
ES 6のサポートのインストールijavascriptの著者らは、ES6をサポートするための新しいパッケージjp−babelを作成した.ijavascriptと同様に、npmをグローバルにインストールし、そのディレクトリの下にあるbinディレクトリに入ってjp-babel.jsを1回実行すればよい.その後、jupytor notebookを起動するたびに、対応するタイプを選択すればよい.下図の通りです.
#    ES6   
npm install -g jp-babel
#  ijavascript  ,             
cd /Users/[user-name]/.nvm/versions/node/v8.1.0/lib/node_modules/ijavascript/bin/jp-babel
./jp-babel.js

次のように動作します.
唯一完璧ではないのは、コードを入力した後、ショートカットキーControl + Enterを使用してコードを実行すると、2回目にエラーが発生します.デフォルトでは厳格モードが使用されているためかもしれません.解決策は、メニューのKernel -> Interruptをクリックしてから、Control + Enterを実行することです.もちろん、Interruptにもショートカットキーがあります.デフォルトはI,Iです.使用が不便な場合(例えば、Vimiumプラグインと衝突する場合)、Help -> Edit Keyboard Shortcutsで変更できます.
結論
以上、Jupyter Notebookのインストールと、Javascriptの構成をサポートする完全なプロセスです.彼女がいれば、ドキュメントでコードを実行するだけでなく、Webページで共有することもできます.同時に、分析プロセス全体を再現し、説明文字、コード、グラフ、式、結論を1つのドキュメントに統合し、同業者と効果的にコミュニケーションします.