コード不要でつくる
ドラッグ＆ドロップの
直感的な操作で制作できる
STUDIOとは？ノーコードでWebサイトをつくる
制作ツール
STUDIOは、プログラミングの知識がなくても、
洗練されたWebサイトをつくることができるノーコードツールです。
デザイン・公開・運用まで、ひとつのプラットフォームで完結できます。
STUDIOとは？
STUDIOは、コードを書かずに、誰でも美しいWebサイトをつくることができるノーコードの制作ツールです。
デザイン、公開、運用までをすべてブラウザ上で完結でき、個人のポートフォリオから企業のコーポレートサイトまで、
幅広い用途で活用されています。
洗練されたデザイン
テンプレートや自由なデザインで
プロ品質のサイトがつくれる
公開・運用もかんたん
サーバーや管理不要で
すぐに公開・更新できる
Web制作の中で
STUDIOを使う場面
STUDIOは、企画からデザイン、公開、運用までのさまざまな場面で活用されます。
ノーコードだからこそ、スピーディーに、思い通りのWebサイトを形にすることができます。
要件・構成を整理
目的やターゲットをもとに
サイトの情報を整理します。
ワイヤーフレーム
ページ構成を設計し、
ワイヤーフレームを作成します。
デザイン
STUDIO上でデザインを作成し、
パーツを組み立てます。
公開・テスト
プレビューで確認し、
そのまま公開できます。
運用・改善
公開後も簡単に更新し、
継続的に改善できます。
はじめの一歩が、
センスをカタチにしていく
初心者が最初に覚えたい 基本
- 01
画面の見方と基本操作
エディターの画面構成や、よく使う機能の操作を覚えます。
- 02
セクション・ボックスの使い方
ページの基本となるセクションやボックスの配置方法を学びます。
- 03
テキスト・画像の設定
文字や画像の挿入・編集など基本的なコンテンツの作り方を学びます。
- 04
レイアウトとスタイル
余白・配置・色・フォントなど見やすいデザインに整える方法を学びます。
- 05
公開とドメイン設定
実際にサイトを公開し、独自ドメインの設定まで行います。
BLUE FLAMEで学べる内容（STUDIO）
STUDIOの基本操作
画面の見方や基本的な
操作方法を丁寧に学びます。
デザインの作り方
レイアウト・スタイル・
アニメーションなど、
魅力的な表現を身につけます。
サイト制作の実践
実際にWebサイトを制作し
公開までの一連の流れを
体験できます。
運用・改善の考え方
公開後の更新や改善方法など
実務に役立つノウハウを
学びます。
STUDIOを 仕事に活かす ために必要なこと
STUDIOの操作方法だけでなく、デザインの基礎知識やユーザー視点、相手に伝える力も大切です。
ツールを使いこなすだけでなく、よりよいWebサイトをつくるために必要な考え方を身につけましょう。
デザインの基礎
見やすく伝わるレイアウトや
色の使い方を学びます。
コンテンツ設計
伝わる文章や構成で
魅力的なサイトをつくります。
実践経験を積む
実際にサイトを制作し
改善を繰り返してスキルを高めます。
フィードバックを受ける
第三者の視点を取り入れ
よりよい仕上がりにしていきます。
あわせて知りたいツール
よくある質問
STUDIOは本当に無料で使えますか？
無料で使える範囲や有料機能、販売・公開にかかる費用はサービスとプランによって異なります。学習で使いたい機能を整理し、利用開始前に公式の料金・利用条件を確認しましょう。
STUDIOでどのようなサイトが作れますか？
企業・店舗の紹介、サービス紹介、ポートフォリオなど、目的に合わせたサイト制作を学べます。会員機能や複雑なシステムなどが必要な場合は、実現方法や対応範囲を先に確認します。
STUDIOとWordPressはどちらがおすすめですか？
つくりたいサイトと公開後の運用方法で選びます。デザインを視覚的に組み立てたい場合と、記事更新や機能の拡張を重視する場合では選ぶ基準が変わるため、必要な機能と管理の負担を比べましょう。
STUDIOを学ぶのにどれくらいの期間がかかりますか？
必要な期間は、現在の経験、学習時間、目標にする仕事によって異なります。まずは基礎を学び、小さな制作物を完成させる目標を立て、習得状況を見ながら次の課題へ進みましょう。成果が出る時期を一律に保証するものではありません。