> ## Documentation Index
> Fetch the complete documentation index at: https://developer.box.com/llms.txt
> Use this file to discover all available pages before exploring further.

# FAQ

export const Link = ({href, children, className, ...props}) => {
  const localizedHref = localizeLink(href);
  return <a href={localizedHref} className={className} {...props}>
      {children}
    </a>;
};

export const MultiRelatedLinks = ({sections = []}) => {
  if (!sections || sections.length === 0) {
    return null;
  }
  return <div className="space-y-8">
      {sections.map((section, index) => <RelatedLinks key={index} title={section.title} items={section.items} />)}
    </div>;
};

export const RelatedLinks = ({title, items = []}) => {
  const getBadgeClass = badge => {
    if (!badge) return "badge-default";
    const badgeType = badge.toLowerCase().replace(/\s+/g, "-");
    return `badge-${badge === "ガイド" ? "guide" : badgeType}`;
  };
  if (!items || items.length === 0) {
    return null;
  }
  return <div className="my-8">
      {}
      <h3 className="text-sm font-bold uppercase tracking-wider mb-4">{title}</h3>

      {}
      <div className="flex flex-col gap-3">
        {items.map((item, index) => <a key={index} href={item.href} className="py-2 px-3 rounded related_link hover:bg-[#f2f2f2] dark:hover:bg-[#111827] flex items-center gap-3 group no-underline hover:no-underline border-b-0">
            {}
            <span className={`px-2 py-1 rounded-full text-xs font-semibold uppercase tracking-wide flex-shrink-0 ${getBadgeClass(item.badge)}`}>
              {item.badge}
            </span>

            {}
            <span className="text-base">{item.label}</span>
          </a>)}
      </div>
    </div>;
};

<AccordionGroup>
  <Accordion title="Box Viewのしくみを教えてください。">
    新しいBox Viewを使用するには、<Link href="/guides/embed/box-view/setup">こちら</Link>のガイドに従ってください。
  </Accordion>

  <Accordion title="埋め込みリンクとUI Elementのうち、どちらのプレビュー方法が用途に適していますか?">
    <Link href="/guides/embed/box-view/create-preview">こちら</Link>のガイドに従い、自分のユースケースに最適な方法を選択してください。
  </Accordion>

  <Accordion title="Box Viewでサポートされているファイルタイプを教えてください。">
    サポートされているファイルタイプについては、[サポート記事][file_types]を参照してください。
  </Accordion>

  <Accordion title="Box Viewを使用するモバイルでサポートされていないファイルタイプを教えてください。">
    * ウェブプレビューでサポートされているドキュメントはすべて、モバイルブラウザ (iOSのSafariとChrome) でサポートされます。
    * モバイル向けの注釈の全面的なサポートは、Boxの注釈を活用する<Link href="/guides/embed/ui-elements/preview">コンテンツプレビューUI Element</Link>を介して利用できます。
    * モバイルSDK (iOSおよびAndroid用) では、360度動画/画像、および3Dがサポートされていません。
    * モバイルSDK (iOSおよびAndroid用) では、注釈 (読み取りと書き込み両方) がサポートされていません。
  </Accordion>

  <Accordion title="注釈とは何ですか?">
    <Link href="/guides/embed/ui-elements/annotations">注釈</Link>とは、ファイルにレンダリングされるマークアップメモです。開発者は、これを使用して、アプリケーションに埋め込まれたBoxプレビュー内から直接コラボレーション機能を提供できます。
  </Accordion>

  <Accordion title="ファイルのアップロード後にアプリケーションでファイルレプリゼンテーションを取得するにはどうすればよいですか?">
    <Link href="/guides/representations">Boxのレプリゼンテーション</Link>を使用すると、Boxに保存されているファイル用に作成されたデジタルアセットを取得できます。これらのエンドポイントを使用することで、ファイルのPDF、テキスト、画像、およびサムネイルという種類のレプリゼンテーションを取得できます。
  </Accordion>

  <Accordion title="Box ViewをBox以外のストレージプロバイダとともに使用できますか?">
    現在、Box Viewと互換性があるのは、Boxに保存されているファイルだけです。表示する必要がなくなったファイルは、Boxから削除できます。ただし、プレビューを生成するには再度ファイルをアップロードする必要があります。そのため、少なくともファイルを表示できるようにしたい間は、Boxにファイルを保存しておくことをお勧めします。
  </Accordion>

  <Accordion title="Box UI Elementを埋め込むときに発生するCORSエラーを修正する方法を教えてください。">
    <Link href="/guides/security/cors">CORS</Link>エラーを修正するには、アプリケーションの構成ページで、CORSリクエストの作成を許可する各ドメインを追加します。サブドメインを表すためにワイルドカードがサポートされています (`https://*.domain.com`)。詳細については、<Link href="/guides/security/cors">CORSガイド</Link>を参照してください。
  </Accordion>

  <Accordion title="プレビューに表示されるBoxのロゴを置き換えるにはどうすればよいですか?">
    <Link href="/guides/embed/ui-elements/logo">プレビューUI Element</Link>内でのロゴのカスタマイズについては、このガイドを参照してください。
  </Accordion>
</AccordionGroup>

[file_types]: https://support.box.com/hc/ja/articles/360043695794-Box-Content-Previewでサポートされるファイル

<RelatedLinks
  title="関連するAPI"
  items={[
{ label: translate("Get file information"), href: "/reference/get-files-id", badge: "GET" }
]}
/>

<RelatedLinks
  title="関連するガイド"
  items={[
{ label: translate("Setup"), href: "/guides/embed/box-view/setup", badge: "GUIDE" },
{ label: translate("Upload Files"), href: "/guides/embed/box-view/upload-file", badge: "GUIDE" },
{ label: translate("Create File Preview"), href: "/guides/embed/box-view/create-preview", badge: "GUIDE" }
]}
/>
