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

# 会話

> 会話を使って質問したり、情報を調べたり、ルーティンを実行したり、有用な成果を説明したりしましょう。

<div className="chat-mkt" role="img" aria-label="メッセージスレッドとプロンプトボックスを備えた Replit の会話ウィンドウ" style={{ margin: "28px 0 42px", borderTop: 0, paddingTop: 0 }}>
  <div
    className="chat-use-case-visual"
    style={{
  aspectRatio: "auto",
  minHeight: "clamp(220px, 34vw, 320px)",
  overflow: "hidden",
  background:
    "radial-gradient(circle at 50% -18%, rgba(255,255,255,.82), transparent 42%), radial-gradient(circle at 4% 96%, rgba(255,184,146,.48), transparent 38%), linear-gradient(140deg, #ff764d, #ff3c00 60%, #c92d00)",
}}
  >
    <div
      aria-hidden="true"
      style={{
    position: "absolute",
    inset: 0,
    background:
      "linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 48%, rgba(111,24,0,.2))",
  }}
    />

    <div
      aria-hidden="true"
      style={{
    position: "absolute",
    width: "clamp(280px, 72%, 780px)",
    maxWidth: "calc(100% - 12px)",
    height: "68%",
    left: "50%",
    top: "15%",
    transform: "translateX(-50%) rotate(3deg)",
    opacity: 0.46,
    border: "1px solid rgba(255,255,255,.34)",
    borderRadius: 28,
    background: "transparent",
  }}
    />

    <div
      aria-hidden="true"
      style={{
    position: "relative",
    zIndex: 1,
    display: "flex",
    width: "100%",
    minHeight: "inherit",
    alignItems: "center",
    justifyContent: "center",
    padding: "clamp(10px, 2vw, 20px)",
  }}
    >
      <div
        style={{
      width: "clamp(260px, 70%, 760px)",
      maxWidth: "calc(100% - 20px)",
      minWidth: 0,
      boxSizing: "border-box",
      padding: "clamp(16px, 3vw, 26px)",
      border: "1px solid rgba(255,255,255,.54)",
      borderRadius: 24,
      background:
        "linear-gradient(180deg, rgba(255,255,255,.27), rgba(255,255,255,.1))",
      boxShadow: "0 18px 36px rgba(55,27,18,.2)",
      backdropFilter: "blur(5px)",
    }}
      >
        <div style={{ display: "flex", alignItems: "center", gap: 7 }}>
          <span
            style={{
          width: 8,
          height: 8,
          borderRadius: 999,
          background: "rgba(255,255,255,.92)",
        }}
          />

          <span
            style={{
          width: 8,
          height: 8,
          borderRadius: 999,
          background: "rgba(255,255,255,.52)",
        }}
          />

          <span
            style={{
          width: 8,
          height: 8,
          borderRadius: 999,
          background: "rgba(255,255,255,.32)",
        }}
          />
        </div>

        <div
          style={{
        display: "flex",
        gap: "clamp(12px, 3vw, 20px)",
        marginTop: "clamp(14px, 3vw, 22px)",
      }}
        >
          <div
            style={{
          display: "grid",
          width: "clamp(34px, 7vw, 52px)",
          minWidth: "clamp(34px, 7vw, 52px)",
          alignContent: "start",
          gap: 10,
          padding: "8px 8px 8px 0",
          borderRight: "1px solid rgba(255,255,255,.32)",
        }}
          >
            <span
              style={{
            width: 12,
            height: 12,
            borderRadius: 4,
            background: "rgba(255,255,255,.9)",
          }}
            />

            <span
              style={{
            width: 12,
            height: 12,
            border: "1px solid rgba(255,255,255,.66)",
            borderRadius: 4,
            background: "rgba(255,255,255,.12)",
          }}
            />

            <span
              style={{
            width: 12,
            height: 12,
            border: "1px solid rgba(255,255,255,.48)",
            borderRadius: 999,
          }}
            />
          </div>

          <div
            style={{
          display: "grid",
          minWidth: 0,
          flex: "1 1 auto",
          gap: 9,
          alignContent: "start",
        }}
          >
            <span
              style={{
            width: "68%",
            height: 24,
            border: "1px solid rgba(255,255,255,.46)",
            borderRadius: "14px 14px 14px 4px",
            background: "rgba(255,255,255,.18)",
          }}
            />

            <span
              style={{
            justifySelf: "end",
            width: "58%",
            height: 24,
            borderRadius: "14px 14px 4px 14px",
            background: "rgba(255,255,255,.78)",
          }}
            />

            <span
              style={{
            width: "76%",
            height: 32,
            border: "1px solid rgba(255,255,255,.4)",
            borderRadius: "14px 14px 14px 4px",
            background: "rgba(255,255,255,.14)",
          }}
            />
          </div>
        </div>

        <div
          style={{
        display: "flex",
        alignItems: "center",
        justifyContent: "space-between",
        gap: 10,
        marginTop: "clamp(14px, 3vw, 20px)",
        padding: "10px 11px 10px 13px",
        border: "1px solid rgba(255,255,255,.58)",
        borderRadius: 15,
        background: "rgba(255,255,255,.16)",
      }}
        >
          <span
            style={{
          width: "64%",
          height: 7,
          borderRadius: 999,
          background: "rgba(255,255,255,.7)",
        }}
          />

          <span
            style={{
          display: "grid",
          width: 24,
          height: 24,
          placeItems: "center",
          flex: "0 0 auto",
          borderRadius: 8,
          background: "rgba(255,255,255,.9)",
          color: "#4b5563",
          fontSize: 15,
          fontWeight: 700,
        }}
          >
            ↑
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

会話は、質問したり、情報を調べたり、ルーティンを実行したり、成果を説明したりするための単一のスレッドです。Replit のすべてのタスクは会話から始まります。

<Note>
  会話はプライベートです。ワークスペース内であなただけがアクセスできます。コラボレーションが必要な場合は、Replit にプロジェクトの作成を依頼してください。
</Note>

## 新しい会話を始める

<Steps>
  <Step title="New を選択する">
    Replit のサイドバーで **New** を選択します。

    <Frame>
      <img src="https://mintcdn.com/replit/teDUL4A-lNO7dv1O/images/chat/start-new-conversation-sidebar.png?fit=max&auto=format&n=teDUL4A-lNO7dv1O&q=85&s=52b729bd549daddbde87f995c8f0b4b1" alt="Search、Projects、Routines などのナビゲーション項目の上に New ボタンがある Replit サイドバー" width="470" height="524" data-path="images/chat/start-new-conversation-sidebar.png" />
    </Frame>
  </Step>

  <Step title="リクエストを書く">
    プロンプトボックスを使ってリクエストを書きます。例えば、Replit に
    「今週の Slack のアクティビティを要約して、返信が必要なメッセージにフラグを立てて」と依頼します。

    <Frame>
      <img src="https://mintcdn.com/replit/teDUL4A-lNO7dv1O/images/chat/replit-conversation-home.jpg?fit=max&auto=format&n=teDUL4A-lNO7dv1O&q=85&s=ab82b3d581eb83c0d5f90c3e6fcd918e" alt="提案されたプロンプトと、Replit とチャットしたりタスクを依頼したりするためのメッセージボックスがある Replit の会話ホーム画面" width="1562" height="796" data-path="images/chat/replit-conversation-home.jpg" />
    </Frame>
  </Step>
</Steps>

## やりたいことから始める

### 質問する

Replit はウェブ、接続されたツール、アップロードされたファイルからの情報を調査・分析できます。的を絞った質問をするか、Replit が使うべきコンテキストを提供してください。

例えば、Replit に今週の Slack のアクティビティを要約し、返信が必要なメッセージにフラグを立てるよう依頼します。

<section className="chat-mkt chat-workflow-grid has-visuals">
  <a className="chat-example has-visual" href="/ja/use-cases/prepare-for-a-customer-call">
    <div className="chat-use-case-visual">
      <div className="customer-call-marks customer-call-marks-card" aria-hidden="true">
        <div className="customer-call-mark">
          <Icon icon="salesforce" iconType="brands" size={44} color="#ffffff" />
        </div>

        <div className="customer-call-mark">
          <Icon icon="slack" iconType="brands" size={44} color="#ffffff" />
        </div>

        <div className="customer-call-mark">
          <Icon icon="google-drive" iconType="brands" size={44} color="#ffffff" />
        </div>
      </div>
    </div>

    <div className="chat-example-tag">調査と分析</div>

    <div className="chat-card-title" style={{ marginTop: 16, fontSize: 20 }}>
      顧客との通話に備える
    </div>

    <p>接続されたソースをまとめて、的を絞った通話用ブリーフを準備します。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>

  <a className="chat-example has-visual" href="/chat/upload-and-use-files">
    <div className="chat-use-case-visual">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="file-arrow-up" size={24} />
      </em>
    </div>

    <div className="chat-card-title" style={{ marginTop: 16, fontSize: 20 }}>
      ファイルを使って作業する
    </div>

    <p>
      ドキュメント、スプレッドシート、画像をアップロードして理解、比較、分析します。
    </p>

    <div className="chat-card-link">詳しく見る →</div>
  </a>
</section>

### ルーティンを実行する

ルーティンは会話内で定期的な作業をスケジュールします。Replit は各結果を同じ会話に返すので、確認して作業を続けられます。詳しくは[ルーティン](/ja/chat/routines)をご覧ください。

例えば、Replit に毎朝 Slack を確認して優先事項を報告するよう依頼します。

<section className="chat-mkt chat-workflow-grid has-visuals">
  <a className="chat-example has-visual" href="/ja/chat/routines">
    <div className="chat-use-case-visual palette-ink">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="arrows-rotate" size={24} />
      </em>
    </div>

    <div className="chat-card-title" style={{ marginTop: 16, fontSize: 20 }}>
      ルーティンをスケジュールする
    </div>

    <p>
      定期的な作業をスケジュールし、同じ会話で各結果を確認します。
    </p>

    <div className="chat-card-link">詳しく見る →</div>
  </a>

  <a className="chat-example has-visual" href="/ja/chat/conversations-and-projects">
    <div className="chat-use-case-visual palette-stone">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="lightbulb" size={24} />
      </em>
    </div>

    <div className="chat-card-title" style={{ marginTop: 16, fontSize: 20 }}>
      洞察に基づいて行動する
    </div>

    <p>学んだことをブリーフ、計画、決定、次のステップに変えます。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>
</section>

### 成果を説明する

会話は、アイデア、調査、洞察をアプリ、プレゼンテーション、デザインなどの具体的な成果に変えることができます。

例えば、Replit にチーム用のシンプルなプロジェクトトラッカーの作成を依頼します。

<section className="chat-mkt chat-workflow-grid has-visuals">
  <a className="chat-example has-visual" href="/ja/build/your-first-app">
    <div className="chat-use-case-visual">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="code" size={24} />
      </em>
    </div>

    <div className="chat-card-title" style={{ marginTop: 16, fontSize: 20 }}>
      洞察をもとに構築する
    </div>

    <p>重要な情報を中心にダッシュボード、アプリ、ツールを作成します。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>

  <a className="chat-example has-visual" href="/ja/design/design-your-first-screen">
    <div className="chat-use-case-visual palette-blush">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <em>
        <Icon icon="object-group" size={24} />
      </em>
    </div>

    <div className="chat-card-title" style={{ marginTop: 16, fontSize: 20 }}>
      デザインを探索する
    </div>

    <p>参考情報を集めて、アイデアをビジュアルの方向性に変えます。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>
</section>

## 会話とプロジェクト

会話は、質問、調査、ルーティンのための単一のスレッドです。[プロジェクト](/ja/features/projects-and-artifacts/projects)は、複数のアーティファクトを含む本格的な構築とデザイン作業のための、より深いワークスペースです。

会話から始めましょう。作業が本格的な構築やデザインに発展した場合、会話をプロジェクトに変えることができます。

サイドバーでは、会話にはチャットバブルアイコン、プロジェクトには4つの四角形が並んだグリッドアイコンが使われます。

<Frame>
  <img src="https://mintcdn.com/replit/teDUL4A-lNO7dv1O/images/chat/conversation-and-project-icons.png?fit=max&auto=format&n=teDUL4A-lNO7dv1O&q=85&s=dd0308cf6783c2345507028dbcf27533" alt="4つの四角形のグリッドアイコンを持つプロジェクトと、チャットバブルアイコンを持つ会話を示す Replit サイドバー" width="466" height="290" data-path="images/chat/conversation-and-project-icons.png" />
</Frame>

| 領域          | 会話          | プロジェクト                                       |
| ----------- | ----------- | -------------------------------------------- |
| 最適な用途       | 質問、調査、ルーティン | アプリ、スライド、ダッシュボード、複数のアーティファクトなど、より深い構築とデザイン作業 |
| バックグラウンドタスク | **利用不可**    | **並行して実行可能**                                 |
| ルーティン       | **利用可能**    | **利用不可**                                     |
| インテグレーション   | 利用可能        | 利用可能                                         |
| 構造          | 単一のスレッド     | 複数のアーティファクトを持つプロジェクトワークスペース                  |