Skip to main content
機能

Sites

テンプレートやプロンプトから始めて、Qoder でインタラクティブな Web サイトを作成、確認、共有します。

利用可能なプラン:個人向けプラン(Free、Pro、Pro+、Ultra)と法人向けプラン(Teams、Enterprise)。個人向け Free プランでは静的 Web サイトのデプロイのみ利用でき、データベースおよびストレージサービスには対応していません。
Sites を使うと、Qoder との対話で Web サイトを作成し、プレビュー、編集、公開まで進められます。プロジェクトの進捗を絞り込み可能なダッシュボードにしたり、週報をインタラクティブなレポートにしたり、開発中の機能のデモページを作成したりして、同僚にリンクを共有できます。
Sites は提供開始当初、期間限定で無料で利用できますが、利用上限があります。上限に達すると、新しいサイトの作成や使用量の多いサイトの一般公開が一時的に制限される場合があります。既存のサイトの編集と管理は引き続き行えます。使用量はアカウント内のすべてのサイトで合算され、無料期間中に利用上限が調整される場合があります。

最初のサイトを作成する

サイドバーで Sites を選び、Add siteをクリックします。新しいタスクが開き、入力欄に @sites が追加されます。起点となるテンプレートを選ぶか、要件を直接入力します。

テンプレートから始める

デザインや基本機能から選びたい場合は、入力欄の上にあるテンプレートパネルを利用します。Landing pagesPortfoliosBlogs & contentDashboardsInternal toolsOtherのカテゴリがあります。
  1. 用途に近いカテゴリを選びます。たとえば、Dashboardsの経営データ用テンプレートや、Internal toolsの集中作業用テンプレートを確認できます。
  2. 気に入ったテンプレートをクリックすると、プロンプトが入力欄に挿入されます。
  3. 名前、内容、デザイン、機能を実際の業務に合わせて編集し、タスクを送信します。
テンプレートは調整可能な出発点です。プロジェクトの進捗ダッシュボードを作るなら、テンプレートのデザインを保ち、表示内容をプロジェクト概要、タスクの状態、期限に変更できます。

要件を直接伝える

作りたいものが決まっている場合は、新しいタスクで @sites を参照し、サイトの要件を伝えます。誰が使うか、何を解決するか、どの情報を表示するか、どのような操作が必要かを説明してください。 プロジェクトの定例会で使うダッシュボードの例:
毎週のプロジェクト定例会で進捗を共有する「プロジェクト進捗ダッシュボード」を作成してください。
上部にタスク総数、完了数、進行中の数、期限超過の数を表示してください。
下部には未着手、進行中、完了ごとにタスクを表示し、担当者、優先度、期限を含めてください。
担当者と状態で絞り込み、タスクをクリックすると詳細を表示できるようにしてください。
まずサンプルデータを使い、明るく簡潔なデザインで、パソコンとスマートフォンに対応してください。
先にプレビューを作成し、まだ公開しないでください。
既存のタスク一覧、週報、デザイン資料があればタスクに添付し、使用する内容を指定します。ユーザーの変更を保存する場合は、現在のブラウザーだけに保存するのか、端末間や複数ユーザーで共有するのかも伝えてください。ブラウザー内のデータは、サイトを公開しても他のユーザーに自動同期されません。

Agent 機能を備えたサイトを作成する

サイトから Qoder Cloud Agents の Agent サービスを呼び出し、訪問者の操作をきっかけにタスクを実行できます。データ処理、Web からの情報取得、テキストや画像の生成、ページ内容の動的な生成などに対応し、結果をサイトのデータベースやストレージに保存できます。自分でモデルに接続したり、バックエンドを保守したりする必要はありません。 訪問者が何を送信するか、Agent が何を生成するか、結果をどのように表示・保存するかを伝えます。売上データを分析するサイトなら、次のように依頼できます。
「売上データ分析」サイトを作成してください。
訪問者が月次の売上表をアップロードし、「分析開始」をクリックします。
Qoder Cloud Agents で傾向や前月比を計算し、異常値を見つけて、分析結果とグラフを生成してください。
結果はページに表示すると同時にデータベースに保存し、次回アクセス時に過去の分析を確認できるようにしてください。
まずプレビューを生成し、まだ公開しないでください。
Agent の実行には時間がかかります。公開前にプレビューで分析タスクを最後まで実行し、結果が正しく、保存されていることを確認してください。

プレビューで確認して調整する

作成が完了したら、返信内の Web サイト成果物カードをクリックし、右側の Sites パネルでプレビューを開きます。タスクの出力一覧からサイトの成果物を開くこともできます。ボタン、絞り込み、リンクを直接操作できます。Show workspace fullscreen で表示領域を広げることもできます。 進捗ダッシュボードでは、担当者や状態を切り替えて、集計値、絞り込み結果、タスク詳細が一致しているか確認します。自分の資料を使った場合は、内容が正確に反映されているかも確認してください。

対話で変更を依頼する

現在のタスクで、続けて変更内容を伝えます。
期限を過ぎたタスクを一覧の先頭に表示し、期限を目立つ色にしてください。
上部にプロジェクトの完了率を追加し、絞り込みに合わせて集計を更新してください。
現在の配色を保ち、更新したプレビューを作成してください。
最新の Web サイト成果物を開いて結果を確認します。実際の使い方に合うまで、対話を続けて調整できます。

特定の箇所に注釈を付ける

ボタン、見出し、カードなどを変更したい場合は、プレビューで場所を指定できます。
  1. Sites パネル上部のAnnotateをクリックし、変更したい要素を選びます。
  2. Site annotation comment に「このカードを期限超過のタスク数に変更してください」などと入力し、Add annotationをクリックします。
  3. 注釈が Web ページのコメントとしてタスク入力欄に添付されます。確認してメッセージを送信すると、Qoder が編集を開始します。
  4. 新しいプレビューを確認します。ページを通常どおり操作するには、Stop annotating をクリックします。
送信前に不要な注釈を削除できます。

公開して共有する

サイトの準備ができたら、バージョンを公開し、アクセスできるユーザーを設定します。新しいサイトは初期状態では自分だけがアクセスできるため、先に公開後の動作を確認できます。

現在のバージョンを公開する

  1. 最新のプレビューで、内容、リンク、操作機能が共有相手に適しているか確認します。
  2. Sites パネル右上のPublishをクリックし、Publishedになるまで待ちます。
  3. 公開の詳細でサイトのアドレスを確認し、Visitから公開済みページを開きます。

共有する相手を選ぶ

公開の詳細からSharing and accessを開くか、サイト一覧でShareをクリックします。Change access scope で、用途に合う範囲を選びます。 Only invited users can accessでは、相手のメールアドレスまたは Qoder UID を入力し、画面に従って追加します。Invited users一覧に相手が表示されたことを確認してください。Qoder UID はSettings → Profile → Editで確認できます。 設定が完了したら、Copy linkでアドレスを共有します。制限付きサイトの訪問者は、アクセス権のある Qoder アカウントでログインする必要があります。リンクを転送するだけでは権限は付与されません。サイトを開いて利用する権限と、編集する権限は別です。

個人プラン

個人プランでは、次の 3 つのアクセス範囲を選べます。
アクセス範囲用途
Only you can access個人用の業務ダッシュボードや、まだ共有しないバージョン。
Only invited users can access指定したユーザーとの進捗共有や機能プロトタイプの確認。
Anyone can access一般公開する製品紹介や機能デモ。
個人プランで Anyone can access を選んだ場合は、Allow public accessをクリックして確定します。ログインしていない訪問者もアクセスできます。

Teams・Enterprise

Teams・Enterprise プランのサイトは、所属する組織内でのみ共有できます。次の 3 つのアクセス範囲を選べます。
アクセス範囲用途
Only you can access個人用の業務ダッシュボードや、まだ共有しないバージョン。
Only invited users can access指定したユーザーとの進捗共有や機能プロトタイプの確認。
Organization members can access組織内向けのプロジェクトポータルや内部ツール。
組織外のユーザーへの共有や一般公開には対応していません。招待できるのは同じ組織のメンバーです。Organization members can access を選んだ場合、訪問者は同じ組織の Qoder アカウントでログインする必要があります。リンクを組織外のユーザーに転送しても、アクセス権は付与されません。

公開済みのサイトを更新する

進捗が変わったら、サイドバーの Sites でダッシュボードを探します。More → Locate conversationで元のタスクに戻り、対話で変更を依頼します。 たとえば今週のタスク一覧を添付し、現在のレイアウトを保ったまま進捗や期限を更新するよう依頼します。新しいプレビューを確認してから、Publishをクリックして公開中のバージョンを更新します。
プレビューと公開済みバージョンは別です。対話で編集したり新しいプレビューを作成したりしても、公開中の内容は自動的には変わりません。再度公開が完了すると、訪問者がサイトのアドレスで更新内容を確認できます。

サイトを管理する

SitesOwned by youで作成したサイトを、Shared with youで共有された内容を確認できます。Card viewList view を切り替えられます。

名前とアドレスを変更する

More → Settings → Generalで、サイト名やアドレスの接頭辞を変更できます。変更できる部分と固定の接尾辞が分かれて表示されるので、保存前にアドレス全体を確認します。変更後は、共有用のリンクを改めてコピーしてください。 サイト一覧の名前とページ内のタイトルは別です。ダッシュボード内のタイトルを変える場合は、タスクで Qoder に依頼します。

アクセス状況を確認する

More → Analyticsで、PV(ページビュー)、UV(ユニーク訪問者数)、訪問者あたりの平均アクセス回数、推移を確認できます。Analytics period で集計期間を選ぶか、Refreshで再取得します。Not collected と表示された日付には、収集済みのデータがありません。

公開を停止する、または削除する

一時的にアクセスを停止する場合は、Settings → Publishing and access でサイトを一時停止します。内容は保持され、元のタスクに戻ってプレビューの確認や編集を続けられます。再び利用する場合は Restore online を選び、内容とアクセス範囲を改めて確認します。 不要になったサイトは、Settings → Delete siteから削除できます。サイトとアクセス権は完全に削除され、元に戻せません。