STUDIO概要編〜HTML/CSSを学んだあなたなら驚きの速さでWEBサイトを作れます〜

完全ノーコードでここまでできる！STUDIOで作るポートフォリオサイト

シェアしてね〜🤞

WEBサイトを作成するとき、みなさんはどのようなツールを使っていますか？

…ワイヤーフレームを組み、デザインを決め、HTMLでコーディングしていく方法が一般的かもしれません。

しかし、最近では「ノーコード」といって、コーディングをせずにWEB上でサイトが作れるツールも浸透してきました。無料で使えるテンプレートの数も多く、「WEBサイトをもちたい」個人が手軽にサイトを持つことも可能になってきたと言えます。

今回は、ノーコードのWEBサイト作成ツールの中でも「STUDIO」に注目して、その特徴を解説していきます！

STUDIOとは？

STUDIOとはWEBサイト作成ツールです。アカウント取得後は、クラウド上でWEBサイトの作成ができます（ソフトウェアのインストールは不要です）。自宅からでも職場からでもログインして作業できるのが便利です。

他のツールとの違いは？

今や、HTML/CSSといったコードを書かずにWEBサイトを作成するツールは数多くあります。これらは、大きく分類すると「ソフトウェアをインストールする必要がある」「インストール不要」に分けられます。

ソフトウェアをPCにインストールして使うツールは、インストールしたPCでしか使用できませんが、オフラインでも編集作業をすることができます。

これに対して、WEB上で編集するタイプのツールは、どのパソコンからでも（ID、パスワードで）ログインできますが、オンラインでないと編集ができません。また、提供元がサービスを停止したり、アップデートで仕様が大きく変わる可能性も考えておかなければなりません。

オンラインでWEB作成ツールの使い分け

WEBサイト作成ツールのうち、ソフトウェアをインストールする必要がないタイプのものは、STUDIO、ペライチ、WIXなどが人気です。それぞれデザインや操作方法に特徴があり、使用者によって好みや使いやすさは異なるでしょう。

このうち、HTML/CSSにまったく触れたことがないという人におすすめなのが、ペライチまたはWIX、そして、コードを書いた経験がある人向けのツールがSTUDIOです。

ペライチでは、用意されたデザインブロックを組み合わせてページを構成していきます（デザインの自由度は低め。自分でデザインを考えるのは苦手な人向けです。）。WIXでは、要素を「ペタペタ貼る」イメージでサイトをデザインしていきます。一方、STUDIOは、マージン、パディング、絶対配置・相対配置…などHTML/CSSの概念に基づいてスタイルの設定をしていきます。