IntelliSense のサポート

Version:

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore Content Hub では、スクリプト SDK を使用することでアプリケーションにカスタムロジックを埋め込み、一般的なタスクを自動化できます。スクリプトは C# で記述され、SDK を使用してアプリケーションと通信します。

IntelliSense を使用すると、Visual Studio Code ツールを使用してスクリプトを記述する際、コード補完が有効になります。コード補完により、SDK ライブラリで使用できる変数名、関数名、およびプロパティ名が予測されます。また、スクリプトコード内の無効な構文も検出されます。

次の画像は、IntelliSense サポートの使用例を示します。

    <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/LBd3e8qZiCX75ChOEupSVNbDz?v=876df02c" alt="IntelliSense の例">
  </p>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="intellisense-configuration-with-visual-studio-code">
    <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="visual-studio-code-を使用した-intellisense-の設定">Visual Studio Code を使用した IntelliSense の設定</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="intellisense-configuration-with-visual-studio-code_body" aria-expanded="true" style="">
        <p>次の手順では、Visual Studio Code で IntelliSense を設定する方法について説明します。</p>
        <h3 id="prerequisites">前提条件</h3>
        <ul>
          <li><a href="https://code.visualstudio.com/download">Visual Studio Code</a></li>
          <li><a href="https://dotnet.microsoft.com/download">.NET Core SDK</a></li>
          <li>
            <p><a href="https://github.com/filipw/dotnet-script">Dotnet-script</a></p>
            <blockquote class="TIP tip admonition" admonition="TIP"><strong class="title">ヒント</strong>
              <ul>
                <li>システム上に <strong>.NET Core SDK</strong> がインストールされているかどうかを確認するには、Windows コマンド プロンプトから <code>dotnet --info</code> コマンドを実行します。</li>
                <li>システム上に <strong>dotnet-script</strong> がインストールされているかどうかを確認するには、Windows コマンド プロンプトから <code>dotnet tool list -g</code> コマンドを実行します。</li>
                <li><strong>Dotnet-script</strong> をインストールするには、<code>dotnet tool install -g dotnet-script</code> を実行します (.NET Core SDK が必要)。</li>
              </ul>
            </blockquote>
          </li>
        </ul>
        <h3 id="steps">手順</h3>
        <ol>
          <li>Visual Studio Code を起動します。</li>
          <li>[拡張機能] (左側のメニュー) を開き、'omnisharp' を検索します。</li>
          <li>
            <p>
              [<strong>C# for Visual Studio Code (powered by OmniSharp)</strong>] 拡張機能を選択してインストールします。
              
              <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/7dS0hyb8t4kUYXyD2toSE1wDO?v=0148c05a" alt="C# for Visual Studio Code のインストール">
            </p>
          </li>
          <li>
            <p>新規フォルダーを作成します。</p>
          </li>
          <li>作成したフォルダー内に、<strong>NuGet.config</strong> という名前の新規ファイルを作成します。</li>
          <li>
            <p><strong>NuGet.config</strong> ファイルに、次のコンテンツをにコピーします (<code>m-feed</code> 値を置換します)。</p>
            <pre class="shiki shiki-themes github-light github-dark not-prose" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e" tabindex="0"><code data-language="xml"><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">&#x3C;?</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D">xml</span><span class="space"> </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">version</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">"1.0"</span><span class="space"> </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0">encoding</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF">"utf-8"</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8">?></span></span>

重要

構成ファイル内で、m-feed 値を、このリンクにアクセスしてあらかじめ認証しておいた V3 の URL に置換します。

Windows コマンドプロンプトを起動し、作成したフォルダーに移動します。

Windows コマンドプロンプトを使用して、このフォルダー内で dotnet script init コマンドを実行します。

注意

dotnet script init コマンドにより、このフォルダー内に次の 3 つのアイテムが作成されます。

'.vscode\launch.json': VS Code 起動構成ファイル。
'omnisharp.json': OmniSharp 構成ファイル。
'main.csx': 既定のスクリプトファイル。

次のコンテンツを main.csx ファイルにコピーします。

#! "netcoreapp2.0"
#r "nuget: Stylelabs.M.Sdk,3.0.0-pre.711"
using Stylelabs.M.Sdk;

注意

これらのインポートは、開発者が IntelliSense を使用しようとするすべてのスクリプトに含める必要があります。

Visual Studio Code を起動または再起動して、main.csx ファイルを開きます。

重要

インクルードしたライブラリを読み込むため、Visual Studio Code を再起動する必要があります。

IntelliSense が Visual Studio Code に設定されているはずです。

注意

Ctrl + Space キーを押して、スクリプトで IntelliSense を使用してみてください。

この記事を改善するための提案がある場合は、お知らせください!