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

# OneSignalドキュメント

> OneSignalでより速く構築を開始します。クイックスタート、SDK、メッセージングチャネル、APIリファレンス、JourneysやLive Activitiesなどの高度な機能をご覧ください。

export const HomepageBanner = ({imgSrc, imgAlt, title, description}) => {
  return <div style={{
    height: "280px"
  }} class="relative flex items-center justify-center mb-3">
      <img style={{
    height: "280px",
    width: "100%"
  }} src={imgSrc} alt={imgAlt} class="absolute top-0 left-0 w-100 object-cover rounded-none" noZoom />
      <div class="z-10 text-center text-gray-200 flex flex-col items-center justify-center gap-4 h-min px-6">
        <h1 role="heading" aria-level="1" class="inline-block text-4xl sm:text-6xl font-extrabold text-color-white">
          {title}
        </h1>
        <p class="text-md sm:text-lg font-normal">{description}</p>
      </div>
    </div>;
};

<HomepageBanner imgSrc="/images/docs/docs-header-image.png" imgAlt="abstract graphic" title="OneSignalドキュメント" description="包括的なガイド、サンプルコード、オムニチャネルメッセージングのプラットフォーム概要でより速く構築を開始できます。" />

<div
  style={{
padding: '0 clamp(1rem, 10vw, 20rem)',
maxWidth: '100%',
boxSizing: 'border-box',
paddingBottom: '5rem'
}}
>
  <Columns cols={3}>
    <Card href="./quickstart-guide">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-browser.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=9d706254f1d14b7083e25c69918f735d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-browser.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ダッシュボードセットアップ
          </div>

          <div>
            OneSignalプロジェクトをセットアップし、プラットフォームを構成し、通知の送信をすばやく開始します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./developers">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sdk.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4f14b67a2d6a0a02bc4131093d066ed8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sdk.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            SDKセットアップ
          </div>

          <div>
            OneSignal SDKをインストールしてアプリと統合し、メッセージング機能を有効にします。
          </div>
        </div>
      </div>
    </Card>

    <Card href="/reference/rest-api-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-code.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d6cc289d815972a037dafb35d24e41a8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-code.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            APIリファレンス
          </div>

          <div>
            完全なAPIリファレンスを確認して、メッセージングを自動化し、ユーザーを管理し、配信を追跡します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./push">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-push.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=a9f9de833ba6090a599044decaed4fef" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-push.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            プッシュ
          </div>

          <div>
            高度なターゲティングと自動化を使用して、モバイルおよびWebプッシュ通知をセットアップして送信します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./email-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-email.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4a4d97ed68983fd3281c4bc4d7dda23f" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-email.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            メール
          </div>

          <div>
            OneSignalを使用して、トランザクションおよびマーケティングメールを作成、パーソナライズ、送信します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./sms-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sms.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=cb9c97c4e56196ecf09291521e636cbc" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sms.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            SMS & RCS
          </div>

          <div>
            OneSignalの強力なメッセージングエンジンを使用して、時間に敏感なSMSおRCSメッセージを送信します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./in-app-messages-setup">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-inapp-message.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=052c7c7b516e4887bba4a88086750180" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-inapp-message.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            アプリ内メッセージ
          </div>

          <div>
            アプリ内メッセージを作成して、ユーザーがアプリでアクティブなときにエンゲージします。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./live-activities">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-live-activity.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=6487af5944b550bd1f0c10b4abb88582" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-live-activity.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Live Activities
          </div>

          <div>
            OneSignalのSDKとAPIを使用して、iOS Live Activitiesにリアルタイムの更新を配信します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./journeys-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-journey.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=2b1b041cbe425007cc5b3b547f1bc246" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-journey.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Journeys
          </div>

          <div>
            ノーコードのメッセージングジャーニーをチャネル全体で設計して、ユーザーをオンボーディング、維持、再エンゲージします。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./ab-testing">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-filter.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4e7a8076805270fa53972287df561cd3" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-filter.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            A/Bテスト
          </div>

          <div>
            A/Bテストでメッセージングを最適化し、エンゲージメントとコンバージョン率を向上させます。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./analytics-overview">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/6fCcLQvxHVWEktgW/images/svg/docs-icn-analytics.svg?fit=max&auto=format&n=6fCcLQvxHVWEktgW&q=85&s=26c9741283ad0a724bf74193be86b03c" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-analytics.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            分析
          </div>

          <div>
            詳細な分析でメッセージングキャンペーンの成功を追跡します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./integrations">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-puzzle.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=c4d1c3152fd1a9c360d2fbae31fa4bcf" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-puzzle.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            インテグレーション
          </div>

          <div>
            SDKまたはWebhookを介して、OneSignalをサードパーティツール、CRM、データパイプラインなどに接続します。
          </div>
        </div>
      </div>
    </Card>
  </Columns>

  <div class="text-center text-gray-900 dark:text-gray-200 pt-10 mt-24 sm:mt-32 md:mt-40 pt-12 sm:pt-16 md:pt-20">
    <div role="heading" aria-level="1" class="inline-block text-2xl sm:text-3xl font-bold tracking-tight">
      基本的な概念
    </div>

    <p class="mt-4 mb-12">これらの基本的な概念をマスターして、効果的なメッセージングキャンペーンを構築し、OneSignalのコア機能を理解します。</p>
  </div>

  <Columns cols={4}>
    <Card href="./add-user-data-tags">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ユーザータグ
          </div>

          <div>
            ターゲティングのために、設定、行動、プロパティを保存するためにユーザーに添付されるカスタムメタデータ。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./segmentation">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            セグメンテーション
          </div>

          <div>
            行動、位置情報、タグ、サブスクリプションステータスなどの基準に基づくユーザーの動的グループ。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ユーザー
          </div>

          <div>
            ユーザーは、プッシュ、メール、SMSなどのメッセージングチャネルへの1つ以上のサブスクリプションを持つ個人を表します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./subscriptions">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-checkmark.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d99d35a8ae2bde356d35f447b8927019" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-checkmark.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            サブスクリプション
          </div>

          <div>
            OneSignalのサブスクリプションは、ユーザーがメッセージを受信できる特定のチャネルまたはデバイスを表します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users#external-id">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            External ID
          </div>

          <div>
            OneSignalユーザーを独自のユーザーシステムまたはデータベースとリンクするために割り当てる一意の識別子。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./users#onesignal-id">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-people.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=1e059dc850a7ca8e23799da5956943f2" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-people.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            OneSignal ID
          </div>

          <div>
            OneSignalによって自動的に生成される一意のUUIDで、システム内の各ユーザーを識別します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./message-personalization">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-personalize.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=fda3bc803bb703718dbe1d793a9f4d5d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-personalize.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            パーソナライゼーション
          </div>

          <div>
            ユーザーデータ、タグ、動的コンテンツを使用してメッセージコンテンツをカスタマイズし、関連性の高いエクスペリエンスを提供する機能。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./deep-linking">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-browser.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=9d706254f1d14b7083e25c69918f735d" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-browser.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            ディープリンク
          </div>

          <div>
            カスタムディープリンクとURLを使用して、ユーザーを特定のアプリ画面またはWebページに誘導します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./multi-language-messaging">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-web-push.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=36cf63e17c920440a2ab409936962c7f" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-web-push.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            多言語
          </div>

          <div>
            複数の言語でメッセージを送信して、グローバルオーディエンスに効果的にリーチします。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./confirmed-delivery">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-checkmark.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=d99d35a8ae2bde356d35f447b8927019" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-checkmark.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            確認済み配信
          </div>

          <div>
            プッシュ通知がユーザーのデバイスに正常に配信され、表示されたことの検証。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./custom-outcomes">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/6fCcLQvxHVWEktgW/images/svg/docs-icn-analytics.svg?fit=max&auto=format&n=6fCcLQvxHVWEktgW&q=85&s=26c9741283ad0a724bf74193be86b03c" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-analytics.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            カスタムアウトカム
          </div>

          <div>
            カスタムコンバージョンイベントを追跡し、メッセージングキャンペーンの影響を測定します。
          </div>
        </div>
      </div>
    </Card>

    <Card href="./event-streams">
      <div style={{ display: 'flex', alignItems: 'flex-start', gap: '1rem' }}>
        <div style={{ flexShrink: 0, width: '40px', height: '40px', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
          <img src="https://mintcdn.com/onesignal/s4WC_KzLxf8ornqq/images/svg/docs-icn-sdk.svg?fit=max&auto=format&n=s4WC_KzLxf8ornqq&q=85&s=4f14b67a2d6a0a02bc4131093d066ed8" style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }} width="48" height="48" data-path="images/svg/docs-icn-sdk.svg" />
        </div>

        <div>
          <div style={{ fontWeight: '800', fontSize: '1.1rem', marginBottom: '0.25rem' }}>
            Event Streams
          </div>

          <div>
            高度な分析と自動化のために、リアルタイムのメッセージングイベントを外部システムにストリーミングします。
          </div>
        </div>
      </div>
    </Card>
  </Columns>
</div>