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

# 会話をプロジェクトに変える

> Conversationで作業を続けるか、本格的な構築やデザイン作業をReplitにプロジェクトへ変えてもらうかを選びます。

export const ImportProjectCardVisual = () => <CardScene>
    <div style={{
  display: "flex",
  alignItems: "center",
  gap: 10
}}>
      <Panel style={{
  width: 58,
  height: 70,
  padding: 10
}}>
        {["100%", "73%", "86%"].map(width => <i key={width} style={{
  display: "block",
  width,
  height: 5,
  marginBottom: 8,
  borderRadius: 99,
  background: "rgba(255,255,255,.66)"
}} />)}
      </Panel>
      <span style={{
  width: 20,
  height: 2,
  background: "rgba(255,255,255,.72)"
}} />
      <Panel style={{
  width: 70,
  height: 70,
  padding: 11
}}>
        <div style={{
  display: "grid",
  gridTemplateColumns: "repeat(2, 1fr)",
  gap: 6
}}>
          {Array.from({
  length: 4
}, (_, index) => <i key={index} style={{
  height: 18,
  borderRadius: 4,
  background: "rgba(255,255,255,.55)"
}} />)}
        </div>
      </Panel>
    </div>
  </CardScene>;

export const DesignSystemCardVisual = () => <CardScene>
    <Panel style={{
  width: 126,
  height: 92,
  padding: 13
}}>
      <div style={{
  display: "flex",
  gap: 7
}}>
        {["#fff", "rgba(255,255,255,.7)", "rgba(255,255,255,.48)", "rgba(255,255,255,.28)"].map(color => <i key={color} style={{
  width: 15,
  height: 15,
  borderRadius: 5,
  background: color
}} />)}
      </div>
      <div style={{
  display: "grid",
  gridTemplateColumns: "1fr 1.4fr",
  gap: 7,
  marginTop: 13
}}>
        <i style={{
  height: 33,
  borderRadius: 6,
  background: "rgba(255,255,255,.3)"
}} />
        <i style={{
  height: 33,
  borderRadius: 6,
  background: "rgba(255,255,255,.62)"
}} />
      </div>
    </Panel>
  </CardScene>;

export const ConversationToProjectCover = () => <ConversationsProjectsCover handoff />;

<ConversationToProjectCover />

質問、探索、フォローアップ、Routinesには、Conversationで作業を続けてください。継続的で構造化された空間が必要な、本格的なアプリケーション、構築、デザインの作業には[プロジェクト](/ja/features/projects-and-artifacts/projects)を使用します。

## 会話からプロジェクトへ

本格的なアプリケーションやプロジェクトの作業では、まずConversationから始めるのが推奨される進め方です。目標を明確にし、Replitが作業を理解する助けとなるコンテキストを集めましょう。

* 関連するファイル、画像、スクリーンショット
* 良い成果物のイメージを示す例やリサーチ結果
* タスクに役立つ場合は、接続済みツールやインテグレーションからの情報

方向性が固まったら、これまでの情報を反映したConversationをプロジェクトに変えるようReplitに依頼します。それまでのConversationのコンテキストが引き継がれるため、Replitはより明確な意図を持ち、繰り返しを減らして作業を始められます。この依頼はConversation内で行うものであり、自動的に切り替わるわけではありません。

詳しい比較については、[Conversations対Projects](/ja/chat/conversations-and-projects)を参照してください。

## 成果物に応じて次に進む

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

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

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

    <span>
      <Icon icon="code" size={19} />
    </span>

    <div className="chat-card-title">アプリを構築する</div>
    <p>プロジェクト内で動作するソフトウェアを作るには、Buildガイドに沿って進めます。</p>
    <div className="chat-card-link">Buildを開く →</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="pen-ruler" size={24} />
      </em>
    </div>

    <span>
      <Icon icon="pen-ruler" size={19} />
    </span>

    <div className="chat-card-title">デザインを作成する</div>

    <p>
      ビジュアルの方向性を探り、磨き上げるには、Designガイドに沿って進めます。
    </p>

    <div className="chat-card-link">Designを開く →</div>
  </a>

  <a className="chat-example has-visual" href="/ja/use-cases">
    <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>

    <span>
      <Icon icon="lightbulb" size={19} />
    </span>

    <div className="chat-card-title">ユースケースを見る</div>

    <p>
      Conversationsがどのようにアプリ、デザイン、スライド、その他の成果物に
      つながるかを見てみましょう。
    </p>

    <div className="chat-card-link">ユースケースを見る →</div>
  </a>

  <a className="chat-example has-visual" href="/ja/chat/import-a-project">
    <ImportProjectCardVisual />

    <span>
      <Icon icon="file-import" size={19} />
    </span>

    <div className="chat-card-title">既存のプロジェクトをインポートする</div>

    <p>
      Conversationから始める代わりに、すでに持っている作業をReplitに取り込みます。
    </p>

    <div className="chat-card-link">インポートのオプションを見る →</div>
  </a>

  <a className="chat-example has-visual" href="/ja/chat/use-a-design-system">
    <DesignSystemCardVisual />

    <span>
      <Icon icon="shapes" size={19} />
    </span>

    <div className="chat-card-title">デザインシステムを使う</div>
    <p>確立されたビジュアルシステムでプロジェクトを開始または継続します。</p>
    <div className="chat-card-link">デザインシステムを見る →</div>
  </a>
</section>

作業がすでに他の場所に存在する場合は、Conversationから始める代わりに[既存のプロジェクトをインポートする](/ja/chat/import-a-project)を利用してください。