2024.09.23STUDIOでSTUDIO紹介サイトを制作してみたWeb制作STUDIOでSTUDIOを紹介するノーコードWebサイトを作成してみたSTUDIOは、コードを書かずにWebサイトの設計、デザイン、公開までワンストップで完結させることができる、デザインツールとサイトビルダーを兼ね合わせたクラウドサービスです。自由度やテンプレート数には制限がありますが、初心者でも簡単に使い始められるのが魅力です。今回は、実際にSTUDIOを使用して、STUDIOの紹介をするノーコード解説Webサイトを制作してみました。STUDIOのメリットやデメリット、便利なところや気になった点を紹介していきます。実際に制作して使用させていただきましたが、業務用として使用するには有料プランでも機能制限が多く、ランニングコスト的にも割高感否めないため、freeプランで制作させていただいております。STUDIOノーコードWebサイト提供元のサービス仕様によりサイトが自動的に閉鎖されてしまう可能性があるため、あらかじめご了承ください。ファーストコンタクトSTUDIOまず最初にSTUDIOのアカウント作成からノーコードWebサイト制作までのサービスシステムの実直な感想や、使用感について紹介します。学習コストと維持コストの推察ソーシャルログインができるSTUDIO登録はGoogleやFacebookのアカウントでそのままユーザー登録が可能。アカウント情報をそのまま流用するため、STUDIOサイトはSTUDIOの登録をした各ソーシャルアカウント情報が流用されるので注意が必要。『ログインありがとうございます。Chromeで、ご利用いただけます。』とメッセージが表示される編集が一切できなかった。Chromeでログインしたところ正常に編集ができるようになった。独自ドメインは有料プランでも別料金サブドメイン部は重複しない限り自由に選択できる。独自ドメインは有料プランで変更することが可能。STUDIOはドメインレジストラサービスを提供していないため、独自ドメインは別のレジストラで契約してDNS設定する必要があるようです。編集にも時間はかかるし学習コストもある程度は必要になります。HTMLやCSS、JavaScriptやPHPを覚えるよりははるかに学習コストはかかりません。比例してその分サイト制作や運用で再現できることも限定されます。多機能であるため、毎週使用するなどしていないと、操作方法を忘れてしまうこともあるので維持コストもある程度必要といえます。FigmaやAdobeXD、Wixなどと同じ程度の操作方法を熟知していないとオリジナルデザインなどの再現はほぼ無理であると推察されます。STUDIOはChromeでの使用に制限されているかもしれませんアフターコンタクトSTUDIOここではある程度デザインエディットを使用してページ管理やノーコードによるブロックエディタやコンポーネント操作をして、HTMLやCSSでマークアップした場合や一般のホスティングサーバー利用時を踏まえて全体の感想を述べております。ページ編集はそれなりに工数が必要コーディングは不要になるがデザインエディットが新たに必要になるプラン別に機能制限が多いCSSやJavaScriptでオリジナルデザインが可能だがページ編集はそれなりに工数が必要テンプレートもブロックエディタもそれなりにレイアウト調整や情報配置の編集が必要となるため、かなり簡素化されたページでないとSTUDIOの優位性やベネフィットは得られずらい可能性があります。基本機能ではオリジナルデザインができないし、独自機能なども実装できない制限はあっても、ページ内のコンテンツの調整や編集が必要となります。シンプルなサイトの場合は、もしかするとHTMLテンプレートに文字だけ流し込んだ方がはるかに工数は圧縮できるかもしれません。コーディングは不要になるがデザインエディットが新たに必要になるノーコードツールでHTMLによるマークアップはなくなったものの、デザインエディタによるページ編集が必要になる。HTMLコードがGUI化されただけで極端に工数が軽くなるわけではないようです。STUDIOをFigmaのように担当者に任せることで、”こだわり”や微調整により工数が増加する場合もあるので注意がひつよう。プラン別に機能制限が多い有料プランでもデータベースやサイト全体の一括バックアップができません。履歴機能からサイト全体を復元することは可能ですが、こちらもプランによって保存日数がことなるため、サイトバックアップもある程度制限を受けることになります。これはWixなどでも同様にSaas型であるため、プランによって機能制限が多いため、事業利用を前提として考えるとコストパフォーマンスはあまり良くないのかもしれません。CSSやJavaScriptでオリジナルデザインが可能だがSTUDIOの新しいembed機能でオリジナルCSSによるデザインの再現は一応可能となっています。テンプレートを使用する場合はCSSは逆算しながら設定する必要があるため制御はかなり手間がかかるといえるでしょう。JavaScriptに関してもコンフリクトが生じると少々やっかいな時があります。そこまでオリジナル編集をした場合、そもそもノーコードWebサイト作成ツールではなくなっている気がしますし、一般的なCMSよりも工数が増えてしまう気がするのですが。サイト全体やページに対して自由にコードが記述できる「カスタムコード」をリリースSTUDIOの継続利用はプラン契約が必須ですノーコードサイトビルダーSTUDIOで感動したところ編集が早いすべてブラウザ上で編集するため、編集や反映のタイムラグが必要になりますが、Wixと比べても比較的ストレスを感じない速さで編集操作ができました。ネット回線の接続速度の影響なども関係するので、あくまでも制作環境により異なる場合はあります。GUIがXDライクAdobeXDやFigmaなどWebデザインツールを利用しているWebデザイナーであればそれほど抵抗なく導入しやすいユーザーインターフェース。XDどは類似しているUIなので、一度操作を覚えれば使いやすいでしょう。本格的な事業利用には制限がやや多めですが、とりあえずエントリーサイトとしては十分な機能が無料プランでも利用できます。ビジネス利用を前提とすると有料プランでも機能制限やランニングコストが気になる点がありますが、機能性や汎用性を求めず更新頻度がない場合なら低位有料プランでも十分かもしれません。部分的に見るとすぐにブロックを共通パーツ化できて、編集もシームレスで反映されるので機能だけを考えるととても便利です。ホームページビルダーやWixなどを利用していた方は、STUDIOに乗り換える人も増えているかもしれません。誰でも簡単にWebサイト制作を始められます。高品質なテンプレートと豊富なデザイン機能で、美しいサイトを作れます。ブログ、ECサイト、予約システムなど、様々な機能が搭載されています。アプリ連携やコード編集で、機能をさらに拡張できます。セキュリティ対策やバックアップ機能が充実しています。コード編集できないため、細かいデザインや機能は制限されます。使いこなすには、ある程度の操作方法を学ぶ必要があります。他ツールと比べると、テンプレート数は少ないです。機能やデータ容量に制限があります。全体的にはとても優れたツールで、同じタイプのサイトやページを複製するにはかなり便利なツールという印象です。コンポーネントやページ複製なども数秒で実行できて、公開反映のタイムラグもほとんどなく、見た目の体裁やブランディングなどは関係なく、とりあえずすぐに情報をネット公開したい場合には最適なノーコードWebサイト制作CMSツールといえるでしょう。業務レベルやランニングコストという点でみると、ビジネス用途にはやや機能制限などが多く汎用性や拡張性についてある程度縛りが生じてしまいます。運用についても常にSTUDIOを利用していないと改修や更新修正はわりと運営負荷がかかることが予想されます。新しいembed機能によりcssやjavascriptを使用することは可能なのですが、基本的にはテンプレートまたはコンポーネントから生成されるcssセレクタを指定し直す必要があるため、オリジナルデザインや機能性を持ったWebサイト制作をしようとすると、一般的な自由度の高いCMSよりも工数や管理負担は大きくなる可能性がとても高いです。多機能性ゆえ、無料ブログの更新のような感覚での使用は難しく、AdobeXDやFigmaなどのオンラインデザインツール使用ができるくらいの操作対応は必要になりますので、一般の方であればマニュアルを見ながら学習していく必要があるでしょう。サイト自体は更新しなくても使用続ける限り永久に管理費用が発生するので、ネットからの集客や営業効果があまりない事業者の方であれば、毎月とはいえネット回線や携帯代ぐらいのランニングコストが何もしない状態でも生じてしまうので考慮が必要です。更新や修正の必要がない場合は、静的なWebサイトを廉価な自由度の高いホスティングサーバーで運営する方が、保守運用や改修と移管を前提にすると経費対効果の面でもわりと大きな差が生じてしまう可能性があります。いずれにしても制限事項が多い最小有料プランでも月額980円~必要となるため、事業者用のWebサイトとして導入する場合には、中長期的に考えて慎重な判断が必要になるのではないでしょうか。商品の安心感を向上させて転換率/CVRをしっかり上げるバナーとYouTubeサムネイル制作サービス。バナリズム公式サイト3つ上行くWebクリエイトSITEs(サイツ)顧客満足度の高いHighデザインとSEO最適化軽量HTMLマークアップからドメインサーバー一式セットSITEs(サイツ)公式サイト次のページ前のページ掲載情報につきましては当社が独自に調査、検証および収集した情報です。情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。よって、当社サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。掲載情報の修正・変更等をご希望の場合はお知らせください。MEDIAを使用した企業メディアです。流動的に更新しています。合同会社の企業メディアブログです。Web制作オンライン学習と企業ネットコンサルティングのための学び方、製品やサービス紹介、ビジネス系のさまざまな記事を更新しています。HOMEWeb制作WordPressCREATEWebハックWebツールブラウザ上で動作する便利なWebツールです。