> ## 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 PromptingCover = () => <div className="chat-mkt" role="img" aria-label="Prompt box with context cues and a generated result, representing prompting in 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: "min(76%, 560px)",
  height: "64%",
  left: "50%",
  top: "18%",
  transform: "translateX(-50%) rotate(-4deg)",
  opacity: 0.42,
  border: "1px solid rgba(255,255,255,.34)",
  borderRadius: 26
}} />
      <div aria-hidden="true" style={{
  position: "relative",
  zIndex: 1,
  display: "flex",
  width: "100%",
  minHeight: "inherit",
  alignItems: "center",
  justifyContent: "center",
  padding: "clamp(14px, 3vw, 28px)"
}}>
        <div style={{
  width: "clamp(260px, 66%, 680px)",
  maxWidth: "calc(100% - 20px)",
  boxSizing: "border-box"
}}>
          <div style={{
  display: "flex",
  justifyContent: "center",
  gap: 10,
  marginBottom: 12
}}>
            <span style={{
  width: 18,
  height: 18,
  border: "1px solid rgba(255,255,255,.54)",
  borderRadius: 6,
  background: "rgba(255,255,255,.18)"
}} />
            <span style={{
  width: 18,
  height: 18,
  border: "1px solid rgba(255,255,255,.54)",
  borderRadius: 999,
  background: "rgba(255,255,255,.14)"
}} />
            <span style={{
  width: 18,
  height: 18,
  border: "1px solid rgba(255,255,255,.54)",
  borderRadius: 5,
  background: "rgba(255,255,255,.12)"
}} />
          </div>
          <div style={{
  padding: "clamp(18px, 4vw, 30px)",
  border: "1px solid rgba(255,255,255,.58)",
  borderRadius: 24,
  background: "linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.1))",
  boxShadow: "0 18px 36px rgba(55,27,18,.2)",
  backdropFilter: "blur(5px)"
}}>
            <div style={{
  display: "grid",
  gap: 9
}}>
              <span style={{
  width: "55%",
  height: 9,
  borderRadius: 999,
  background: "rgba(255,255,255,.84)"
}} />
              <span style={{
  width: "88%",
  height: 9,
  borderRadius: 999,
  background: "rgba(255,255,255,.42)"
}} />
            </div>
            <div style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  gap: 12,
  marginTop: "clamp(22px, 4vw, 32px)",
  padding: "13px 14px",
  border: "1px solid rgba(255,255,255,.64)",
  borderRadius: 16,
  background: "rgba(255,255,255,.18)"
}}>
              <span style={{
  width: "68%",
  height: 8,
  borderRadius: 999,
  background: "rgba(255,255,255,.78)"
}} />
              <span style={{
  display: "grid",
  width: 27,
  height: 27,
  placeItems: "center",
  flex: "0 0 auto",
  borderRadius: 9,
  background: "rgba(255,255,255,.9)",
  color: "#4b5563",
  fontSize: 16,
  fontWeight: 700
}}>
                ↑
              </span>
            </div>
          </div>
          <div style={{
  display: "flex",
  alignItems: "center",
  gap: 10,
  width: "74%",
  margin: "14px auto 0",
  padding: "10px 12px",
  border: "1px solid rgba(255,255,255,.46)",
  borderRadius: 14,
  background: "rgba(255,255,255,.14)"
}}>
            <span style={{
  display: "grid",
  width: 20,
  height: 20,
  placeItems: "center",
  flex: "0 0 auto",
  borderRadius: 999,
  background: "rgba(255,255,255,.86)",
  color: "#4b5563",
  fontSize: 13,
  fontWeight: 700
}}>
              ✓
            </span>
            <span style={{
  width: "68%",
  height: 7,
  borderRadius: 999,
  background: "rgba(255,255,255,.68)"
}} />
          </div>
        </div>
      </div>
    </div>
  </div>;

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block max-w-full overflow-x-hidden font-sans !whitespace-pre-wrap !break-words" style={{
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
      <div className="pr-7" style={{
    whiteSpace: "pre-wrap",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }}>
        {children}
      </div>
    </CodeBlock>;
};

<PromptingCover />

プロンプトとは、必要な結果を平易な言葉でReplitに伝えることです。多くの場合、短いプロンプトだけで十分に始められます。

プロンプトを使って、質問をしたり、トピックを調査したり、作業を計画したり、Routineをスケジュールしたり、ドキュメントを作成したり、アプリやスライド、デザインを作成したりできます。

効果的にプロンプトを書くための3つのシンプルなステップを紹介します。

1. シンプルに始める。
2. 役立つコンテキストを共有する。
3. フォローアップの質問をして会話を磨き上げる。

それぞれ見ていきましょう。

## シンプルに始める

短いリクエストでも方向性を定められます。

<AiPrompt>
  小規模なチームが週次のプロジェクト更新に含めるべき内容は何ですか？
</AiPrompt>

タスクに必要な場合は、コンテキスト、制約、想定される用途を加えましょう。

<AiPrompt>
  小規模なプロダクトチームがどのように週次計画を進めているか調査してください。最新のWeb上の情報源と、添付したチームのメモを使用してください。3つのアプローチを比較し、要約は500語以内に収め、月曜日の計画ミーティングで共有できる推奨事項で締めくくってください。
</AiPrompt>

より情報量の多いプロンプトが自動的に優れているわけではありません。追加の詳細が役立つのは、それが結果を変えるからです。

## Replitに役立つ方向性を伝える

タスクにより多くの方向性が必要な場合は、重要な点に焦点を当てましょう。Replitが必要とする詳細だけを含めます。

* **結果を明示する。** 回答、分析、計画、Routine、あるいは作成したいものを求めます。
* **役立つコンテキストを加える。** 関連するファイル、[インテグレーション](/ja/features/integrations/overview)、Web上の情報源、例、フィードバック、画像、スクリーンショットをReplitに示します。
* **重要な制約を明示する。** Replitが維持すべきこと、優先すべきこと、除外すべきことを伝えます。求めるものを説明する直接的な指示を優先しましょう。
* **結果の使い方を説明する。** それが作業に影響する場合は、対象者、意思決定、フォーマット、次のアクションを伝えます。

これらは選択肢であり、必須の公式ではありません。知っている詳細から始め、役立つときにさらに追加しましょう。

## 会話の中で磨き上げる

フォローアップリクエストを使って、コンテキストを追加したり、Replitが生成したものに反応したり、作業を結果に近づけたりしましょう。

* 「2つ目の結論の根拠を見せてください。」
* 「私が追加したエラーメッセージを使って、考えられる原因を見直してください。」
* 「分析はそのままに、経営陣向けの5枚のスライドにしてください。」
* 「推奨される次のステップから、シンプルなトラッカーを作成してください。」
* 「構築するものを1つ選ぶ前に、3つのデザインの方向性を探ってください。」
* 「このレビューを毎週月曜日にRoutineとして実行してください。」

段階的に進めることで、Replitが次に何をすべきか決める前に、それぞれの結果を確認できます。

さらに詳しいガイダンスとして、[プロンプトボックス](/ja/home/prompt-box)を確認したり、[コンテキスト管理](/ja/learn/foundations/context-management)について学んだり、[詳細なプロンプト例を見る](/ja/learn/effective-prompting)こともできます。

## 次のステップ

プロンプトを送った後は、次のいずれかの方向に進みましょう。

<section className="chat-mkt chat-workflow-grid has-visuals catalog-three-up">
  <a className="chat-example has-visual" href="/ja/schedule-a-routine">
    <div className="chat-use-case-visual palette-stone">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <div className="chat-use-case-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <rect width="8" height="8" x="3" y="3" rx="2" />

          <path d="M7 11v4a2 2 0 0 0 2 2h4" />

          <rect width="8" height="8" x="13" y="13" rx="2" />
        </svg>
      </div>
    </div>

    <span>
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <rect width="8" height="8" x="3" y="3" rx="2" />

        <path d="M7 11v4a2 2 0 0 0 2 2h4" />

        <rect width="8" height="8" x="13" y="13" rx="2" />
      </svg>
    </span>

    <div className="chat-card-title">Routineをスケジュールする</div>
    <p>関連する作業を定期的なスケジュールで実行します。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>

  <a className="chat-example has-visual" href="/build-an-app">
    <div className="chat-use-case-visual palette-ink">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <div className="chat-use-case-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <path d="m18 16 4-4-4-4" />

          <path d="m6 8-4 4 4 4" />

          <path d="m14.5 4-5 16" />
        </svg>
      </div>
    </div>

    <span>
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <path d="m18 16 4-4-4-4" />

        <path d="m6 8-4 4 4 4" />

        <path d="m14.5 4-5 16" />
      </svg>
    </span>

    <div className="chat-card-title">アプリを構築する</div>
    <p>結果を動作するソフトウェアに変えます。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>

  <a className="chat-example has-visual" href="/ja/home/integrations">
    <div className="chat-use-case-visual palette-orange">
      <div className="chat-use-case-window">
        <i />

        <i />

        <i />

        <b />

        <b />

        <b />
      </div>

      <div className="chat-use-case-icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <rect width="20" height="14" x="2" y="7" rx="2" ry="2" />

          <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
        </svg>
      </div>
    </div>

    <span>
      <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <rect width="20" height="14" x="2" y="7" rx="2" ry="2" />

        <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" />
      </svg>
    </span>

    <div className="chat-card-title">ワークフローと連携する</div>
    <p>関連するツールや情報をReplitに取り込みます。</p>
    <div className="chat-card-link">詳しく見る →</div>
  </a>
</section>