料金プランを理解する（6プランの比較）

STUDIOにはFree・Mini・Personal・Business・Business Plus・Enterpriseの6つのプランがあります。まず、無料のFreeプランで何ができて何ができないのかを正確に把握しておきましょう。

STUDIO — 料金ページ（studio.design/ja/pricing）の6プラン比較

STUDIO — 料金ページ、Free/Mini列の機能比較

この表の中で特に見落としやすいのが、STUDIOバナーの扱いです。無料プランで公開したサイトには、画面の中に「Created in /S」というバナーが必ず表示されます。バナーを消すにはMini以上への加入が必要ですが、本コースは学習が目的のため、バナーが表示された状態のまま最後まで進めます。バナーが実際にどう表示されるかは、Chapter 1でページを公開したときの画面で確認します。

Apps連携（Google Analytics・Search Console・GTM・reCAPTCHA v3・Metaピクセル等）も無料プランでは一切使えません。この点は公式のヘルプにも、Mini以上の有料プランを契約中のプロジェクトでなければ外部アプリを組み合わせて利用できないと明記されています。本コースではGoogle Search Console連携やreCAPTCHA v3の操作を必要とする場面は作らず、機能の存在だけを説明します。無料プランでの代わりに使うのは、Google Maps・formrun等を埋め込めるEmbedボックスです。

ワークスペースの罠｜プロジェクト数の上限

料金プランの次に必ず知っておきたいのが、ワークスペース単位の制約です。ワークスペースFreeで作れるプロジェクトは、非公開のものも含めて3本までと決まっています。

STUDIO — ワークスペースプラン（Free / Team / Enterprise）の比較

本コースは、この3本という枠の中で2本しか使わない設計にしてあります。1本目のpracticeはこのレッスンで作成し、Chapter 1・2のエディタ練習・レイアウトのドリルで、ページを追加しながら使い回します。2本目のOptimaはChapter 3の3-1で作成する見本サイト（架空のAIソリューション企業のサイト）で、公開までそのまま使い続けます。

有料プランを検討するタイミング

学習は無料プランで完結します。有料プランが必要になるのは、他人のサイトを作って納品するときだけです。将来のイメージとして、どの場面でどのプランが必要になるのかを先に確認しておきましょう。

この早見表はあくまで案件を受けたときの参考です。本コースの中でこの判断が必要になる場面はなく、最後まで無料プランのまま進みます。安心して先に進んでください。

STEP 1：無料アカウントを作成する

準備ができたら、STUDIOの公式サイトから無料アカウントを作成します。クレジットカードの登録は不要です。

STUDIO — トップページ（studio.design/ja）

STUDIO — 新規登録画面

STUDIO — 登録直後の初期設定画面

登録方法はGoogleアカウント・メールアドレスのどちらでも構いません。普段使っているアカウントで登録すれば、以降の学習内容に違いは出ません。初期設定の入力を終えると、プロジェクト一覧を表示するダッシュボード画面に移動します。

STEP 2：白紙のプロジェクトを作成する

アカウントの登録が終わったら、続けて最初のプロジェクトを作成します。ここで作るプロジェクトにpracticeという名前を付け、Chapter 1〜3を通して使い回します。

STUDIO — プロジェクト設定でプロジェクト名をpracticeに設定

STUDIO — プロジェクト一覧画面

プロジェクト名は自由に決めても問題はありませんが、次のレッスン以降はpracticeという名前を前提に説明を進めます。同じ名前にしておくと、以降のレッスンで迷わずに済みます。作成が完了すると、白紙のエディタ画面が開きます。この画面が開いていれば、このレッスンの目標は達成です。