ずっと気になっていた「STUDIO」でのWebサイト制作に挑戦してみました。
STUDIOは、HTML・CSS・JavaScriptなどのコーディングの作業や、サーバーのセットアップをせずに、Webサイトのデザイン制作から公開までを行うことが出来るCMSです。
という、とっても便利なツールで、気軽に始めることができます。
初めてSTUDIOを使う方はアカウントを作成する必要がありまが、Facebook、またはGoogleアカウントと連携できるのですぐに取得できます。
アカウントができたらプロジェクトを作成します。今回は無料プランでどこまで作れるのか試したかったので、無料プランで作成しました。
まっさらな状態からデザインを起こすこともできますが、何せ初めてなのでテンプレートを使って作成することにしました。今回はギャラリーセクションが欲しかったので、こちらのテンプレートを選びました。
先ほど選択したテンプレートをベースにデザインしていきます。
今回はコンテンツ量が多くないのでシングルにしましたが、無料プランでも複数ページのサイトが作成できます。
マージンやパディング、ボックスといった言葉が出てきますが、少しでもhtml・CSSを触ったことのある方や、FigmaやXDなどのデザインツールを使ったことのある方ならすぐに慣れることができます。
というのも、私はこういったUIで躓くことが多いのですが、スムーズにデザインすることができました。これはSTUDIOのUIがとても素晴らしいということなんだと思います。マニュアルなんかなくても使うことができるって本当に素晴らしい！ストレスフリー！！これは人気なわけだ…と納得です！
普段、Figmaを使ってデザインしているのですが、STUDIOに移行できるならしたいくらいですね。（ちょっと用途がはずれるので難しいのですが）
ページタイトルや説明文、OGP画像やファビコンなどを設定します。無料プランのせいなのか？Twitter Cardの設定はできないようです。
今回は無料プランなので、ドメインは勝手に割り振られた英数字ですが、ボタンクリックのみでWebサイトを公開することができました。
ここまでいいところばかりを紹介してきたわけですが、最後に残念なポイントも記載しておきます。（これは、私の努力不足もあると思うので、改善できたらまた報告します。）
メリット
デメリット
と、まとめるとこんな感じになりました。
デメリットにもたくさん記載しましたが、無料の範囲でこれだけできればかなり満足です！！
まだSTUDIOを使ったことがない方はぜひ、試してみてください。
今回作ったWebサイトはこちらからもご覧に慣れます。何かの参考になれば嬉しいです。
https://black583955.studio.site/
