購読者の皆様、Google は Gemini 3.1 を削除し、AI Studio をフルスタックに更新しました。これらを組み合わせることで、市場で最高の無料 AI プロトタイピングおよびバイブ コーディング ツールが作成できると思います。私は AI Studio を使用して 6 か月間プロトタイピングを行ってきましたが、職場での製品の構築方法が完全に変わりました。仕様や設計から始めるのではなく、数時間で関係者や実際のユーザーと検証できるプロトタイプから始めるようになりました。AI Studio を使用して新機能のプロトタイプを 5 つのステップで作成する方法については、私のチュートリアルをご覧ください。タイムスタンプ:(00:00) ウォーターフォール vs.プロトタイプファーストの製品開発(01:33) Google AI Studio で構築できるもの (ポーカー、画像生成、ゲーム)(03:08) ステップ 1: 既存の製品のベース テンプレートを構築する(05:43) ステップ 2: AI 設計パートナーと協力して新しい機能を追加する(10:32) ステップ 3: AI を反復して機能を改良する(13:08) ステップ 4: プロトタイプで他のユーザーと共同作業する(15:05) ステップ5: プロトタイプを実際の製品に変える(16:12) 要約: AI プロトタイピングをマスターする方法 YouTube で今すぐ見るか、以下の文書ガイドをお読みください。リニアと提携できることを誇りに思います。私は多くの AI ネイティブ企業と話してきましたが、その構築方法はまったく異なります。優秀な従業員は手作業を行う代わりに、AI エージェントに適切なコンテキストとフィードバック ループを提供することで、AI エージェントに仕事を委任することに重点を置いています。Linear は、優秀なチームが AI エージェントをオンボーディングして AI エージェントと連携できるように構築されています。 Cursor や Codex などのエージェントが取り組んでいることの透明性を提供し、Slack、サポート チケット、コードベースからコンテキストを自動的に提供します。Linear を無料でお試しください追伸、私は Roblox のクリエイター ハブのシニア PM を採用しています。Roblox は、何百万人ものクリエイターがゲームの構築と成長に使用するプラットフォームです。 7 年以上の PM 経験 (特にクリエイター/ゲーム分野) と「とにかく終わらせる」という考え方をお持ちの方は、こちらからご応募ください。なぜプロトタイプ > ウォーターフォールなのかウォーターフォールとプロトタイプ主導開発の違いは次のとおりです。ウォーターフォールでは、仕様から開始し、デザイナーが設計を作成し、その後エンジニアリングにすべてを引き渡します。フィードバックを受け取るまでに、すでに数週間を投資していることになります。プロトタイプ主導とは、プロトタイプから開始し、チームや実際のユーザーと一緒にそれを反復することです。プロトタイプでアイデアを検証したら、仕様と設計を作成します。主な違いは次のとおりです。プロトタイプ主導で行うと、ユーザーが望む真実にはるかに早く到達できるようになります。1 つの注意点: プロトタイプのみではなく、プロトタイプ主導と述べました。複雑な製品の場合は、PRD を作成し、マイルストーンとエッジ ケースを把握するように設計する必要があります。より単純な機能の場合は、プロトタイプから実際の製品に直接移行できます。その方法を説明しましょう。構築するものこのチュートリアルでは、Google AI Studio 自体の新機能をメタにしてプロトタイプしてみましょう。私は Google AI Studio が大好きです。高速で無料で、Nano Banana などの Google API と直接統合できるからです。しかし、AI Studio のインターフェイスは多すぎると思います。ボタンやトグルが多すぎます。それでは、以下の 5 つの手順に従って、簡略化された AI Studio のプロトタイプを作成してみましょう。基本テンプレートを構築するまず、Google AI Studio のホーム画面とビルド画面のスクリーンショットをいくつか撮り、AI にこれらの画面をできるだけ正確に複製するよう依頼しましょう。スタイルと色を一致させてインタラクティブにするようにしてください。Google AI Studio は、独自のインターフェースの動作するレプリカを構築します。変更を加える前に、「Google AI Studio テンプレート」として保存し、クローンを作成します。こうすることで、問題が発生した場合でも、現在製品に含まれているものから簡単にやり直すことができます。チームの誰もが同じベースからプロトタイプのクローンを作成することもできます。2.機能のプロトタイプを作成する次に、Google AI Studio の UX を簡素化してみましょう。まず、何を単純化するかを決める必要があります。 「UX デザイナー」という名前の Gemini Gem を作成し、次のように設定してみましょう。AI に尋ねます: 「あなたを経験豊富な UX デザイナーにするためのプロンプトをください。Google AI Studio の UX を簡素化するために協力してください。」 AI が生成したプロンプトを Gem に貼り付け、Google AI Studio のスクリーンショットをいくつか共有します。次に、Gem に尋ねてみましょう: Google AI Studio のインターフェースを再設計して、よりシンプルにしたいと考えています。添付の画像を確認して、簡素化すべき上位 5 つの項目をリストしてください。まずは何か質問があれば聞いてください。ジェミニがいくつか質問して、リストを作成します。 Reddit についても調査したところ、Codex のようなプロジェクト フォルダーが欲しいという要望が一番多かったです。この研究をもとに、次のプロンプトで AI にプロトタイプを更新するように依頼してみましょう。 続きを読む
Gemini 3.1 + 新しい AI Studio が登場: 18 分でわかる完全なプロトタイピング チュートリアル
By Creator Economy
·
·
4 min read
·
771 views
Read in:
aa
ace
af
ak
alz
am
ar
as
awa
ay
az
ba
ban
be
bew
+191 more
bg
bho
bik
bm
bn
brx
bs
bug
ca
ceb
cgg
ckb
co
crh
cs
cv
cy
da
de
din
doi
dv
dyu
dz
ee
el
en
eo
es
et
eu
fa
ff
fi
fj
fo
fr
fur
fy
ga
gd
gl
gom
gn
gu
ha
haw
he
hi
hil
hne
hmn
hr
hrx
ht
hu
hy
id
ig
ilo
is
it
ja
jam
jv
ka
kab
kbp
kg
kha
kk
kl
km
kn
ko
kri
ku
ktu
ky
la
lb
lg
li
lij
ln
lo
lmo
lt
ltg
lua
luo
lus
lv
mai
mak
mg
mi
min
mk
ml
mn
mni-mtei
mos
mr
ms
mt
my
nd
ne
nl
nn
no
nr
nso
nus
ny
oc
om
or
pa
pag
pam
pap
pl
ps
pt
pt-br
qu
rn
ro
ru
rw
sa
sah
sat
sc
scn
sg
si
sk
sl
sm
sn
so
sq
sr
ss
st
su
sus
sv
sw
szl
ta
tcy
te
tg
th
ti
tiv
tk
tl
tn
to
tpi
tr
trp
ts
tt
tum
ty
udm
ug
uk
ur
uz
ve
vec
vi
war
wo
xh
yi
yo
yua
yue
zap
zh
zh-hk
zh-tw
zu
