Jupyter Notebook で JavaScript を実行する方法

Jupyter Notebook で JavaScript を実行する方法

その後、VSC で Jupyter Notebook を使用する方法も追加しました...

アナコンダをインストールする

インストール部分では、Anaconda を直接使用しました。msi ファイルをダウンロードするだけです。難しくはありません。

エラーの発生とAnacondaの設定

エラーメッセージは次のとおりです。

D:\>jupyterノートブック
トレースバック(最新の呼び出しが最後):
ファイル "C:\ProgramData\Anaconda3\Scripts\jupyter-notebook-script.py"、6 行目、<module>
notebook.notebookappからmainをインポート
ファイル "C:\ProgramData\Anaconda3\lib\site-packages\notebook\notebookapp.py"、行 49、<module>
zmq.eventloop から ioloop をインポートします
ファイル "C:\ProgramData\Anaconda3\lib\site-packages\zmq\__init__.py"、行 47、<module>
zmqインポートバックエンドから
ファイル "C:\ProgramData\Anaconda3\lib\site-packages\zmq\backend\__init__.py"、行 40、<module>
再レイズ(*exc_info)
ファイル「C:\ProgramData\Anaconda3\lib\site-packages\zmq\utils\sixcerpt.py」、行 34、reraise 内
価値を高める
ファイル "C:\ProgramData\Anaconda3\lib\site-packages\zmq\backend\__init__.py"、行 27、<module>
_ns = select_backend(最初)
ファイル "C:\ProgramData\Anaconda3\lib\site-packages\zmq\backend\select.py"、行 28、select_backend 内
mod = __import__(名前、fromlist=public_api)
ファイル "C:\ProgramData\Anaconda3\lib\site-packages\zmq\backend\cython\__init__.py"、6 行目、<module>
from . import (定数、エラー、メッセージ、コンテキスト、
ImportError: DLL のロードに失敗しました: 指定されたモジュールが見つかりませんでした。

最も心配なのは、 The specified module could not be foundが、追加の DDL をダウンロードする必要があります。非公式の DDL をダウンロードしても、問題は解決しません。

後でもう一度調べてみたところ、この場合、Anaconda が適切に構成されていないことが通常であることがわかりました。Anaconda の下のライブラリにある bin を PATH に追加するだけです。

上記のエラー メッセージを例にすると、対応する bin フォルダーはC:\ProgramData\Anaconda3\Library\binにあります。

Windows で Anaconda を構成するのは、あまりユーザーフレンドリーではありません。PATH に手動で変更を加える必要があります。インストール ディレクトリC:\ProgramData\Anaconda3例に挙げます。

PATH=%PATH%;C:\ProgramData\Anaconda3;C:\Anaconda3\ProgramData\Scripts\ を設定します。

または、 System Environment Variables手動で見つけて更新します。

この時点で、PATH には Anaconda に関連する 3 つのパスがあるはずです。

  • C:\ProgramData\Anaconda3
  • C:\Anaconda3\ProgramData\Scripts\
  • C:\ProgramData\Anaconda3\Library\bin

設定が完了したら、CMD でcondaを実行してみてください。動作すれば、ほとんどの機能が CMD で使用できることを意味し、Conda ターミナルを別途開く必要はありません。 jyputerをもう一度実行してみると、エラー メッセージは消えるはずです。

設定しても問題が解決しない場合は、再インストールを試す必要があります。

指定されたフォルダでJupyter Notebookを実行する

CMD で指定された場所に切り替えて、Jupyter Notebook を実行します。ドライブ D を例に挙げます。

> D:\をプッシュ
# Jupyter Notebook を実行するだけです> jupyter notebook

Jupyter Notebook JavaScript 環境のインストール

npm には ijavascript というパッケージがあります。

ijavascript は、Jupyter Notebook 上で JavaScript コアを実行するためのツールとして説明されています。インストール方法も非常に簡単です。Anaconda を例に挙げます。

conda インストール nodejs
npm インストール -g ijavascript
ijsインストール

Anaconda バージョンに加えて、Windows、MacOS、Linux もネイティブでサポートします。

インストールが完了して再度実行すると、Jupyter Notebook を開いて新しい NodeJS ノートブック環境を作成できることがわかります。

ジュピター

実行してみてください:

jupyter 実行 js

VSC で Jupyter Notebook を使用する

まず、Jupyter プラグインがインストールされていることを確認します。

次に、VSC で Jupyter Notebook を開きます。

jupyter-in-vsc

環境を正常に実行するには、Jupyter Server を構成する必要があります。そうしないと、デフォルトの環境で JavaScript ランタイムを実行できません。私が VSC を使用する主な理由は、VSC のプロンプト機能がネイティブの Jupyter Notebook よりもわずかに優れていると感じていることです。もちろん、Jupyter Notebook をほとんど使用せず、ショートカットキーにあまり慣れていないことも原因である可能性があります。

Jupyter Notebook でノード モジュールを使用する

npm initを使用してルート ディレクトリをノード プロジェクトとして初期化し、通常どおりインポートするだけです。

ノードモジュール

参照する変数名が不明な場合は、環境がグローバルであるため、 var宣言を使用することをお勧めします。実験目的でconst宣言を使用すると、エラーが発生する可能性があります (結局のところ、変更することはできません)。

また、変数はすでに宣言されているため、エラーを回避するには、変数を個別に宣言することをお勧めします。

宣言変数

Jupyter Notebook で JavaScript を実行する方法についての記事はこれで終わりです。Jupyter Notebook で JavaScript を実行する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScriptの動作メカニズムの詳細な説明とイベントループについての簡単な説明
  • jsBridgeの動作メカニズムを1つの記事で学ぶ
  • JavaScriptの動作原理を理解しましょう
  • Dockerのインストール、イメージの作成、NodeJSプログラムの読み込みと実行の詳細なプロセス
  • ノードターミナルでjsファイルを実行するとES6構文がサポートされないという問題を解決します
  • Visual Studio Code で HTML、CSS、JS ファイルをコンパイルして実行するチュートリアル
  • GolangでJavaScriptを実行する例
  • フロントエンドJavaScriptの動作原理

<<:  docker で systemctl を使用してサービスを開始する際のエラーの解決方法の詳細な説明

>>:  Innodb で MySQL の 2T テーブルをすばやく削除する方法の例

推薦する

Docker で MySQL をデプロイする詳細なプロセス (Docker でデプロイされる一般的なアプリケーション)

以前にも紹介しました: docker (一般的なアプリケーションのデプロイ): docker dep...

MySQL 変数の原理と応用例

MySQL ドキュメントでは、MySQL 変数はシステム変数とユーザー変数の 2 つのカテゴリに分類...

HTML で選択ドロップダウン ボックスのコンテンツが不完全に表示され、部分的にカバーされる問題の解決策

今日、問題が発生しました。クエリ バーのドロップダウン ボックスの内容が長すぎて、一部が隠れてしまっ...

CSSセレクターでの正規表現の使用

はい、CSS にも正規表現があります (アーメン) CSS で目立つための 2 つの強力なツール: ...

CSS テキスト装飾 text-decoration と text-emphasis の詳細な説明

CSS では、テキストは私たちが毎日扱う最も一般的なものの 1 つです。テキストの場合、テキストの装...

ウェブデザインのためのオンライン開発ツール10選の紹介

1. オンラインテキストジェネレーターBlindTextGenerator: デザイナーにとって、こ...

ウェブデザインのグラフィック構成と組版機能の紹介

すべてには基礎が必要です。家を建てるには基礎が必要です。方程式を解くには、まず九九を覚える必要があり...

MySql データ型チュートリアル例の詳細な説明

目次1. 概要2. MySQLデータ型の詳細な説明1) 文字列型2) 整数型3) 浮動小数点型4) ...

IE8を閲覧するときにウェブサイトが自動的にIE7互換モードを使用するようにする

序文IE の将来のすべてのバージョンで Web ページの外観が一貫していることを保証するために、IE...

HTML 言語百科事典

123WordPress.com-HTML noscriptオブジェクトolオプションPパラントプレ...

CSSはヒントボックス、バブルボックス、三角形を作成します

場合によっては、ページにプロンプ​​ト ボックスやバブル ボックスが必要になることがあります。CSS...

独自の FTP および SFTP サーバーを構築するプロセスの紹介

FTP と SFTP はファイル転送プロトコルとして広く使用されています。関連する機能を開発するには...

SSH ポート転送とは何ですか?何の役に立つの?

目次序文1. ローカルポート転送2. リモートポート転送3. 動的ポート転送(SOCKS5) 4. ...

JavaScript の静的スコープと動的スコープを例を使って説明します

目次序文静的スコープと動的スコープ静的スコープ実行プロセス動的スコープ実行プロセスエクササイズ練習1...

CSSは高度に適応したフルスクリーンを実現します

独自のデモを作成するときに、display:flex を使用して垂直方向の中央揃えを実現したいと思い...