ライブラリとエクスポート

ライブラリはこのブラウザーに保存されます。上部のバーで［ライブラリ］を選択すると開きます。［プロトタイプ］、［画像］、［動画］、［ドキュメント］、［テーマ］、［タイプランプ］、［アイコン］の7つのタブがあります。このページではプロトタイプとエクスポートについて説明します。その他のタブについては、画像、動画、ドキュメント、テーマ、タイプ、アイコンをご覧ください。

プロトタイプを保存する

キャンバスの上の［保存］を選択します。初めて保存すると、最初のリクエストにちなんだ名前でプロトタイプがライブラリに追加されます。以降は保存するたびに、現在の下書きが新しいバージョンとして追加されます。未保存の変更があると、［保存］ボタンが塗りつぶし表示になります。

保存済みのプロトタイプの注釈は自動的に保存されます。

開く、修正する、探す

• プロトタイプを選択するとキャンバスで開きます。続けて、次に変更する内容を入力します。
• 古いバージョンを開くには、プロトタイプの［バージョン］一覧を開きます。次のリクエストではそのバージョンが修正され、保存すると結果が最新バージョンとして追加されます。
• 検索ボックスでタイトルを絞り込めます。

プロトタイプを開くと、キャンバス上の下書きが置き換えられます。その下書きに未保存の変更がある場合は、ライブラリが事前に警告します。

名前の変更と削除

プロトタイプの［⋯］メニューを開いて、［名前を変更］または［削除］を選択します。削除すると、プロトタイプとそのすべてのバージョンがこのブラウザーから削除されます。

エクスポート

作業中のプロトタイプは、キャンバスの上の［エクスポート］からエクスポートします。

エクスポート	得られるもの	用途
ファイル（.json）	すべてのバージョンを含むプロトタイプ。	別のブラウザーに移す、またはVibrを使っている人と共有する。
アプリ（.html）	動作する1つのWebページ。	デモに使う、または静的ファイルを配信できる任意の場所でホストする。
言語を指定したアプリ（.html）	キャンバスで選択している言語で表示される同じページ。アラビア語とヘブライ語では右から左になります。別の言語でプレビューしているときに表示されます。	その言語を読むレビュー担当者や顧客にデザインを見せる。
フロー（.zip）	この画面とリンク先のすべての画面を、ページとして書き出したもの。	フロー全体をデモする。フローをご覧ください。

ライブラリのフッターにある［すべてエクスポート］では、すべてのプロトタイプとバージョンを含む［ライブラリファイル（.json）］か、各プロトタイプを動作するページとして書き出し、それらにリンクするギャラリーページを付けた［Webアプリ（.zip）］のどちらかをダウンロードできます。

エクスポートには、プロトタイプで使用している画像、動画、テーマ、タイプランプが含まれます。インポートしたフォントは含まれません。フォントのライセンスでは共有が認められていないことが多いためです。アップロードした動画の合計が 25 MB を超えるアプリは、ページの横に動画のフォルダーを置いた zip としてダウンロードされます。

エクスポートしたアプリの隅には、Vibr を開く小さなリンク［Made with Vibr］が表示されます。表示しない場合は、［エクスポート］メニューで［「Made with Vibr」を含める］をオフにします。この設定は保存されます。

エクスポートしたアプリは、ホストした場所でそのコードを実行します。ほかの人が共有したファイルから作ったアプリを公開する前に、コードを確認してください。

［エクスポート］メニューの［リンクを共有］はまだありません。選択すると作ってほしいという1票として数えられ、そのことがダイアログで表示されます。あなたやプロトタイプに関する情報は送信されません。

インポート

［インポート］を選択するか、ライブラリにファイルをドロップすると、Vibrファイル（.json）を取り込めます。すでにあるプロトタイプをインポートした場合、ファイル側の方が新しいときにだけ手元のコピーが置き換えられます。未保存の下書きがある状態でインポートすると、Vibrは先にその下書きを保存するため、何も失われません。

ストレージの上限

ブラウザーでは、サイトが保存できる容量が制限されています。ライブラリがいっぱいになると、保存時にVibrがその旨を表示します。不要なプロトタイプを削除するか、先にエクスポートしてください。