Atoms
Start here

ダッシュボードの概要

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

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

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

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

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

Project メニューには、Go to DashboardCreditsSettingsConnectorsRename ProjectDetails などへのすばやい導線があります。

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

プロジェクトを公開および更新する

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

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

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

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

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

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

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

関連記事