【STUDIO制作】無料での始め方【登録~公開まで解説】

こんにちは、わっかー です!

さて、今回は「ノーコードツールSTUDIOを無料で始める手順」を爆速でお伝えしていきます!

解説用の画像をクリックすると拡大表示されるので、確認の際にご活用ください。
それでは行ってみましょう!

登録~公開まで

STEP
STUDIO公式サイトへアクセス
STEP
ヘッダー部分の「無料ではじめる」をクリック
ノーコードSTUDIO公式サイト
STEP
新規無料登録をする

Googleアカウント、Facebookアカウント、メールアドレスの3パターンで新規登録が可能です。
ログインの際にGoogleアカウントが便利なので僕はそちらを使用しています。

STEP
First project の「Design Editor」をクリック
ノーコードSTUDIO デザインエディタ
STEP
チュートリアルで基本操作を学ぶ(目安:5分)

First project の「Design Editor」をクリックするとチュートリアルが表示されます。
こちらで画像の配置、テキスト追加、文字サイズの変更などを分かりやすく教えて貰えます。

ノーコードSTUDIOチュートリアル
STEP
STUDIO最新「セクション」タブの使い方を学ぶ(目安:20分)

STUDIOでサイト制作をする際に良く使う「セクション」タブの使い方を学ぶことができます。
こちらを上手く活用することで制作スピードを上げることが可能です。

20分くらいで終わるのでサクッと使い方を学んでおきましょう!
※実際に手を動かす場合は5分30秒の所からで大丈夫です。

上記のYoutube動画でセクションタブの使い方はご理解いただけたかと思います。
次は実際に公開設定を進めていきましょう!

STEP
画面右上の「公開」をクリック
ノーコードSTUDIO公開ボタン
STEP
無料のドメインを設定する

ドメイン名の入力欄が表示されるので任意のドメイン名を入力してください。
※小文字英数字とハイフンのみを使用できます。

ノーコードSTUDIO無料ドメイン設定

※独自ドメインを使用する際は別途設定が必要です。また別の機会に解説します。

STEP
無料のドメイン名が決まったら「保存ボタン」をクリック
ノーコードSTUDIO無料ドメイン設定(保存)
STEP
「公開ボタン」を押せば公開完了です
ノーコードSTUDIO無料ドメイン設定(保存)
ノーコードSTUDIO無料ドメイン設定(公開完了)

最後に

お疲れ様でした!STUDIOの登録~公開までの手順は以上になります!
最初だけSTUDIO独特の操作方法に戸惑う面もあるのですが、慣れてくると
イメージ通りの実装ができるようになってきます。ここがSTUDIO制作の楽しさです

今後もSTUDIOを使ったサイト制作の情報をシェアする予定なのでお楽しみに😄
ではまた!

追伸:

僕の方でデザインカンプからのSTUDIO実装を承っておりますので
もし宜しければ下記のお問い合わせフォームからお気軽にご相談いただけますと幸いです。

デザインカンプを基に忠実に実装することをお約束致します!

お問い合わせフォーム

わっかーブログのお問い合わせフォームです。

  1. 1
    入力
  2. 2
    確認
  3. 3
    完了

STUDIO実装に関するご相談がございましたら
下記、お問い合わせフォームからお気軽にご連絡ください。
数時間~1日以内に折り返しご連絡致します。

お名前
必須
貴社名
必須
(例)個人事業主の方は「個人」または「屋号」を入力してください。
メールアドレス
必須
ご用件
お問い合わせ詳細
予期しない問題が発生しました。後でもう一度やり直すか、他の方法で管理者に連絡してください。

この記事が気に入ったら
フォローしてね!

もし良ければシェアして頂けると嬉しいです!

この記事を書いた人

『日々忙しくて実装まで手が回らない!』を解決します!STUDIOを活用したデザインカンプからの実装が得意。ライドアクロス代表。STUDIO愛用4年目。新潟県在住。武者修行を経て独立。趣味:旅と登山と銭湯巡り。STUDIO情報を中心にシェアしていきます!