Name: Supernova.io 3.0のご紹介 - プロダクトチームのためのデザインシステム (Introducing Supernova.io 3.0 - vibes for real product teams)
Uploaded: 2026-01-06T15:42:02.000Z
Duration: 6 min 10 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

程度の副詞

Pipe coding tools of the day let you explore ideas but don't really help with the rest of the process.

今日のパイプコーディングツールはアイデアを探求できますが、プロセスの残りの部分をあまり助けてくれません。

So for people like you, who brainstorm, who document, iterate, collect feedback and also collaborate as a team, we build Supernova.

ですから、アイデアを出し、文書化し、繰り返し、フィードバックを収集し、チームとして協力するあなたのような方のために、Supernovaを開発しました。

So the work you do in Supernova follows regular product workflows and so I would like to start with some exploration here.

Supernovaでの作業は通常の製品ワークフローに従いますので、まずはここでいくつか探求を始めたいと思います。

I have some prompt that describes just a lightweight team member management.

軽量なチームメンバー管理を説明するプロンプトがあります。

I could also start from different things, but we'll keep that for later.

他のものから始めることもできますが、それは後で説明します。

And as the prototype is creating, I will also want to provide a feedback on a feature that we have been already exploring with my team.

プロトタイプが作成されている間に、チームですでに探求している機能についてもフィードバックを提供したいと思います。

So I will go to projects, this will work in the background and I will go into the payment functionality that we have been exploring.

では、プロジェクトに移動します。これはバックグラウンドで動作し、探求してきた支払い機能に入ります。

さて、これが私の最新のイテレーションです。

This is what I have done in the past, but

これは私が過去に行ってきたことですが、

I'm no designer, so I've invited my designers and my product people to polish it a little bit.

私はデザイナーではないので、デザイナーとプロダクト担当者を招待して、少し磨いてもらいました。

And so here John has opened a new iteration, new thread, as we call them, and

そして、ここでジョンは新しいイテレーション、新しいスレッド（私たちがそう呼んでいるもの）を開き、

started a parallel exploration that is connected to this main prototype.

このメインのプロトタイプに接続された並列の探求を開始しました。

So here in the replies, they have been tagging me and bugging me all the time, but

ですので、ここで返信で、彼らは私をタグ付けし、常に私を悩ませていますが、

you can see that the exploration already looks better and they do it sort of securely in this thread.

探求はすでに良くなっているのがわかりますし、彼らはこのスレッドでそれをある種安全に行っています。

Now I can also use the branching functionality that we have and compare the changes that they have done.

ここで、私たちが持っているブランチ機能を使用して、彼らが行った変更を比較することもできます。

So, okay, my design, not particularly amazing, but here they've polished it really well.

では、わかりました、私のデザインは特に素晴らしくはありませんが、ここでは彼らがそれを非常によく磨いてくれました。

Let's see what the other exploration they've done because this is not the only one.

他の探求も見てみましょう。これは一つだけではないですからね。

Honza has also opened some exploration and you can see that he's very hot on instant managing it.

Honzaさんも探求をいくつか開始していて、彼がそれを即座に管理することに非常に熱心なのがわかります。

では、これで大丈夫かどうか見てみましょう。

Yeah, looks nice, but this is really nice.

ええ、良さそうですね、これは本当に素晴らしいです。

そして、これもまた本当に素晴らしいです。

Okay, I really like this, so let's just use it.

わかりました、これは本当に気に入ったので、これにしましょう。

Let's promote it to our main branch so everyone can benefit from it.

これをメインブランチに昇格させて、みんなが恩恵を受けられるようにしましょう。

これは動きませんが、これは動きます。

I can also confirm that this works great.

これも素晴らしいことが機能することを確認できます。

So I will just keep it as is and just take his exploration and now I will make it into a main exploration of this prototype.

なので、そのままにして、彼の探索を採用して、このプロトタイプのメインの探索にしましょう。

So now everyone who is working off of this prototype will have this as the latest version.

これで、このプロトタイプから作業している全員が、これを最新バージョンとして利用できるようになります。

Now I believe there are also some changes in the documents because in Supernova you can also document your prototypes and your explorations and very fast, as you will see.

Supernovaではプロトタイプや探索を非常に素早く文書化することもできるので、ドキュメントにも変更があると思います。

それでは、プロダクト要件に進みます。

I've gotten some notifications about this and open this in a full fledged product editor.

これに関する通知をいくつか受け取ったので、本格的なプロダクトエディタで開きます。

And here Honza and Johnny has asked me to review some suggestions that they've put there.

ここで、HonzaとJohnnyがいくつか提案をレビューするように求めてきました。

ええ、気に入りましたし、信じています。

And now I have a polished prototype that we have iterated together on and I also have a product documentation that is aligned with the prototype.

これで、一緒にイテレーションした洗練されたプロトタイプと、プロトタイプに合わせたプロダクトドキュメントができました。

But this is not all because it would be really nice if I could also give this to our developers.

しかし、これだけではありません。開発者にこれを渡せると、さらに良いでしょう。

So for that purpose I can just go to the export functionality and enable streaming to the mcp.

では、その目的のために、エクスポート機能に移動してmcpへのストリーミングを有効にできます。

Alright, so now back to my original exploration.

さて、これで元の探索に戻ります。

I'll go to the projects and you can see that it has been finished.

プロジェクトに移動すると、完了していることがわかります。

I really like this and one of the reasons why it always looks nice is because I'm using my own design system.

これは本当に気に入っています。いつもきれいに見える理由の一つは、私自身のデザインシステムを使っているからです。

So here in Supernova we support the entirety of your design system tokens assets.

Supernovaでは、デザインシステム全体のトークンアセットをサポートしています。

You can even bring your own custom components if you want to.

必要であれば、独自のカスタムコンポーネントを持ち込むこともできます。

Just let us know and we will hook you up.

お知らせいただければ、対応させていただきます。

But here I could select some design tokens, just link them to my prototypes and then forever, for every prototype they will all look the same and they will be powered by the design system.

しかし、ここでデザイントークンをいくつか選択し、プロトタイプにリンクするだけで、すべてのプロトタイプでそれらがすべて同じように見え、デザインシステムによって強化されます。

Now I will show you the most powerful feature of Supernova still.

それでは、Supernovaの最も強力な機能をまだご紹介します。

So I will switch to the documents and just let it create automatically product requirements.

それでは、ドキュメントに切り替えて、プロダクト要件を自動生成させてみましょう。

I will also create a sales brief and, and I will also create a marketing brief.

セールスブリーフとマーケティングブリーフも作成します。

And while the bots are working in the background, I will switch to a main chat and I will create another iteration that adds specific functionality.

ボットがバックグラウンドで作業している間に、メインチャットに切り替えて、特定の機能を追加する別のイテレーションを作成します。

Okay, so now that the feature has finished, you can see that I can switch between the members and invites, which is great.

さて、機能が完了したので、メンバーと招待を切り替えられることがわかります。これは素晴らしいですね。

But there is one problem because, because I have created the documents now the product requirements are not aligned with the prototype, so they are effectively useless.

しかし、問題が一つあります。ドキュメントを作成したため、プロダクト要件がプロトタイプと一致せず、実質的に無意味になってしまったからです。

これはよくあることですよね？

The product requirements always go desynced.

プロダクト要件は常に同期が外れます。

So we have a very fancy functionality in Supernova.

そこで、Supernovaには非常に便利な機能があります。

I will go again into the product requirements.

もう一度プロダクト要件に入ります。

I will open the full fledged editor and now I will say.

では、本格的なエディタを開いて、こう言います。

And so now the agent is actually comparing the feature to the functionality requirements that we have provided here and will provide me suggestions about what to change so I don't have to do anything at all.

そして今、エージェントは提供した機能と機能要件を比較し、変更点について提案してくれるので、私は何もする必要がありません。

so now it has suggested many things, it is still there I think, but

これで多くの提案が出てきました。まだ残っていると思いますが、

it has suggested many changes into the document because the feature is very different, it is effectively twice the size.

機能が大きく異なるため、ドキュメントに多くの変更が提案されました。実質的に2倍の大きさです。

I could just go and reject or modify some, but I will just accept them all.

いくつか却下したり修正したりすることもできますが、すべて受け入れます。

And now the product requirements is aligned with the prototype.

これでプロダクト要件がプロトタイプと一致しました。

And of course you can do the other way as well, so if you change some objectives, you can update the prototype.

もちろん、逆も可能です。つまり、目標をいくつか変更すれば、プロトタイプを更新できます。

A full end to end production workflow with about billion other things that I couldn't really fit into this video.

これに収まりきらなかった他の多くのことと合わせて、エンドツーエンドのプロダクションワークフローが完成しました。

Now, I think working with Supernova really makes the process of building features hundreds times more fast and frankly also fun.

Supernovaを使えば、機能開発が数百倍速くなるだけでなく、楽しくなります。

So I'm sure I will see you on our platform.

プラットフォームでお会いできるのを楽しみにしています。