設計の下書きを押せる形に変え、それを開発へ渡す。この流れはたいてい何本もの道具の間を往復する。Marvel はそれをブラウザの中に収める。下書き、試作、受け渡し、試験、そして意見にそれぞれ入口があり、データは一つしかない。

ブラウザで開く仕事台

Marvel はブラウザで動く設計の仕組みだ。公式は「現代の設計の班に速い試作、試験、受け渡しを」とまとめ、下書き、設計、試作を同じ場所で仕上げられ、粗い段階から細かい段階まで覆うと述べる。2013 年に副の企画として始まり、公式によれば今は二百万を超える個人と班が使っている。

企画を開くと、画面は二つの層に分かれる。左が道具の列と描く面で、そこに一枚ずつの画面が並ぶ。右が属性の面で、位置、大きさ、角の丸み、塗り、透け具合といった値を扱う。焦点がどちらの層にあるかで、値の面もついてくる。

下書き、設計、試作を一か所に

設計の力は内側に備わっている。画面を足すときに内蔵の編集の場で描くを選べば、別の描画の道具を開かずに済む。枠の下書きも仕上げた画面も描け、ページの切り替えで複数の設計の間を移る。描き上げた設計は、受け渡しに要るコード、注記、素材を自分で帯びる。

試作はホットスポットで組み立てる。ホットスポットは画面の上に描く押せる範囲で、範囲を引き出して行き先の画面を指せば、一度押したときの移動になる。公式の手順は、最初の画面に触れ、試作の姿に入り、範囲を引き出して行き先を選ぶというもので、再生すれば移る様子が見える。コードは要らず、公式は静的な下書きから動かせる試作までを分の単位で数える。

設計を開発へ渡す

受け渡しの段は Handoff が担う。公式によれば、設計と試作を開発のための仕様に自動で変え、コードと素材を含み、動かせる試作のすぐ隣に並べる。企画そのものが仕様の書類になるので、注記の作業と、切り離した書類を何度も書き出す手間が消える。出てくるものには CSS も、iOS と Android の側に要る様式の記述も含まれ、素材とまとめて持ち出せる。

もう一つの道は分けることだ。試作はつながりを作ってそのまま送れるし、流れの一部だけを分けることもできる。ある区切りを単独のつながりに写せば、開いた相手にはその区切りしか見えない。公式はこれで、関わる人と開発が必要な部分だけに向き合えると述べる。

利用者の試験と協働

利用者の試験は、試作を一つ選び、仕組みが専用のつながりを作り、それを参加者へ送り、相手が機械か携帯で開けば始まる。試験の間は画面、音、前の側のカメラが記録される。同時に走らせられる数は案によって違い、個人の案が三つ、班の案が十、企業の案は相談による。

協働は意見を軸に回る。意見には公開と非公開があり、非公開は班の人だけが見られ、外の客や外注と並行してやり取りする場面に向く。参加は役割で企画に入る。班の人はアカウントの下のすべての企画を見られ、寄与する人は招かれたものだけを見る。意見は画面上の特定の位置に置かれ、直したあとも元の場所に貼り付いたままになる。

案と価格

無料の案に期間の制限はなく、一人と一つの企画が付く。公式のよくある問答には、数える時計は無く、上げると決めるまで使い続けられると明記されている。個人の案は年ごとの支払いで月に十二ドル、企画の数は無制限、同時に試せる枠が三つ、試作と下書きを書き出せ、ページの Marvel の印を外せる。班の案は年ごとの支払いで月に四十二ドル、三人から始まり、試せる枠が十に増え、優先の支えが付く。

企業の案は求めに応じた見積もりで、人数、企画の数、試験の回数に上限がなく、招かれた人だけが見られる企画、細かい安全の設定、一度のサインで入る仕組みに対応し、請求書や振込にも応じる。学生と教える側は年ごとの案が三割引き、登録した非営利の組織は五割引きになる。

どんな人に向くか

一人で製品を設計する人は、下書きと試作をここで仕上げ、そのあと受け渡しの説明を書き出せる。二、三人の小さな班は班の案で、意見、試験、企画の権限を一か所に集められる。会社をまたいで進める企画は、非公開の意見と招かれた人だけの企画で、外との協働と内の相談を分けられる。結果を携帯で確かめたい人は、携帯向けの応用から試作を開いて見られる。

項目

公式の情報

位置づけ

ブラウザの中の設計と試作の仕組み

中心の力

下書きと設計、試作、受け渡し、利用者の試験、協働

対応する環境

ブラウザ、ほかに iOS と Android の応用

無料の案

期間の制限なし、一人と一つの企画

個人の案

年ごとで月に十二ドル、企画は無制限、試験は三つ

班の案

年ごとで月に四十二ドルから、三人から、試験は十

企業の案

求めに応じた見積もり、人数と企画は無制限、一度のサイン

設計の道具をどう選ぶかは、たいてい道具を替える回数をどれだけ減らしたいかにかかる。下書き、試作、試験、受け渡しが一つの設計を分け合えば、省けるのは出し入れだけでなく、直すたびに合わせ直すあの時間でもある。