サービス画面の使い方

ログインすると「編集」の画面が開きます。ここでサイトかプロジェクトフォルダを開き、ページを編集し、編集したフォルダを持ち出します。

1. サイトかプロジェクトフォルダを開く

  1. 「サイトかプロジェクトフォルダの ZIP を開く」で ZIP ファイルを選び、「開く」を押します。
  2. フォルダを検査し、通れば新しいプロジェクトができて、最初のページが編集画面で開きます。
  3. ページに契約違反があるときは、その一覧が出ます。プロジェクトはできているので、「エディタで開く」から開いて直せます。

同じ ZIP を何度開いても、そのたびに別のプロジェクトになります。既存のプロジェクトが書き換わることはありません。

手元のサイトを開く

index.html と CSS・画像のフォルダを、そのまま ZIP にして開けます。

  • .html のファイルがそれぞれページになります。index.html は /、about.html は /about/ です。ファイル名は英小文字・数字・ハイフンにしてください（About.html は開けません）。
  • CSS と JavaScript はページの中に書き込み、画像・動画・音声・フォントはプロジェクトの中に取り込みます。ページどうしのリンクは、それぞれのページの URL に書き換えます。
  • 次のものがあると開けません。直してから開き直してください。
    • ほかのサイトから読み込む CSS・JavaScript・画像（Google Fonts など）。ファイルを ZIP に入れて、相対パスで参照してください。
    • ZIP に入っていないファイルへの参照。
    • 取り込めない種類のファイル。画像は png・jpg・webp・svg、動画は mp4・webm、音声は mp3・m4a・wav・ogg、フォントは woff2 にしてください。
  • 取り込めないアイコン（favicon.ico など）は外し、どのページも使っていないファイルは取り込みません。開いたあと、そのことを一覧で知らせます。

開いているプロジェクトの中身をフォルダで置き換えたいときは、編集画面の「メニュー」→「プロジェクトフォルダ（ZIP）を読み込んで置き換え」を使います。置き換えも 1 つの変更として履歴に残るので、「元に戻す」で置き換える前に戻せます。

2. 編集する

編集画面では、ページがそのまま表示されます。

  • 文章：クリックして、その場で書き換えます。太字やリンクはツールバーから付けます。
  • 画像：画像を選んで差し替えます。
  • ブロック：ドラッグで並べ替え、複製・削除します。ブロックの一覧から新しいブロックを足せます。
  • ページ：ページの一覧で、ページの追加・複製・名前の変更・並べ替え・削除ができます。
  • 共通部品：Web サイトでは、ヘッダーやフッターなど全ページ共通の部品を「共通部品」でまとめて直せます。
  • 画面の幅：媒体に合わせた幅（Web サイトなら PC とスマートフォンなど）を切り替えて確かめます。

編集はすぐ画面に反映され、サーバーの下書きに積まれます。「保存」（⌘S）を押すと検査して保存版にします。検査に通らないときは、どこが問題かが表示され、保存されません。

ほかの画面やプログラムが同じプロジェクトを編集しているあいだは、「編集中」と表示され、その様子を見るだけになります。相手が終わると、自動で編集できる状態に戻ります。

3. 確定する・持ち出す

保存は作業の途中でも行います。「これで渡す」と決めた版は、編集画面の「メニュー」→「この版を確定」で確定します。

  • 確定できるのは、今の保存版です。保存していない編集があるときは、保存するか破棄してから確定します。
  • 確定した版は、管理画面のプロジェクトの「確定した版」に並び、それぞれ ZIP で持ち出せます。確定したあとに保存した変更があると、そのことが表示されます。
  • 確定は取り消しません。前の状態を渡したいときは、「元に戻す」で戻してから、もう一度確定します。
  • NeoFactory などと連携しているときは、確定した版だけが向こうに取り込まれます。

確定していない今の保存版も、「編集」の画面のプロジェクトごとの「プロジェクトフォルダ（ZIP）をダウンロード」、または編集画面の「メニュー」から持ち出せます。開いたときと同じ形の ZIP なので、そのまま別の場所で使ったり、もう一度開いたりできます。

管理画面

「管理画面」では、あなたが開けるプロジェクトを一覧し、名前の変更、ダウンロード、削除ができます。

プロジェクトのメンバーには、3 つの権限があります。

権限 できること
オーナー 編集、メンバーの招待・権限の変更・外す、プロジェクトの削除
編集可 編集
閲覧のみ 見る、持ち出す
  • フォルダを開いてプロジェクトを作った人が、最初のオーナーです。
  • オーナーは、プロジェクトの画面の「メンバーを招待」で、ほかの人をメールアドレスで招待できます。招待できるのは、事務局がアカウントを発行した人だけです。
  • オーナーは何人いてもかまいませんが、1 人は必要です。ほかの人に渡すときは、その人をオーナーにしてから、自分の権限を変えるか抜けてください。
  • どのメンバーも、「このプロジェクトから抜ける」で自分から抜けられます。