Studioとは
Studio株式会社が提供する「Studio」は、誰でも簡単にWebサイトを作成できる、注目の国産ノーコードツールです。
直感的な操作で本格的なWebサイトを制作できるため、エンジニアでなくても扱うことが可能です。近年では、スタートアップから大企業まで幅広い企業が導入しており、制作コストや時間の削減にも貢献しています。
この記事では、Studioで「できること」「できないこと」、その「メリット」「デメリット」を詳しく紹介します。
なお、筆者自身も本記事執筆にあたり初めてStudioを操作してみました。その際に感じた良かった点や、改善してほしいと感じた点についても率直にご紹介していきます。
Studioでできること
Studioには、CMS機能やレスポンシブ対応、Googleアナリティクスの設置など、Webサイト制作に必要な基本機能が一通り揃っています。
以下に主な機能を箇条書きでご紹介します。
-
・レスポンシブ対応(ブレイクポイントの編集も可能)
・アニメーションの設定
・YouTubeやGoogleマップの埋め込み
・ワンクリックで公開・非公開の切り替えが可能
・公開日時の予約が可能
・CMS機能に対応
・チームによる共同編集が可能
・Googleアナリティクス、reCAPTCHA、タグマネージャーなどに対応
・簡単にフォームの設置が可能
・SEO対策が可能(タイトル・ディスクリプション・HTMLタグ・alt属性・サイトマップ送信など)
・スライダーの作成に対応
・カスタムコードの追加が可能
・テキストにグラデーションを適用できる
・アコーディオン形式のコンテンツを作成可能
・QRコードを読み取ってスマホでライブプレビューが可能
・コンポーネントを使って共通パーツの作成が可能
・独自ドメインの設定が可能(※無料プランでは不可)
・サイト全体にパスワードを設定できる
・noindexの設定が可能
Studioでできないこと
機能は充実していますが、現時点では対応していない、もしくは制限のある機能もあります。
以下に代表的なものを挙げます。
-
・ログイン・会員登録・決済機能は非対応(外部サービスと連携することで実装可能)
・HTMLやCSSなどコードの書き出しは不可
・スマートフォンからの編集ができない
・アカウントの削除はサポートへの問い合わせが必要
・デバイスごとの改行位置の調整ができない(表示・非表示の切り替えで代替可能)
・フォーム送信後の自動返信メールに非対応(Zapierなど他ツールとの連携で対応可能)
・パララックス効果には非対応(カスタムコードで代用可能)
・ページネーションの実装ができない
・人気記事の抽出やランキング表示には非対応
・サイト内検索(全体)は非対応
・動画ファイルの直接アップロード不可(YouTubeの埋め込みで対応)
・パンくずリストの自動生成は不可
・class属性の指定は不可(IDは設定可能)
・偶数・奇数要素へのスタイル指定はできない
Studioを使うメリット
Studioを活用することで得られる主なメリットは以下の通りです。
-
・高品質なテンプレートが豊富で、デザイン初心者でも始めやすい
・無料で利用できる写真素材が用意されている
・サーバーも含まれるサービスのため、別途レンタルサーバーを契約する必要がない(セキュリティもStudio側が管理)
・コーディング不要でWebサイトを制作できるため、制作コストを大幅に削減できる
・日本企業が提供するサービスのため、日本語でのサポートが充実している(チャット対応あり)
Studioを使うデメリット
一方で、Studioには以下のようなデメリットもあります。
-
・ノーコードとはいえ、基本的なWebの構造やルールを知らないと操作に戸惑う場面がある
・メールサーバーは提供されておらず、別途準備が必要
・プレビュー画面と実際の公開画面で差異が生じる場合がある(例:アンカーリンクが動作しない)
・ページの表示速度がやや遅めに感じられる(最適化の工夫が必要)
・夜間・休日はサポート対応外
・クラウドサービスのため、将来的なサービス終了リスクがある
実際に操作してみて良かった点
初めてStudioを操作してみて、特に良いと感じた点をご紹介します。
-
・Figmaなどのデザインツールに近いUIで操作ができるため、取っつきやすく始めやすい
・レスポンシブ対応がスムーズで、スマホ版デザインもStudio上で作成可能。Figmaで別途作る必要がないため効率的
・公開・非公開の切り替えがワンクリックで可能。サーバーの用意も不要なので、非エンジニアにとっては非常にありがたい
・メタ情報(ページタイトル・ディスクリプション・noindexなど)の設定が簡単
・QRコードを読み込むことで、スマホの実機でライブプレビューが確認できるのは非常に便利
・アニメーションの設定が直感的で、簡単に導入可能
・ページ遷移がなめらかで、特別な設定をしなくても自然な切り替わりが実現できる
実際に操作してみて困った点
今回初めてStudioを触ってみた中で、少し戸惑った点もありました。
-
・アコーディオン(Toggle)の仕様は、FAQのようなシンプルな使い方なら問題ないが、「Read more」など複雑な動作には工夫が必要
・カルーセルでバグが発生し、期待どおりに動作しなかった。調べたところ、他のユーザーでも同様の問題が報告されていたため、今後の改善に期待
・操作中に困って調べても情報が少なく、自己解決が難しいケースがある。悩みすぎずにサポートを利用するのが良さそう
・ノーコードとはいえ、ボックスの構造や概念はHTML/CSSに基づいており、基礎知識がないと習得に時間がかかる
・コンポーネント機能の操作がやや複雑。FigmaやXDのような挙動に近づけば、より使いやすくなると感じた
まとめ
今回は、Studioの機能や制限、そして初めて使用した筆者が実際に感じたメリット・デメリットをご紹介しました。
まだStudioを使ったことがない方は、ぜひ一度試してみてください。