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

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間: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 ホームページから、または [ワークスペース:ワークスペースの参照 ] コマンドを使用してコマンドパレットから他のワークスペースを参照して選択します。
    3. ワークスペースにアプリケーションを作成します。
      1. [ アプリを作成] を選択します。
      2. Hello World」などの名前を入力し、Enter キーを押します。
      3. アプリケーションの説明を入力し、Enter キーを押します。
      4. x_snc_hello_worldなどのスコープを入力し、Enter キーを押します。
        重要:
        スコープ名はインスタンス上で一意で、x_<プリフィックス> で始まり、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: アプリケーションのリポジトリを初期化する に続きます。