Adding external libraries

Coming soon...

上記の通り、公式ドキュメントには当機能の説明がありません。 このページの説明は当サイトが独自に作成しました。
公式ドキュメントに当機能のドキュメントが作成されたら随時更新します。

CDN等で提供されている外部ライブラリを利用することができます。 ADD LIBRARYボタンを押すと、ライブラリ追加モーダルが表示されます。 ライブラリ追加モーダルでは、ライブラリの検索と、URLを指定してライブラリを追加することができます。

Type here to search librariesにライブラリ名を入力すると、cdnjsに登録されているライブラリを検索することができます。 検索結果に表示されたライブラリをクリックすると、画面下部のJSライブラリリストにライブラリのURLが追加されます。

jQueryやVue.js等、よく利用されるライブラリはChoose from popular librariesから選択することもできます。

JS、CSSのライブラリリストは直接URLを指定してライブラリをインポートすることもできます。 複数のライブラリをインポートする場合は、1行に1つのライブラリのURLを指定します。

ライブラリ指定例

以下はThree.jsとGoogle FontsのJulius Sans Oneを読み込んで表示した例です。

ライブラリURL
JavaScript : https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js
CSS : https://fonts.googleapis.com/css?family=Julius+Sans+One