アカウントを作成
サインアップしてメールアドレスを確認し、最初のワークスペースに慣れることで、最初から製品全体を学ばなくても構築を始められます。
以下のワークスペースの案内とスクリーンショットは、デスクトップでの Home 体験を説明しています。小さい画面ではナビゲーションの配置が異なり、一部の Home コントロールは、お使いのアカウントまたは現在の設定で利用可能な場合にのみ表示されます。
Atoms アカウントはサインインに使用するものです。ワークスペースは、プロジェクトが存在し、実際に構築を行う場所です。作りたいものを説明し始める前に、いくつかのセットアップ手順を完了するだけで済みます。
Atoms にサインアップする
招待リンクを受け取っている場合は、アカウントを作成する前にそのリンクを開いて、Atoms が招待コードを適用できるようにしてください。そうでない場合は、atoms.dev/register にアクセスしてください。現在のサインアップ画面では、続行するためのシンプルな方法が 2 つ用意されています。
招待リンクで登録する
誰かが Atoms に招待してくれた場合は、その人から送られてきた完全な招待リンクから登録してください。招待リンクの形式は次のとおりです。
https://atoms.dev/register?invitecode=YOUR_INVITE_CODE
- 招待する人が Atoms で招待ダイアログを開きます。
- 招待する人が Copy link を選択します。
- 招待する人がコピーしたリンクを招待される人に送信します。
- 招待された人がリンクを開き、表示されたページで登録を完了します。
招待された人が招待リンクから登録すると、Atoms は招待関係を作成します。
招待する人への報酬は、招待された人がアプリを公開した後にのみ付与されます。
Google で続行する
- Continue with Google を選択します。
- Google のサインインフローを完了します。
メールで続行する
- メールアドレスを入力し、Continue を選択します。
- Atoms に表示される分岐に従います。
- Already registered: Atoms は入力したアドレス入りのサインインページを開きます。別のアカウントを作成する代わりにサインインしてください。
- New Gmail address: Atoms は Google サインインを開きます。そのフローを完了してください。
- Other new email address: Create your account で、画面上の要件を満たすパスワードを作成し、画面上の確認を完了して、Continue を選択します。
- Check your inbox が表示されたら、Atoms からの確認メールを開き、そのリンクに従います。
One account, one starting point アカウントは、サインイン時にあなたを識別するものです。Atoms は登録時にデフォルトのワークスペースを作成するため、開始前にワークスペースを作成する必要はありません。
メールアドレスを確認する
メールでサインアップする場合、続行する前に、そのアドレスがあなたのものであることを Atoms が確認する必要があります。
Check your inbox 画面で、Atoms からの確認メールを開き、そのリンクに従ってください。有効なリンクであれば、アドレスが確認され、サインインされ、短いカウントダウンの後に意図した移動先または Home に自動的にリダイレクトされます。
メールまたはリンクが機能しない場合
- No email: Spam または Junk フォルダーを確認してください。カウントダウンが終了して Resend が表示されたら、それを選択して別の確認メールを送信します。
- Wrong address: atoms.dev/register に戻り、正しいアドレスを入力して、メールでのサインアップ手順を繰り返してください。
- Expired or invalid link: Back to register を選択し、登録をやり直して、新しい確認メールを送信してください。
- Still blocked: Atoms Support に連絡し、メールドメイン、試したおおよその時刻、画面に表示されたエラーを含めてください。パスワードや確認リンクは送信しないでください。
Using Google? サインアップ画面で Continue with Google を選択し、Google のサインインフローに従ってください。Atoms のフォームでメールアドレスを別途入力する必要はありません。
最初のワークスペース
他の移動先が設定されていない場合、サインアップ後に Atoms はワークスペース内の Home に移動します。デスクトップでは、この画面を何か新しいものを構築したいときの開始地点として扱ってください。
サインイン後の Home 画面。ワークスペース切り替えは左上にあり、メインのプロンプトボックスは中央にあります。
表示されているもの
Workspace switcher: 左上にあります。ワークスペース名をクリックすると、自分が所属しているワークスペースを表示したり切り替えたりできます。
Home: 開始ページです。ここで新しいアイデアを説明し、構築を始められます。
Resources: リソース エリアを開き、Discover や Templates を閲覧できます。ヘルプセンターは別の移動先です。
My Projects: すでに開始したプロジェクトに戻れる場所です。
Main prompt box: Atoms に、構築または変更したい内容を自然な言葉で伝えます。Web と App のオプションが表示されている場合は、プロジェクトに最も合うものを選択してください。そうでない場合は、composer に現在表示されているオプションを使用してください。
Build (when shown): 現在のビルドモードです。選択すると、他の利用可能なモードを表示できます。リクエストを入力した後、開始するには別の送信矢印コントロールを選択します。
Connect your tools to Atoms (when shown): プロジェクトが外部サービスまたはアカウントの恩恵を受けられる場合、この推奨が表示されることがあります。表示されるかどうかは、現在のモードと接続状態によって異なります。表示されていない場合は、composer で利用可能なコントロールを使って続行してください。ツールの接続は、後でプロジェクトに必要になったときに行えます。
Discover / My Projects / Templates: これらのタブを使って、例を閲覧したり、自分の作業に戻ったり、テンプレートから開始したりできます。
No projects yet? That’s normal. 新しいワークスペースは空の場合があります。Home から始めて、作りたいものをプロンプトボックスに入力し、リクエストを送信してください。構築を開始すると、プロジェクトは My Projects に表示されます。
次にすること
ワークスペースに入ったら、すぐに構築を始められます。
- Home のプロンプトボックスで、作りたい Web サイトまたはアプリを説明します。
- 例から始めたい場合は Templates を開きます。
- すでに開始した作業に戻るには My Projects を使います。
- 外部ツールの接続は、プロジェクトで必要になったときだけ行ってください - 初日にすべてをセットアップする必要はありません。