> ## Documentation Index
> Fetch the complete documentation index at: https://wb-21fd5541-docs-sandboxes-integrations-placement.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# サポートホーム

export const HelpQuestionForm = () => {
  const [value, setValue] = useState("");
  useEffect(() => {
    const params = new URLSearchParams(window.location.search);
    if (!params.has("assistant")) {
      const url = new URL(window.location.href);
      url.searchParams.set("assistant", "");
      window.location.href = url.toString();
      return;
    }
    setValue(params.get("assistant") || "");
  }, []);
  const handleSubmit = e => {
    e.preventDefault();
    const trimmed = value.trim();
    if (!trimmed) return;
    const url = new URL(window.location.href);
    url.searchParams.set("assistant", trimmed);
    window.location.href = url.toString();
  };
  return <form onSubmit={handleSubmit} className="mb-8 mt-8">
      <div className="flex gap-2 flex-wrap">
        <input id="help-question" type="text" value={value} onChange={e => setValue(e.target.value)} placeholder="Ask your question..." className="flex-1 min-w-[200px] px-4 py-2 rounded-lg border border-zinc-950/20 dark:border-white/20 bg-white dark:bg-zinc-950 text-zinc-950 dark:text-white placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-primary-500" aria-label="Ask your question" />
        <button type="submit" className="inline-flex items-center gap-2 whitespace-nowrap px-4 py-2 rounded-lg bg-primary text-white font-medium hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" class="size-4 shrink-0 text-gray-700 group-hover/ai:text-gray-800 dark:text-gray-400 dark:group-hover/ai:text-gray-200"><g fill="white"><path d="M5.658,2.99l-1.263-.421-.421-1.263c-.137-.408-.812-.408-.949,0l-.421,1.263-1.263,.421c-.204,.068-.342,.259-.342,.474s.138,.406,.342,.474l1.263,.421,.421,1.263c.068,.204,.26,.342,.475,.342s.406-.138,.475-.342l.421-1.263,1.263-.421c.204-.068,.342-.259,.342-.474s-.138-.406-.342-.474Z" fill="white" data-stroke="none" stroke="none"></path><polygon points="9.5 2.75 11.412 7.587 16.25 9.5 11.412 11.413 9.5 16.25 7.587 11.413 2.75 9.5 7.587 7.587 9.5 2.75" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></polygon></g></svg>
          Ask AI
        </button>
      </div>
    </form>;
};

export const Banner = ({title, background, children, home}) => {
  useEffect(() => {
    if (home) {
      const header = document.querySelector("div#content-area > header#header");
      if (header) {
        header.style.display = "none";
      }
      const mdxContent = document.querySelector("div.mdx-content");
      if (mdxContent) {
        mdxContent.style.marginTop = "0";
      }
    }
    return () => {
      const header = document.querySelector("div#content-area > header#header");
      if (header) {
        header.style.display = "";
      }
      const mdxContent = document.querySelector("div.mdx-content");
      if (mdxContent) {
        mdxContent.style.marginTop = "";
      }
    };
  }, [home]);
  return <div className="relative w-full min-h-[200px] bg-gray-900 bg-cover bg-center bg-no-repeat rounded-lg overflow-hidden" style={{
    backgroundImage: `url('${background}')`
  }}>
      <div className="absolute inset-0 bg-black bg-opacity-40"></div>
      <div className="relative z-10 flex flex-col justify-center h-full px-8 py-12 text-white">
        <h2 className="banner-title font-serif text-2xl text-white font-normal mb-4 leading-tight mt-4">{title}</h2>
        <div className="banner-body text-gray-200 leading-relaxed">{children}</div>
      </div>
    </div>;
};

<div className="max-w-4xl mx-auto px-6 lg:px-8 py-10">
  {/*
              "custom" モードでは、Mintlify は frontmatter の title をページ上の H1 としてレンダリングせず、
              本文の周囲にも prose ラッパーがないため、HTML の
              見出し（<h1>/<h2>/<h3>）には、ブラウザのデフォルトに加えて project の
              typography.css のルール（serif ファミリー、weight 400）が適用されます。Mintlify の custom-layouts
              ガイドでは、明示的な Tailwind
              クラスを指定した生の HTML 見出しを記述することでこれに対応しています。ここでも同様にして、見出しが通常のドキュメント見出しのように見えるようにしてください。
              */}

  <h1 className="tracking-tight mb-8" style={{ fontSize: '1.875rem', lineHeight: '2.25rem' }}>サポートホーム</h1>

  <Banner title="どのようなサポートが必要ですか？" background="/images/support/support_banner.png">
    サポート記事、プロダクト ドキュメント、<br />
    および W\&B コミュニティでヘルプを検索できます。
  </Banner>

  <HelpQuestionForm />

  <h2 className="tracking-tight mt-12 mb-4" style={{ fontSize: '1.5rem' }}>プロダクト別にサポート記事を参照する</h2>

  <CardGroup cols={3}>
    <Card title="W&B Models" href="/ja/support/models" arrow="true" icon="https://mintcdn.com/wb-21fd5541-docs-sandboxes-integrations-placement/MAxbgoUtLbv2P8uu/icons/cropped-models.svg?fit=max&auto=format&n=MAxbgoUtLbv2P8uu&q=85&s=74383fde3e7354d8b5a58ce8f61aeca5" width="38" height="39" data-path="icons/cropped-models.svg">
      {/* AUTO-GENERATED: counts */}

      191 件の記事 · 33 個のタグ

      {/* END AUTO-GENERATED: counts */}
    </Card>

    <Card title="W&B Weave" href="/ja/support/weave" arrow="true" icon="https://mintcdn.com/wb-21fd5541-docs-sandboxes-integrations-placement/MAxbgoUtLbv2P8uu/icons/cropped-weave.svg?fit=max&auto=format&n=MAxbgoUtLbv2P8uu&q=85&s=beb4364df83773165d7a652cbfdcc198" width="31" height="36" data-path="icons/cropped-weave.svg">
      {/* AUTO-GENERATED: counts */}

      18 件の記事 · 11 個のタグ

      {/* END AUTO-GENERATED: counts */}
    </Card>

    <Card title="Serverless Inference" href="/ja/support/inference" arrow="true" icon="https://mintcdn.com/wb-21fd5541-docs-sandboxes-integrations-placement/MAxbgoUtLbv2P8uu/icons/cropped-inference.svg?fit=max&auto=format&n=MAxbgoUtLbv2P8uu&q=85&s=5421d965016fb9572b791e0b8eb268b5" width="42" height="35" data-path="icons/cropped-inference.svg">
      {/* AUTO-GENERATED: counts */}

      7 件の記事 · 5 個のタグ

      {/* END AUTO-GENERATED: counts */}
    </Card>
  </CardGroup>

  {/* AUTO-GENERATED: 注目の記事 */}

  ## 注目の記事

  ### W\&B Models

  <Card title="トレーニングコードで run 名を設定するにはどうすればよいですか？" href="/ja/support/models/articles/how-can-i-configure-the-name-of-the-run-" arrow="true" horizontal>
    トレーニングスクリプトの冒頭で、run 名を指定して wandb.init を呼び出します。例: wandb.init(name="my\_awesome\_run") ...

    <Badge stroke shape="pill" color="orange" size="md">[Experiments](/ja/support/models/tags/experiments)</Badge>
  </Card>

  <Card title="Sweeps でカスタム CLI コマンドを使用するにはどうすればよいですか？" href="/ja/support/models/articles/how-do-i-use-custom-cli-commands-with-sw" arrow="true" horizontal>
    トレーニング設定でコマンドライン引数を渡す場合は、W\&B Sweeps でカスタム CLI コマンドを使用できます。これにより r ...

    <Badge stroke shape="pill" color="orange" size="md">[Sweeps](/ja/support/models/tags/sweeps)</Badge>
  </Card>

  <Card title="メトリクスをオフラインで保存し、後で W&B に Sync できますか？" href="/ja/support/models/articles/is-it-possible-to-save-metrics-offline-a" arrow="true" horizontal>
    デフォルトでは、wandb.init はメトリクスをリアルタイムでクラウドに Sync するプロセスを開始します。Experiments を実行する必要がある場合 ...

    <Badge stroke shape="pill" color="orange" size="md">[Experiments](/ja/support/models/tags/experiments)</Badge> <Badge stroke shape="pill" color="orange" size="md">[Environment Variables](/ja/support/models/tags/environment-variables)</Badge> <Badge stroke shape="pill" color="orange" size="md">[Metrics](/ja/support/models/tags/metrics)</Badge>
  </Card>

  <Card title="wandb.init はトレーニングプロセスに対して何を行いますか？" href="/ja/support/models/articles/what-does-wandbinit-do-to-my-training-pr" arrow="true" horizontal>
    トレーニングスクリプトで wandb.init() が実行されると、API 呼び出しによって W\&B サーバー上に run オブジェクトが作成されます。新しいプロセスが開始されま ...

    <Badge stroke shape="pill" color="orange" size="md">[Environment Variables](/ja/support/models/tags/environment-variables)</Badge> <Badge stroke shape="pill" color="orange" size="md">[Experiments](/ja/support/models/tags/experiments)</Badge>
  </Card>

  {/* END AUTO-GENERATED: 注目の記事 */}

  <Card title="お探しの情報がまだ見つかりませんか？" href="mailto:support@wandb.com" icon="circle-info">
    サポートに問い合わせる
  </Card>
</div>