Atoms
ここから始める

ダッシュボードの概要

プロジェクトを見つけ、何が公開中かを把握し、作業内容をプレビューし、最もよく使う場所にすばやくアクセスできます。

ダッシュボードは Atoms におけるホームベースです。ここでは、新しいことを始めたり、プロジェクトを再度開いたり、ワークスペースを切り替えたり、アイデアを探ったり、ツールを連携したり、ワークスペースで利用可能なクレジットを確認したりできます。

左側にワークスペースとプロジェクト、中央に新規プロジェクト用プロンプトが表示された Atoms Home ダッシュボード。

Atoms Home ダッシュボード。ワークスペースとプロジェクトは左側にあり、新しい作業は中央のプロンプトから始まります。

Home から始める

Home の中央にある大きなプロンプトボックスは、新しいプロジェクトを始める最も速い方法です。作りたいものを説明し、役立つファイルや参考資料を追加してから、Atoms にリクエストを送信します。

  • ファイル、フォルダー、画像、またはその他のコンテキストを添付したいときは、+ ボタンを使用します。
  • 開始するプロジェクトに関連する場合は、プロンプトエリアに表示される Web / App コントロールを使用します。
  • プロジェクトで外部サービスやコネクタが必要な場合は、Connect your tools to Atoms を使用します。

プロジェクトを見つける

すでに始めた作業に戻る簡単な方法は 2 つあります。左側のサイドバーにある My Projects と、Home の下部セクションにある My Projects タブです。

上のスクリーンショットでは、このワークスペースはまだ空なので、サイドバーには「No projects yet.」と表示されています。プロジェクトを作成したら、My Projects を使って再度開き、同じプロジェクトワークスペースから作業を続けてください。

ワークスペースは重要です: プロジェクトは、現在使用しているワークスペースに属します。プロジェクトが見当たらないように見える場合は、まず左上のワークスペース名を確認し、必要に応じてワークスペースを切り替えてください。

よく使うダッシュボードの入口

以下の位置説明は、デスクトップ版の Home ダッシュボードを対象としています。小さい画面では、同じ行き先が異なるレイアウトで表示される場合があります。インターフェース全体を覚える必要はありません。ここで紹介するのは、最も頻繁に戻ってくる場所です。

ワークスペースセレクター 左上。ワークスペースを切り替えます。各ワークスペースには、それぞれ独自のプロジェクトと共有ワークスペースリソースがあります。
Home メインダッシュボードに戻り、中央のプロンプトから新しいリクエストを開始します。
リソース 左側のサイドバーから Resources エリアを開きます。
My Projects 現在のワークスペース内のプロジェクトを表示し、再度開きます。
Discover インスピレーションが欲しいときや、何かを探ってみたいときに、公開されているアイデアやプロジェクトを閲覧します。
Templates 空のプロンプトから始めるのではなく、既存の構成から始めたいときに開始点を閲覧します。
Connect tools プロジェクトで必要な場合に、対応している外部サービスを連携します。
クレジット ダッシュボード右上から、現在のワークスペースのクレジット残高を確認します。
下部サイドバー フッターコントロールの上にあるコミュニティカードと無料クレジットカードを使用します。フッターコントロールは、アカウント / 設定へのアクセスと通知に使用します。

プロジェクト内で作業する

以下のガイダンスは、デスクトップ版のプロジェクトワークスペースについて説明しています。コントロールは、アクセスレベル、プロジェクトの種類、ビルド状況、そしてプロジェクトを閲覧中か編集中かによって異なる場合があります。

Project メニューには、 Go to Dashboard 、 Credits 、 Settings 、 Connectors 、 Rename Project 、 Details などへのすばやい導線があります。

役立つ習慣: 何に取り組むかを選ぶにはダッシュボードを使います。いったんプロジェクトの中に入ったら、プロジェクトを切り替える準備ができるまで、その中で構築、チャット、プレビュー、編集、公開を続けてください。

プロジェクトを公開して更新する

プロジェクトの状態を理解する最も簡単な方法は、Atoms 内で作業しているバージョンと、公開 Web 上で人々が開けるバージョンを分けて考えることです。

公開前 Atoms 内でプロジェクトを構築、編集、プレビューできます。まだ安定した公開アプリリンクでは利用できません。
公開済み Publish を実行すると、安定した公開リンクが作成されます。これは他の人が開いて利用できるバージョンです。
さらに変更した後 プロジェクトが公開されると、Publish は Update に変わります。公開バージョンに新しい変更を反映したい場合は Update を使用します。

公開には、公開プロジェクトを管理する権限が必要です。対象となる Web プロジェクトでは、 Publish によって最新のビルドが公開 URL でライブになります。新しいビルドの準備ができたら、 Update を使用し、その後公開 URL を開いて、意図したバージョンがライブになっていることを確認してください。公開オプションは Atoms クラウド とモバイルプロジェクトで異なる場合があるため、プロジェクトに表示されるコントロールに従ってください。

プレビューはライブと同じではありません: App ビューアー で最新の結果が見えていても、公開リンクが変更されたとは限りません。公開済みプロジェクトを編集した後は、Update をクリックする必要があるか確認し、その後で公開リンクを検証してください。

プロジェクトをプレビューする

プロジェクトを開き、エージェント が現在のビルドを完了するまで待ちます。その後、App ビューアー により、Atoms を離れることなくアプリの動作プレビューを確認できます。

  • デスクトップとモバイルのプレビュートグルを使用して、レイアウトの反応を確認します。タブレットサイズのレイアウトをテストするには、プレビューをブラウザタブで開き、ブラウザウィンドウのサイズを変更してください。
  • プレビューを再読み込みする必要がある場合は、 Reload App Viewer を使用します。
  • より広いスペースが必要な場合や埋め込みビューが反応しない場合は、プレビューを新しいブラウザタブで開きます。
  • Design が利用可能な場合は、まずそれを選択し、次に変更したいビジュアル要素を選びます。Design にはオーナーまたは編集者のアクセス権が必要で、ビルド完了まで、または一部のプロジェクトタイプや状態では利用できない場合があります。
  • プレビューが壊れている場合は、Console / ターミナル の情報でエラーを確認し、問題が検出されたときは利用可能な Resolve フローを使用します。

クイックチェック: 公開前に、プレビュー内で重要なボタン、リンク、メニュー、フォーム、その他の操作をクリックしてください。見た目が正しいページでも、操作が壊れていることがあります。

このページは役に立ちましたか?

関連記事