入力フィールドのタイプ

Version:
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
さまざまな Sitecore Content Hub™ モジュールを通して、データの入力と編集を行えます。このセクションでは、使用可能な入力フィールドの種類とその使用方法を示します。
サポートされているフィールドタイプは次のとおりです。
文字列
数値
DateTime
ドロップダウンリスト
選択リスト
ラジオボタン
トグルスイッチ
CKEditor
アイコン
注意
このセクションでは、フィールドタイプに加えて、条件付きフィールドと必須フィールドの使用法と目的について説明します。
文字列

文字列フィールドは、プレーンテキストデータを入力するために使用されます。
文字列値を入力するには:
"文字列の入力" フィールドをクリックします。
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/8320fa137b2549dd95498ae2c9f11421?v=b3f91bb2" alt="空の文字列フィールド">
            </p>
          </li>
          <li>
            <p>
              テキストを入力します。
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/9ef1c3245f3c46b7860d5c1915ae7bcd?v=cf498388" alt="入力された文字列フィールド">
            </p>
          </li>
        </ol>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="numerical-value">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="数値">数値</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="numerical-value_body" aria-expanded="true" style="">
        <p>数値フィールドは、主に整数などの数値を入力するために使用されます。</p>
        <p>
          数値タイプを入力するには、入力ボックスに値を入力するか、矢印を使って表示されている値を増減します。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/3e01ca05144f42389941119897cffb52?v=5c0404e0" alt="矢印付きの数値フィールド">
        </p>
        <blockquote class="NOTE note admonition" admonition="NOTE"><strong class="title">注意</strong>
          <p>場合によっては、増分矢印は表示されないことがあります。入力ボックスは文字列入力フィールドのように見えますが、必要な値のチェックがバックグラウンドで実行されます。</p>
        </blockquote>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="datetime">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="datetime">DateTime</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="datetime_body" aria-expanded="true" style="">
        <p>DateTime 値は、開始日と終了日を設定するために使用されます。</p>
        <p>DateTime 入力フィールドを使用して日付を設定するには:</p>
        <ol>
          <li>
            <p>
              入力フィールドのカレンダー アイコンをクリックします:
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/61b34e64dd3c4ea4950b976c37d6d8d6?v=729982f6" alt="空の datetime フィールド">
            </p>
          </li>
          <li>
            <p>
              カレンダーで日付を選択します:
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/fb0b86a9cc584ac0867a4b0cfab8c9a9?v=2b58792c" alt="datetime フィールドのカレンダー セクション">
            </p>
            <p>
              選択した日付が入力ボックスに表示されます:
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/5b63af4e6347480ea5bffcbc0596b84b?v=df148a27" alt="入力された datetime フィールド">
            </p>
          </li>
        </ol>
        <blockquote class="NOTE note admonition" admonition="NOTE"><strong class="title">注意</strong>
          <p>入力ボックスに日付を直接入力することもできます。</p>
        </blockquote>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="drop-down-list">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="ドロップダウン-リスト">ドロップダウン リスト</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="drop-down-list_body" aria-expanded="true" style="">
        <p>ドロップダウン リストを使用すると、事前定義された値のリストから一意の値を選択できます。</p>
        <p>ドロップダウン リストで値を選択するには:</p>
        <ol>
          <li>
            <p>
              展開されていないドロップダウン リストをクリックして、展開します。
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/db94639617a446b7bc37f3f24c28ddf5?v=9f4bb5ed" alt="展開されていないドロップダウン リスト">
            </p>
          </li>
          <li>
            <p>
              一覧から値を選択します:
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/5bddcdc79dba4a8993019eafa8385a75?v=bff18ee5" alt="展開されたドロップダウン リスト">
            </p>
          </li>
        </ol>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="selection-list">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="選択リスト">選択リスト</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="selection-list_body" aria-expanded="true" style="">
        <p>選択リストを使用すると、事前定義された値のセットから 1 つまたは複数の値を選択できます。</p>
        <p>
          値の隣にあるボックスにチェック マークを付けて選択します。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/060e34fb8ddb43ce9fa3b5de4a1110c3?v=11c9bdb8" alt="選択されていない選択リスト">
        </p>
        <p>
          いくつかのリストでは、複数の値を選択できます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/8740e46e64454b77b855b5dca0887e40?v=3ef740c0" alt="複数の値が選択された選択リスト">
        </p>
        <p>
          それ以外のリストでは、単一の値のみを選択できます。この場合、値を選択すると、他の値にアクセスできなくなります。他の値を選択するには、前の値の選択を解除する必要があります。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/58df7880464140048ae4ef11c53bfb37?v=634c97d1" alt="値が選択された選択リスト 1">
        </p>
        <p>
          値の間に親子関係が存在する可能性があります。値に子がある場合、リスト内の値の横に右向きの矢印が表示されます。子の値を表示するには、矢印をクリックします:
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/bf06c65ccb8d49948c5e58dae74e791e?v=7b81afe5" alt="選択リストの親の値">
        </p>
        <p>
          親値の名前は、子リストの上部にある左向きの矢印で表示されます。リストの前のレベルに戻るには、矢印をクリックします。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/f18884e202864a7db64c089a5b31fd66?v=caf234b0" alt="選択リストの子の値">
        </p>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="radio-buttons">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="ラジオ-ボタン">ラジオ ボタン</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="radio-buttons_body" aria-expanded="true" style="">
        <p>
          ラジオ ボタンは、限られた数の選択可能な値を提供します。ラジオ ボタンは自己排他的です。つまり、1 つのボタンを選択すると、他のボタンは自動的に選択が解除されます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/889a30a7c777448dba03f41a75a6c1e3?v=4fd5a3f1" alt="ラジオ ボタン">
        </p>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="toggle-switch">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="トグル-スイッチ">トグル スイッチ</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="toggle-switch_body" aria-expanded="true" style="">
        <p>トグル スイッチは、機能の有効化/無効化などのブール値の選択に使用されます。</p>
        <p>トグル スイッチを切り替えるには、次のようにクリックします。</p>
        <ul>
          <li><em>無効化</em>: 
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/7406272625ac4c388536ddbdac7f5970?v=add8cf98" alt="トグル スイッチが無効">
          </li>
          <li><em>有効化</em>: 
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/cb7db2431ce444c3990832f834811886?v=c5b6b684" alt="トグル スイッチが有効">
          </li>
        </ul>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="ckeditor">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="ckeditor">CKEditor</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="ckeditor_body" aria-expanded="true" style="">
        <p>CKEditor は、メディア挿入機能と共同編集機能を備えたスマートな WYSIWYG リッチ テキスト エディターです。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/57be8de898474db78e2c2a80a6b1acef?v=88082566" alt="ckeditor が空です" class="materialboxed" width="502" height="279">
        </div>
        <p>ツールバーには、次のオプションが含まれています (前の画像の左から右に説明)。</p>
        <ul>
          <li>標準のテキスト形式: <strong>太字</strong>、<strong>斜体</strong>および <strong>下線</strong>。</li>
          <li><strong>段落形式</strong>: テキスト形式を設定できます。</li>
          <li>リストを作成するための<strong>箇条書き</strong>と<strong>番号付きリスト</strong>。</li>
          <li><strong>インデントを減らす</strong>または<strong>インデントを増やし</strong>て段落のインデントを変更します。</li>
          <li><strong>リンクを追加</strong>する。</li>
          <li><strong>画像を挿入する</strong>。</li>
          <li><strong>ビデオを挿入する</strong>。</li>
        </ul>
        <p>
          次の例には、太字、斜体、下線付きのテキスト、箇条書き、および画像が含まれます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/1d38d38a5cfb4c68bcda3dd4a15f19c0?v=949fba48" alt="ckeditor のコンテンツの例">
        </p>
        <h3 id="change-list-properties">リストのプロパティを変更する</h3>
        <p>リストのプロパティを変更できます。</p>
        <p>箇条書きプロパティを変更するには:</p>
        <ol>
          <li>箇条書きを作成します。</li>
          <li>リストを選択します。</li>
          <li>リストを右クリックします。</li>
          <li><strong>箇条書きのプロパティ</strong>を選択します。</li>
          <li>ドロップダウン リストで、必要な [<em>タイプ</em>] を選択します。</li>
          <li>[<strong>OK</strong>] をクリックします。</li>
        </ol>
        <p>番号付きリストのプロパティを変更するには:</p>
        <ol>
          <li>番号付きリストを作成します。</li>
          <li>リストを選択します。</li>
          <li>リストを右クリックします。</li>
          <li>[<strong>番号付きリスのプロパティ</strong>] を選択します。</li>
          <li>リストのオフセット値 (つまり、リストの最初の項目番号) を設定します。</li>
          <li>ドロップダウン リストで、必要な [<em>タイプ</em>] を選択します。</li>
          <li>[<strong>OK</strong>] をクリックします。</li>
        </ol>
        <h3 id="link-a-resource">リソースをリンクする</h3>
        <p>CKEditor のリンク機能は、クリック可能なハイパーリンクまたはメール アドレスをドキュメントに追加したり、リンクの外観と動作を制御したりできる便利なオプションです。</p>
        <p>リンクを挿入する</p>
        <ol>
          <li>
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/24a0689591234c8dbd929d00e7ed1aa6?v=31c8edbb" alt="リンクを追加アイコン"> をクリックします。
          </li>
          <li>設定パラメーターを入力します。</li>
          <li>[<strong>OK</strong>] をクリックします。</li>
        </ol>
        <h3 id="insert-image-or-video">画像またはビデオを挿入</h3>
        <p>画像またはビデオを挿入するには:</p>
        <ol>
          <li>
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/378d18a8efee482cb15a713dfaf4a73e?v=2fb3f982" alt="画像の追加アイコン"> または 
            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/df3f08e734d049cd886624d399b07ec1?v=f5e1d8bc" alt="ビデオの追加アイコン"> をそれぞれをクリックして画像またはビデオを追加します。
          </li>
          <li>利用可能なアセットを参照します。</li>
          <li>目的のアセットを選択します。</li>
          <li>[<strong>挿入</strong>] をクリックします。</li>
        </ol>
        <blockquote class="NOTE note admonition" admonition="NOTE"><strong class="title">注意</strong>
          <p>CKEditor の詳細については、「<a href="https://ckeditor.com/docs/index.html">CKEditor エコシステム ドキュメント</a>」を参照してください。</p>
        </blockquote>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="icon">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="アイコン">アイコン</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="icon_body" aria-expanded="true" style="">
        <p>アイコンは、アクション ボタンを視覚的に表示する方法です。利用可能なアイコンのリストは、<a href="https://materialdesignicons.com/">Material Design Icons コレクション</a>によって提供されます。</p>
        <p>アイコンを選択するには:</p>
        <ol>
          <li>
            <p>
              既定のアイコンをクリックして、アイコン選択リストを開きます
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/ac36ce1690cb44ccb441fd79719b3b79?v=cc49c718" alt="展開されていないアイコン選択">。<em>既定のアイコンはこれとは異なる場合があります</em>。
            </p>
          </li>
          <li>
            <p>
              アイコン リストから目的のアイコンを選択します。
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/883fe792639e4cccb545557062228c89?v=0dc66141" alt="展開されたアイコン選択">
            </p>
          </li>
        </ol>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="conditional-and-mandatory-fields">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="条件付きフィールドと必須フィールド">条件付きフィールドと必須フィールド</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="conditional-and-mandatory-fields_body" aria-expanded="true" style="">
        <p>エンティティのプロパティとリレーションに対して、条件付きフィールドと必須フィールドを定義できます。これらの必須フィールドは、プロジェクトに定義されているワークフローに応じて設定できます。アスタリスクは、条件付きフィールドと完全に必須のフィールドを示します。</p>
        <p>レビュー用に送信する際に必須のプロパティが入力されていない場合、エラー メッセージが表示されます。このエラー メッセージは、個々のエンティティの変更を送信する場合はページに直接表示されます。または、<a href="mass-edit.html">一括編集</a>の場合は、[<strong>バックグラウンド プロセス</strong>] ページに表示されます。</p>
      </div>
    </div>
  </section>
</section>
<div class="footer-content">
  <div class="glossary-definitions"></div>
</div>
<footer></footer>
この記事を改善するための提案がある場合は、お知らせください!