【初心者向け】ServiceNowのPDIで作るシンプルなToDoリストアプリ【簡単】

ServiceNow

この記事では、ServiceNowのPDI(Personal Developer Instance)を使って、はじめての人でも簡単に作れるToDoリストアプリの作り方を紹介します。専門知識がなくても、画面操作中心で進めることができるので安心してください。


1. アプリケーションを作成する

はじめに、アプリケーションの土台を作成します。
ここでは、アプリケーションの「名前」と「入れ物」を作成するイメージです。

手順

  1. 左上の検索窓(ナビゲーションフィルター)に「App Engine Studio」と入力し、開きます。
  2. 画面右上にある「Create App(アプリを作成)」をクリックします。
  3. アプリ名は「ToDoリスト」にしましょう。
  4. 必要項目(スコープ名や説明)はそのままでもOKですが、入力しておくとわかりやすくなります。
  5. Create(続行)」をクリックしてアプリの作成を完了させます。
  6. 画面上部にある「MyApps」から作成したアプリをクリックし、編集画面に進みます。

App Engine Studio


2. データベース(テーブル)を作成する

次に、タスク情報を保存するためのテーブルを作成します。
これは「データを格納する箱」を作成するイメージです。

手順

  1. 左メニューから「Data」を選び、右の「+Add」をクリックします。
  2. テーブル名は「ToDo」、ラベルも同じく「ToDo」にします。
  3. 下記の項目(フィールド)を追加します。
ラベル名前タイプ
タスク名task_nameString(文字列)
期限due_dateDate/Time(日付と時間)
ステータスstatusChoice(選択肢)

ステータスフィールドの選択肢

「Choice」タイプを選択し、以下の選択肢を追加します。

  • 未着手(not_started)
  • 進行中(in_progress)
  • 完了(completed)

3. 入力・表示の画面を作成する(ユーザーインターフェース)

続いて、利用者がタスクを登録したり、一覧を確認したりできる画面を作成します。

手順

  1. 左メニューの「Experiences」を選択し、「+Add」をクリックします。
  2. 「Record Producer」を選択します。
  3. 以下のフィールドをフォームに追加します。
    • タスク名(task_name)
    • 期限(due_date)
    • ステータス(status)
  4. フォームのタイトルや説明は、利用者がわかりやすい内容を入力します。
  5. 入力が完了したら「Save & Exit」をクリックします。

4. 登録したタスクを一覧表示する(リストビュー)

登録されたタスクを一覧で表示し、内容を確認できる画面を作成します。

手順

  1. 左メニューの「Experiences」を選択し、「+Add」をクリックします。
  2. Record Producer」を選びます。
  3. 作成するフォームに以下のフィールドを追加します。
    • タスク名(task_name)
    • 期限(due_date)
    • ステータス(status)
  4. フォームのタイトルや説明文もわかりやすく入力します。
  5. 入力が完了したら「Save & Exit」をクリックします。

5. 実際に使ってみる(動作確認)

ここまでで作成したアプリケーションを実際に動かし、操作感を確認します。

手順

  1. 画面右上の「プレビュー」をクリックします。
  2. 作成したフォームが表示されるので、タスクを1件登録します。
  3. 登録したタスクがリストビューに表示されていることを確認します。
  4. 必要に応じてリストビューのレイアウトを調整し、情報が見やすく表示されるように整えます。

6. アプリケーションとモジュールを作成する

ここでは、App Engine Studioを使用せずに、通常のナビゲーションメニューからアプリケーションとモジュールを作成する方法を解説します。
この手順により、ユーザーがServiceNowのメイン画面からアプリケーションにアクセスできるようになります。


6-1. アプリケーションメニューを作成する

アプリケーションの親メニューを作成します。

手順

  1. ナビゲーションフィルターに「Application Menus」と入力し、「Application Menus」を開きます。
  2. 画面右上の「New(新規)」ボタンをクリックします。
  3. 以下の情報を入力します。
項目内容
Title(タイトル)ToDoリスト
ApplicationGlobal(または適切なスコープ)
Activeチェックを入れる(有効化)
Order(順序)100(表示順は任意で設定可能)
  1. 必要に応じて「Roles(ロール)」を設定し、特定のユーザーだけがメニューを利用できるよう制御します。
  2. 「Submit(保存)」をクリックして完了します。

6-2. モジュールを作成する

作成したアプリケーションメニュー配下に表示されるモジュールを作成します。

手順

  1. ナビゲーションフィルターに「Modules」と入力し、「Modules」を開きます。
  2. 画面右上の「New(新規)」ボタンをクリックします。
  3. 以下の情報を入力します。
項目内容
Title(タイトル)ToDo一覧
Application Menu作成済みの「ToDoリスト」を選択
Order(順序)100(表示順は任意で設定可能)
Link TypeList of Records(レコード一覧を表示)
TableToDo(作成したテーブルを指定)
  1. 必要に応じて「Filter」を設定し、条件付きのリスト表示を実現します。
  2. 「Submit(保存)」をクリックして完了します。

6-3. 作成したメニューの確認

手順

  1. ナビゲーションフィルターに「ToDoリスト」と入力します。
  2. 作成したモジュール(ToDo一覧)が表示されることを確認します。
  3. モジュールをクリックし、タスク一覧が正しく表示されるか確認します。
  4. 新規タスクの登録や編集が正しく動作するかもあわせて確認します。

まとめ

ServiceNowのPDIを利用することで、初めての方でも簡単に業務アプリケーションを作成することが可能です。
今回作成したToDoリストは基本的な構成ですが、今後のステップとして以下のような機能拡張もおすすめします。

  • ユーザーごとにタスクを割り当てる「Assigned to」フィールドの追加
  • タスクへのファイル添付機能の追加
  • 権限管理による他ユーザーとのタスク共有
  • Business RuleやFlow Designerを活用した自動通知・自動処理の実装

アプリケーションメニューとモジュールを適切に設定することで、利用者がアクセスしやすく、業務に組み込みやすいアプリケーションを提供することができます。
まずは基本を押さえ、徐々にカスタマイズや機能拡張を進めていくことをおすすめいたします。

コメント

タイトルとURLをコピーしました