3行でいうと

  • 公式のドキュメントは、Replit の入口を3つ挙げています。ウェブは replit.com、デスクトップは macOS と Windows（replit.com/desktop）、モバイルは iOS と Android（replit.com/mobile）です。「どれかのプラットフォームでサインインかアカウント作成をする」と書かれています。
  • 「インストール」が要るのはデスクトップとモバイルだけです。デスクトップの配布ページには、Mac 用と Windows 用のダウンロードのボタンがあり、Linux はラベルだけでリンクがありませんでした。システム要件とインストール手順は、そのページには書かれていません。
  • 最初の動作確認として公式が示すのは、新しいチャットで成果物に「Website」を選び、モードで「Free」を選び、プロンプトを送り、「Preview」で動きを見る流れです。
  • サインインの方法の一覧は、読んだ範囲の公式ページには見つかりませんでした。画面の案内に従う形になります。

この記事は、公式の資料を2026年10月25日に読んでまとめたものです。この記事は、実際に使って確かめた記録ではありません。以下の手順は、公式の手順を順に並べたものです。画面の表記は変わることがあるので、手元の画面と照らして読んでください。

先に結論

知りたいこと 読んだ公式ページに書かれていたか
ウェブ、デスクトップ、モバイルの3つの入口 書かれている（Welcome to Replit）
サインイン方法（Google、メールなど）の一覧 見つからなかった
デスクトップ版のシステム要件 書かれていない
デスクトップ版のインストール手順（ダウンロード後） 書かれていない
デスクトップ版のサインインの手順 書かれていない
Linux 版 ラベルのみ。ダウンロードのリンクはなかった
モバイル版のインストール手順 読めていない（replit.com/mobile は取得していない）

前提：用語をそろえる

手順1：入口を決める（ウェブ、デスクトップ、モバイル）

公式の「Welcome to Replit」は、次のように案内しています。

入口 入手先 この記事で言えること
ウェブ https://replit.com をブラウザで開く インストール不要
デスクトップ https://replit.com/desktop（macOS と Windows） 次の「手順3」を参照
モバイル https://replit.com/mobile（iOS と Android） このページ自体は読めていない

同じページに、「どれか選んだプラットフォームで、サインインするか、アカウントを作る」と書かれています。複数の入口を同じアカウントで使えるかどうかは、読んだ範囲では確認できていません。

手順2：ウェブで始める（アカウント作成とサインイン）

公式の「Welcome to Replit」が書くのは、「サインインするか、アカウントを作る」までです。次の番号は、その言葉を画面で探す順に分けた、この記事の整理です（画面ごとの手順は、公式で確認できていません）。

  1. ブラウザで https://replit.com を開く。
  2. サイトのヘッダーにある「Log in」か「Sign up」から進む（デスクトップの配布ページのヘッダーに、この2つの文字があることを確認しました。リンク先のURLは、取得できた内容には含まれていませんでした。トップページの表示は、この記事では取得していません）。
  3. すでにアカウントがあれば「Log in」、なければ「Sign up」を選び、画面の案内に従ってアカウントを作る。
  4. 画面の指示に沿ってサインインを終える。

アカウントに関する公式の書き方は、次のとおりです。

手順2で期待されること

アカウントを作り終えたあとにどの画面が開くかは、読んだ公式ページには書かれていません。手元の画面で、新しいチャットを始める入口（公式は「New」と書いています）を探してください。

手順3：デスクトップアプリを入れる（macOS、Windows）

公式の配布ページ（replit.com/desktop）で確認できたのは、次の内容だけです。

OS 配布ページの表示
macOS 「Download for Mac」のボタン。ダウンロードされるのは .dmg ファイルで、URL の表記からは arm64（Apple シリコン）向けとみられる（ページに明記はない）
Windows 「Download for Windows」のボタン。ダウンロードされるのは Replit-Setup.exe で、x64 向け
Linux 「Download for Linux」というラベルはあるが、リンクもボタンもなかった

手順は、公式の配布ページに書かれた範囲だけを並べます。

  1. https://replit.com/desktop を開く。
  2. macOS なら「Download for Mac」、Windows なら「Download for Windows」を押す。
  3. ダウンロードしたファイルを開く（macOS は .dmg、Windows は Replit-Setup.exe）。

ここから先は、公式のページに書かれていませんでした。 システム要件、インストールの画面、起動後のサインインの手順、ウェブ版と何が違うか（保存場所や機能）は、読んだ範囲では確認できていません。インストーラの画面に出る指示に従い、疑問があれば公式のヘルプで確かめてください。

macOS の .dmg が arm64 向けとみられる点について、Intel の Mac で使えるかどうかは、このページからは分かりません。

手順4：スマホで動作を試す（Expo Go）

これは、Replit で作った「モバイルアプリ」を手元の iPhone や Android で試すときの準備です。Replit のモバイル用アプリ（replit.com/mobile）の導入手順ではありません。公式の「Preview and test on your phone」に書かれた順に並べます。

  1. スマホに「Expo Go」（App Store か Google Play の無料のアプリ）を入れる。
  2. スマホで Expo Go を開く。
  3. Replit のプレビュー画面に表示される QR コードを、スマホで読み取る。
  4. Expo の仕組み（Metro）がアプリをスマホへ送るまで待つ。最初の読み込みは1〜2分かかることがある、と書かれています。
  5. アプリを試す。Agent が変えた内容は、数秒で反映され、入れ直しは要らない、と書かれています。

Expo Go では試せない機能も書かれています。プッシュ通知、アプリ内課金、Sign in with Apple は、実際にインストールしたアプリが必要です。iOS は Apple へアップロードして TestFlight で入れる流れが示されています。Google Play への公開は「まだ対応していない」と書かれています。

手順5：最初の設定（成果物とモード）

公式の「Build your first app」は、アカウントができたあと、最初に次の2つを選ぶ流れを示しています。

  1. 新しいチャットを始め、成果物に「Website」を選ぶ。 選び方は画面によって3通りあります。
  2. プロンプト欄に「Output」が出ていれば、それを開き、「Website」を選ぶ。
  3. 出ていなければ、「Add attachment」を選び、「Create something new」、「Website」の順に選ぶ。
  4. デスクトップでは、サイドバーの「New」にカーソルを合わせ、「Website」を選ぶ（公式の表記は「On desktop」です。デスクトップアプリのことか、ブラウザのパソコン向けの画面のことかは、公式の文からは判別できていません）。
  5. モード選択を開き、「Free」を選ぶ。

公式は、ふつうの文章で「ウェブサイトを作って」と頼むこともできるが、先に「Website」を選ぶほうが成果物がはっきりする、と書いています。

「Free」の説明として、公式は次のように書いています（確認日 2026-10-25）。

「Free」より上のモード（Auto、Power、Max）の説明は、公式の「Replit Agent」に書かれていますが、料金に関わるので、ここでは名前だけにします。必要になったときの確認の仕方は、06と04を参照。

使った量を見る場所

公式の「Replit Agent」のページは、使用量の設定のページとして https://replit.com/settings/usage を挙げています。画面の中の表記は、このページでは確認できていません。

設定の入口（あとで使うもの）

最初の設定には要りませんが、あとで連携を足すときに使う設定の入口を、公式の表記のまま並べます。

やりたいこと 公式に書かれた入口 詳しい手順
外部サービスを足す 「Settings」→「Integrations」→「All integrations」（Manage connectors のページ） 08
MCP サーバーを足す replit.com/integrations（Connect via MCP のページ）、または「MCP Servers」の設定の画面 08
スキルを足す 「Settings」→「Customization」→「Skills」 08
Git を使う Project Editor の「Tools」→「Setup」の下の「Git」 08
公開する Project Editor の「Tools」→「Replit Cloud」の下の「Publishing」 06

画面の表記は公式のページごとに少しずつ違います。たとえば Connectors は、Integrations の概要では Project Editor のサイドバーの「Connectors」、Manage connectors のページでは「Settings」の中の「Integrations」と書かれています。どちらが今の画面か、手元の画面と照らしてください。

手順6：動いたかどうかを確かめる

公式の「Build your first app」の流れを、確かめる順に並べます。

  1. 手順5のとおりに、「Website」と「Free」を選ぶ。
  2. 作りたいものを1つ書いて送る。公式の例は、ワークショップを探して申し込むアプリです。公式のページには、プロンプトをコピーする仕組み（「Copy the prompt」「Build on Replit」）があります。ここで使う文は、次の「この記事の例」でも構いません。

（この記事の例）ワークショップの一覧が見られて、気になるものに申し込める小さなサイトを作ってください。ログイン、データの保存、支払い、外部サービスとの連携は、今回は作らないでください。

  1. 送ったら、チャットで進み具合を見る。公式は、「Website」の成果物が示され、「Preview」が動くまで待つよう書いています。最初の完成まで数分かかることがある、とも書かれています。
  2. 「Preview」で、訪問者になったつもりで次を確かめる（公式の確認項目）。
  3. 一覧が見られる
  4. 詳細ページを開ける
  5. 申し込める
  6. 完了の表示が分かる
  7. メインのメニューが使える
  8. 画面の幅をスマホの幅にしても崩れない
  9. 動かない所があれば、コードを自分で調べず、症状をチャットで Agent に伝える。公式は、そうするよう書いています。

手順6で期待されること

Agent が作ったサイトが「Preview」で動き、上の確認項目をたどれる状態です。確認項目のどれかが動かないときは、次の表を見てください。

つまずきと見直し先

起きたこと 公式の資料に書かれた確認先 書かれていない点
サインインの方法が分からない 画面の案内に従う。公式のページに一覧はない 使える方法の一覧
デスクトップ版をダウンロードしたが、開き方が分からない 配布ページはダウンロードのリンクのみ インストール手順
Linux 版が見つからない 配布ページにラベルだけ。リンクはなかった 提供の有無
「Website」が選べない 「Output」が出ているか、出ていなければ「Add attachment」→「Create something new」を試す 出ない理由
作る途中で、より上のモードを勧められた 公式は、上のモードに上げるかどうかは自分で選べると書いている 必要になる条件
Preview が動かない、壊れた 症状を Agent に伝える。直らなければ、履歴（History）の「Rollback here」で戻る（06） 原因の見つけ方
スマホで QR コードが読めない、つながらない スマホとパソコンを同じ WiFi にする。つながらない WiFi なら、Agent に「tunnel mode」を使うよう頼む WiFi 側の設定
スマホで変更が反映されない スマホを振って Expo の開発者メニューを開き、「Reload」 なし
スマホに赤いエラー画面が出る エラーの文を Agent に伝える なし

たとえ話：新しい工房の鍵と作業台

Replit を始めるのは、新しい工房を借りるのに近いです。鍵（アカウント）を受け取り、作業台（Project Editor）の前に立ち、最初の注文書（プロンプト）を1枚書く。工房の外（デスクトップやスマホ）にも作業台の写しを置けますが、最初は借りた工房だけで足ります。これは僕らのたとえで、公式の表現ではありません。

気をつけること

出典