> ## 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.

# Conversations

> Conversationsを使って質問をしたり、ルーティンを実行したり、アイデアや情報を有用な成果物に変えたりします。

export const PromptingCardVisual = () => <div className="chat-use-case-visual" aria-hidden="true" style={{
  background: "radial-gradient(circle at 48% -30%, rgba(255,255,255,.78), transparent 54%), linear-gradient(140deg, #ff764d, #ff3c00 60%, #c92d00)"
}}>
    <div style={{
  position: "relative",
  width: "72%",
  margin: "auto",
  padding: 12,
  border: "1px solid rgba(255,255,255,.56)",
  borderRadius: 14,
  background: "rgba(255,255,255,.2)"
}}>
      <span style={{
  display: "block",
  width: "66%",
  height: 7,
  borderRadius: 999,
  background: "rgba(255,255,255,.8)"
}} />
      <span style={{
  display: "block",
  width: "92%",
  height: 7,
  marginTop: 7,
  borderRadius: 999,
  background: "rgba(255,255,255,.38)"
}} />
      <span style={{
  display: "block",
  width: "82%",
  height: 22,
  marginTop: 12,
  border: "1px solid rgba(255,255,255,.62)",
  borderRadius: 8,
  background: "rgba(255,255,255,.16)"
}} />
    </div>
  </div>;

export const ChatConversationsCover = () => <div className="chat-mkt" role="img" aria-label="Replit Conversation window with a message thread and prompt box" 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>;

<ChatConversationsCover />

Replitでのすべてのタスクは会話から始まります。そこから、質問をしたり、情報を探索したり、Routineをスケジュールしたり、成果物を説明したりできます。

* Conversationで構築を始めましょう。
* 質問をしたりRoutinesを実行したりするために使います。
* コンテキストを集め、ファイルを添付し、作りたいものを明確にします。
* 作業が本格的になったら、ReplitにConversationをプロジェクトに変えるよう依頼します。集めたコンテキストやファイルはそのまま引き継がれます。

<Note>
  Conversationsは非公開です。Workspace内であなただけがアクセスできます。
  コラボレーションするには、Replitにプロジェクトの作成を依頼してください。
</Note>

詳しくはこちら: [会話をプロジェクトに変える](/ja/chat/continue-or-create-a-project)。

<Frame>
  <img src="https://mintcdn.com/replit/teDUL4A-lNO7dv1O/images/chat/start-new-conversation-home-sanitized-neutral.jpg?fit=max&auto=format&n=teDUL4A-lNO7dv1O&q=85&s=cf93f549696aff0eab748dd953aea0b6" alt="Projects、Conversations、Routines、おすすめのプロンプト、Conversationのメッセージボックスが表示された、匿名化されたReplit Workspaceのホーム画面" width="1451" height="1084" data-path="images/chat/start-new-conversation-home-sanitized-neutral.jpg" />
</Frame>

## 新しい会話を始める

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

    <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="検索、Projects、Routines、その他のナビゲーション項目の上に新規ボタンがある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は、Web、接続済みツール、アップロードされたファイルから情報を調査・分析できます。的を絞った質問をするか、Replitが使うべきコンテキストを提供してください。

例えば、今週のSlackでのやり取りをまとめて、返信が必要なメッセージを教えてほしいとReplitに依頼します。

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

Routineは、Conversation内で繰り返し行う作業をスケジュールします。Replitは各実行結果を同じConversationに返し、そこで確認したり作業を続けたりできます。詳しくは[Routines](/ja/chat/routines)を参照してください。

例えば、毎朝Slackを確認して優先事項を教えてほしいとReplitに依頼します。

### 成果物を説明する

Conversationは、アイデア、リサーチ、気づきをアプリ、プレゼンテーション、デザインなどの具体的な成果物に変えることができます。

例えば、チーム向けのシンプルなプロジェクトトラッカーを作ってほしいとReplitに依頼します。

### さらに詳しく

それぞれの進め方に沿った具体例を見てみましょう。

<section className="chat-mkt chat-workflow-grid has-visuals catalog-three-up">
  <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="/ja/schedule-a-routine">
    <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-example-tag">ルーティンを実行する</div>

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

    <p>
      繰り返し行う作業をスケジュールし、同じConversationで各結果を確認します。
    </p>

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

  <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-example-tag">成果物を説明する</div>

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

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

## 次のステップ

Promptingは、Replitに必要なことを伝え、役立つコンテキストを示し、明確な方向性を与える助けになります。まずはそこから始めるか、完全なリサーチ例をご覧ください。

<section className="chat-mkt chat-workflow-grid has-visuals">
  <a className="chat-example has-visual" href="/ja/chat/prompting">
    <PromptingCardVisual />

    <div className="chat-example-tag">推奨される次のステップ</div>

    <div className="chat-card-title" style={{ marginTop: 11, fontSize: 20 }}>
      Prompting
    </div>

    <p>Replitに役立つ方向性とコンテキストを与える方法を学びます。</p>
    <div className="chat-card-link">続きを見る →</div>
  </a>

  <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: 11, fontSize: 20 }}>
      顧客との通話に備える
    </div>

    <p>接続済みのソースをまとめて、的を絞った通話用ブリーフィングを準備します。</p>
    <div className="chat-card-link">ユースケースを見る →</div>
  </a>
</section>

最初のアイデアをReplitへの明確なリクエストに変える方法を学ぶには、[Prompting](/ja/chat/prompting)に進んでください。