チュートリアルパート 1: でアプリケーションを作成する ServiceNow IDE

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:5分
  • ServiceNow IDE を使用して、ソースコードで開発できるアプリケーションを作成します。

    始める前に

    必要なロール:admin

    このタスクについて

    ServiceNow IDEでは、アプリケーションメタデータ [sys_metadata] を定義する ServiceNow Fluent を使用してソースコードでアプリケーションを開発できます。また、JavaScript モジュールを作成し、サードパーティのライブラリを使用して、アプリケーション コピー内でコードを整理して再利用することもできます。アプリケーションがソースコードでの開発をサポートするには、ServiceNow IDEまたはServiceNow SDKを使用してアプリケーションを作成するか、既存のアプリケーションを変換する必要があります。このチュートリアルでは、 ServiceNow IDEからスコープ対象のアプリケーションを作成します。

    手順

    1. 移動先 すべて > アプリ開発 > ServiceNow IDE.

      アプリケーションを作成する前に、1 か所からアプリケーションを追加し、アプリケーション間を移動できるワークスペースを作成する必要があります。

      ワークスペースまたはアプリケーションを作成する前の ServiceNow IDE ホームページ

      ワークスペースはユーザー固有で、複数のワークスペースを作成して、さまざまなアプリケーションのセットをグループ化できます。ワークスペースからいつでもアプリケーションを追加または削除できます。ServiceNow IDE のワークスペースは、Visual Studio Code のワークスペースに基づいています。

    2. ワークスペースを作成します。
      1. [ ワークスペースの作成] を選択します。
      2. ワークスペースの名前を入力し、Enter キーを押します。
      3. ワークスペースの説明を入力し、Enter キーを押します。
        ワークスペースはアクティブなワークスペースになりますが、まだアプリケーションは含まれていません。

        アクティブなワークスペースの空のステータス。

        ヒント:
        アクティブなワークスペースを切り替えるには、ServiceNow IDE ホームページから、または Workspaces: Browse Workspaces コマンドを使用してコマンドパレットから他のワークスペースを参照して選択します。
    3. ワークスペースでアプリケーションを作成します。
      1. [アプリを作成] を選択します。
      2. 名前 (Hello World) などを入力し、Enter キーを押します。
      3. アプリケーションの説明を入力し、Enter キーを押します。
      4. スコープ (x_snc_hello_world など) を入力し、Enter キーを押します。
        重要:
        スコープ名はインスタンス上で一意で、x_<prefix> で始まり、18 文字以下である必要があります。詳細については、「名前空間識別子」を参照してください。
      5. パッケージ名 ( x-snc-hello-world など) を入力し、Enter キーを押します。
        パッケージ名は、ノードパッケージマネージャー (npm) のパッケージ命名基準に準拠している必要があります。
      6. TypeScript を使用して JavaScript モジュールを作成するには、[ Now SDK と TypeScript を使用する基本的なアプリケーション ] テンプレートを選択します。

        アプリケーションテンプレートは、デフォルトのアプリケーション構造を定義します。

        注:
        TypeScript は、静的型付けと型注釈を使用して、開発者がコードを記述する際にエラーを早期に検出できるようにサポートします。代わりに JavaScript の使用を開始する場合は、[JavaScript] を選択します。

        アプリケーションがワークスペースに追加されます。[ファイルエクスプローラー] ビュー ( [ファイルエクスプローラー] ) から、アプリケーションファイル間を移動できます。

        Hello World アプリケーションのファイル。

        package.json ファイルと now.config.json ファイルは、Node.js アプリケーションまたは Node Package Manager (npm) パッケージの構造に似たアプリケーション構造を定義します。サンプル ServiceNow Fluent ファイル (index.now.ts) と JavaScript モジュール (script.js または script.ts) が src ディレクトリーに作成され、依存関係が node_modules ディレクトリーにインストールされました。アプリケーションは、カスタムアプリケーション [sys_app] テーブルにも追加されます。

        次に、アプリケーションをビルドしてしてインストールし、インスタンス全体で開発できるようにします。

      7. ServiceNow IDEの下部にあるステータスバーから、[ビルドとインストール] ] を選択します。

        ServiceNow IDE ユーザーインターフェイスの下部にあるステータスバーの [インストール] ボタン。

        アプリケーションをビルドして インストール すると、その ServiceNow Fluent コードと JavaScript または TypeScript モジュールのコードが、それぞれインスタンス上のアプリケーションファイル [sys_metadata] と EcmaScript モジュール [sys_module] にコンパイルされます。dist/app ディレクトリ内のビルドアーティファクトは、ターゲットディレクトリのインストール可能な.zip ファイルとして展開にパッケージ化されます。

        [出力] パネルのログは、ビルドのステータスと、アプリケーションが正常にかどうかを示します。いずれかのプロセスが失敗した場合は、ログを確認して問題を特定します。

        アプリケーションのビルドとが正常にインストールされたことを示す [出力] パネルのログ。

        アプリケーション構造の詳細については、「ソースコードでアプリケーションをビルドする」トピックの「アプリケーションの構造」セクションを参照してください。

    次のタスク

    チュートリアルパート 2: アプリケーションのリポジトリを初期化する に続きます。