---
title: MONO-X One 基本操作：「サイト作成」
description: 物流業や倉庫業の在庫管理担当者のみなさま向けに、在庫管理サイトとしての使い方をご紹介します。日々の在庫の入出庫管理や在庫状況の確認、さらに商品ロケーションの最適化など、効率的な倉庫管理を実現するためには多くの時間と手間がかかります。「MONO-X One」を活用することで、在庫の可視化や入出庫処理を一つのサイトで完結させ、業務の効率化と正確な管理が可能となります。
image: https://blog.mono-x.com/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135242.png
---

![MONO-X Blog Header](https://blog.mono-x.com/hubfs/WEB%E3%82%B5%E3%82%A4%E3%83%88/%E3%83%96%E3%83%AD%E3%82%B0/FV_image.png)

[MONO-X Blog](https://blog.mono-x.com)

 公開日: 2024年11月20日

MONO-X製品 # MONO-X One # ノーコード開発

# MONO-X One 基本操作：「サイト作成」

[![Share on facebook](https://7528309.fs1.hubspotusercontent-na1.net/hub/7528309/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/facebook-color.png?width=24&name=facebook-color.png) ](http://www.facebook.com/share.php?u=https%3A%2F%2Fblog.mono-x.com%2Fmono-x-one-create-site%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on linkedin](https://7528302.fs1.hubspotusercontent-na1.net/hub/7528302/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/linkedin-color.png?width=24&name=linkedin-color.png) ](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fblog.mono-x.com%2Fmono-x-one-create-site%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on twitter](https://7528302.fs1.hubspotusercontent-na1.net/hub/7528302/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/x-twitter-color.png?width=24&name=x-twitter-color.png) ](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fblog.mono-x.com%2Fmono-x-one-create-site%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fblog.mono-x.com%2Fmono-x-one-create-site%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=)

当社が提供する「MONO-X One」は、幅広い業種で活用できる多機能なノーコード開発ツールです。今回は、物流業や倉庫業の在庫管理担当者のみなさま向けに、在庫管理サイトとしての使い方をご紹介します。日々の在庫の入出庫管理や在庫状況の確認、さらに商品ロケーションの最適化など、効率的な倉庫管理を実現するためには多くの時間と手間がかかります。「MONO-X One」を活用することで、在庫の可視化や入出庫処理を一つのサイトで完結させ、業務の効率化と正確な管理が可能となります。

>>>基幹連携ノーコードSaaS「MONO-X One」の詳細は[こちら](https://one.mono-x.com/product)

今回は、MONO-X Oneを使用してWebサイトを作成する方法をご紹介します。

MONO-X Oneのロゴが表示されている以下の画面が、サイトを作成する側の管理者がログインする画面となっています。

![スクリーンショット-2024-11-19-135242](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135242.png?width=1000&height=528&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135242.png)

ログインすると、既に作成されているサイトの一覧が表示されます。

![スクリーンショット-2024-11-19-135431](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135431.png?width=1000&height=533&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135431.png)

このサイトごとにパスと呼ばれるURLがありますので、一般ユーザーは公開されているURLを使用して作成されているサイトにアクセスし、利用していく流れとなります。

![image-40-1024x541](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/image-40-1024x541.png?width=1000&height=528&name=image-40-1024x541.png)

このURLごとにログイン画面のレイアウト設定やログイン後のホーム画面のレイアウト設定が可能です。

その他にも、メール送信も可能となっているため、メールサーバの設定やサイトの利用時間を制御することもサイトごとに設定が可能です。また、IP制限や二段階認証でセキュリティを強化する設定もあります。

メニューに表示されている照会画面や更新系の画面は、コンテンツと言われるところで作成していきます。

![スクリーンショット-2024-11-19-135616](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135616.png?width=1000&height=527&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135616.png)

照会画面を作成していく方法をご紹介いたします。

まずは、実行スキーマと表示されているところからデータを取得する処理を作成します。SELECT文を使用したSQL文を直接記載するか、IBM i上にコンパイルされているCL/RPGプログラムからデータを取得することも可能です。今回はSQL(GUI)を使用してマウス操作のみでデータを取得していきたいと思います。

![スクリーンショット-2024-11-19-135717](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135717.png?width=1000&height=523&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-135717.png)

左側の画面でライブラリを選択し、使用するテーブルを右側のパネルにドラッグ&ドロップします。他のテーブルを結合したい場合もドラッグ&ドロップして、丸印同士をくっつけます。結合条件を設定する画面が表示されますので、結合タイプやキーを選択していきます。画面右上の実行確認をクリックすると、リアルタイムで現在のデータの確認が可能となっており、問題なければOKをクリックして保存していきます。

![スクリーンショット-2024-11-19-140042](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-140042.png?width=1000&height=523&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-140042.png)

以上でデータの取得ができましたので、次に画面に表示するフィールドを選択していきます。左側の画面から照会画面に表示したい項目をドラッグして設定していきます。

![スクリーンショット-2024-11-19-140254](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-140254.png?width=1125&height=592&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-19-140254.png)

プレビューで確認すると、照会画面の枠ができていることが確認できます。これに検索条件を付けていきます。商品コードや商品名といったフィールドを検索条件に設定し、もう一度プレビューを見ていくと、先ほどの照会結果の上に検索条件が追加されます。

![スクリーンショット-2024-11-20-102651](https://blog.mono-x.com/hs-fs/hubfs/Imported_Blog_Media/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-20-102651.png?width=1000&height=529&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2024-11-20-102651.png)

この他にも、商品名はLIKE検索にしたい、CSVやExcelのダウンロードを許可したい、ヘッダーの文字色を変えたいなど、マウス操作のみで画面を作成することが可能です。

以上で照会画面の作成は完了となり、ユーザーに公開することでユーザーは利用することができるようになります。

今回紹介したサイト作成以外にも様々な場面に合わせたwebサイトをMONO-X Oneを用いて簡単に開発可能です。MONO-X Oneにご興味をお持ちいただけましたら、ぜひお気軽にお問い合わせください。皆様の業務効率化とビジネスの成功のサポートをさせていただきます。

▼MONO-X Oneについての詳細は、こちらをご覧ください。  
[MONO-X One 公式サイト](https://one.mono-x.com/one)  
[資料ダウンロード](https://one.mono-x.com/document-form)  
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  
お問い合わせ・ご相談は[こちら](https://one.mono-x.com/contact-form)

[← 一覧に戻る](https://blog.mono-x.com)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "poster",
    "url" : "https://blog.mono-x.com/author/poster"
  },
  "dateModified" : "2025-07-24T06:42:42.925Z",
  "datePublished" : "2024-11-20T00:00:00.000Z",
  "headline" : "MONO-X One 基本操作：「サイト作成」",
  "mainEntityOfPage" : {
    "@id" : "https://blog.mono-x.com/mono-x-one-create-site",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.mono-x.com/hubfs/MONO-X_YELLOW_Logo_Resized.png"
    },
    "name" : "株式会社MONO-X"
  }
}
```