ここでは、アプリケーション単位、つまりすべてのページで共通のJavaScriptコード／CSSを使用する場合に、使用するJavaScriptファイル（拡張子：JS）やスタイルシートファイル（拡張子：CSS）を、Forguncyプロジェクトに登録する方法を説明します。その他のJavaScriptを設定する方法についてはカスタムJavaScriptを参照してください。

JavaScriptファイルとスタイルシートファイルは複数個登録することができ、それらはアプリケーションのすべてのページで有効なファイルとなります。

登録するファイルは、Forguncyの開発環境上にあるローカルファイルを指定することもできますし、CDN（コンテンツデリバリネットワーク）などのインターネット上で提供されているJavaScript／CSSファイルのURLを指定することもできます。以下にこれらの２つの方法を説明します。

1. ローカルファイルを指定する方法

   1. ［ファイル］→［オプション］→［ライブラリJavaScript／CSS］を選択して「ライブラリJavaScript／CSS」画面を表示します。

      

   2. ［ファイルを追加］ボタンをクリックして登録したいJavaScript／CSSファイルを指定するか、［ファイルを作成］ボタンをクリックして新規ファイルを作成します。

      登録／作成されたJavaScript／CSSファイルのファイル名とファイルサイズが表示されます。

      

      参考： 登録したJavaScript／CSSファイルは、右側にある［-］ボタンで削除できます。また、［↑］［↓］ボタンで登録順序を変更できます。登録順序がそのJavaScript／CSSファイルがページに挿入される順序となります。［<>］ボタンで拡張子JSに関連付けられているアプリでJavaScriptファイルを開きます。

   3. ［リソースフォルダーを開く］リンクをクリックしてフォルダーを開き、JavaScriptファイル、およびCSSファイルで使用しているリソースファイルをコピーします。

      登録したJavaScriptファイルやCSSファイルが、画像ファイルなどの外部リソースを必要とする場合、そのファイルを開いたフォルダーへコピーします。外部リソースを必要としないJavaScriptファイルやCSSファイルの場合、この手順は不要です。なお、CSSファイルからリソースフォルダーのファイルを使用する場合には直接ファイル名を指定できますが、JavaScriptのコード上から使用する場合には「/Resources/UserFile/<ファイル名>」とする必要があります。

      

2. URLを指定する方法

   1. ［ファイル］→［オプション］→［ライブラリJavaScript／CSS］を選択して「ライブラリJavaScript／CSS」画面を表示します。

      

   2. ［リンクを追加］ボタンをクリックし、表示されたテキストボックスに登録したいJavaScript／CSSファイルのURLを入力します。

      

   3. ［保存］ボタンを押して登録します。

      登録されたJavaScript／CSSファイルのURLが表示されます。

      

      参考： 登録したJavaScript／CSSファイルのURLは、右側にある［-］ボタンで削除できます。また、［↑］［↓］ボタンで登録順序を変更できます。登録順序がそのJavaScript／CSSファイルがページに挿入される順序となります。

登録ファイルの更新時の反映

登録したCSSファイルをVSCodeなどのエディタを使用してファイルを編集し保存を行うと、関連するCSSファイルは即座にプロジェクトに反映され、表示中のアプリケーションの実行画面にもそれが反映されます。