ハンズオンイベント開催_STUDIO株式会社様新潟でのSTUDIOシェア拡大を目的に、2022年11月、新潟駅前シェアスペースMOYORe:にて開催したSTUDIOハンズオンイベント「DERTA HUB vol.1」。本イベントの背景や事前準備の内容、当日の様子、クライアントのご感想などをご紹介します。背景と取り組み誰でも自由自在にクオリティの高いWebサイトを作ることができる話題のノーコードWebサイト制作ツール「STUDIO」を運営するSTUDIO株式会社。スクラッチ開発と遜色ないWebサイトのデザイン、構築、ホスティングがワンストップで完結できると、海外を中心に注目を集め、2018年のサービスリリース以来、数多くのWebサイトに活用されてきました。直近では、メルカリやサイバーエージェントなどの有名企業や、官公庁までもがSTUDIOを活用するなど、幅広い層のWebサイトを支えるプラットフォームへと進化しています。しかし、日本におけるSTUDIOのシェアはわずか「0.02%」。トレンドに敏感な都心のクリエイターからは注目を集めていたものの、地方でのシェア拡大には課題感をお持ちでした。地方企業や地域独自の課題を起業家・クリエイターが所属する共創コミュニティの力で解決するDERTAは、新潟のクリエイターや事業者と注目のSaaSをつなぐイベント「DERTA HUB(デルタハブ)」を開催しています。加えてDERTAは、新潟ゆかりのクリエイターコミュニティ「cos DERTA(コサインデルタ)」を運営しています。メンバーの数は、2023年3月時点で約150名。コミュニティ活動の一環としてクリエイター向けのイベントも毎月数回主催し、1イベントにつき平均20〜30名の参加者が集まります。STUDIO様がお持ちの課題感を受け、DERTAは今回、cos DERTAメンバーをはじめとした新潟の感度の高いクリエイターに向けてSTUDIOハンズオンイベントを開催しました。そのイベント内容をご紹介します。事前準備は完全オンライン東京に拠点を構えるSTUDIO様と新潟に拠点を構えるDERTA。チャットツール・オンライン会議でのやりとりをメインに事前準備を進めました。DERTAは、イベントの内容・タイムスケジュール設計、会場手配、新潟のクリエイターを中心としたイベント告知、当日の準備・設営・進行を担当。STUDIO様は、当日のレクチャーと資料のご準備という役割分担でイベントに臨みました。ハンズオンイベント開催2022年11月。STUDIOのデザインエンジニア・スクラムマスター 菅原孝則さんを講師にお招きし、JR新潟駅直結のシェアスペース「MOYORe:(モヨリ)」 ホールにてハンズオンイベントを開催しました。当日は、Webデザイナー・エンジニアを中心に、ディレクターやマーケター、経営者など20名を超える方が参加。前半はSTUDIOの基本的な機能をご紹介。後半は、STUDIOを用いたサイト作成から公開までを一通り体験いただきました。STUDIOの概要説明ののち、活用シーンと事例の紹介初めに、菅原さんからSTUDIOの概要や特色、運用に役立つ機能についてご説明。STUDIOの4つの特色は、「Design:デザインツールとしての側面が強いこと」「Collaborate:共同編集が可能であること」「Publish:1クリックでの公開機能を備えていること」「STUDIO CMS:CMS機能を保有していること」。他のノーコードツールと比較しながらSTUDIOの強みについて、理解を深めます。その他、はじめから組み込まれており、かつスタイリングが可能なフォーム機能やSEO対策のための見出しタグやmetaデータなど、運用に役立つ機能についてもご説明。次に、実際にSTUDIOで作成したサイトの制作事例をご紹介。さまざまな事例を見ながら、STUDIOで実現できるデザインスタイルやアニメーションの動きなどについて確認します。【ワークショップ内でご紹介のあった制作実績例】Money Forward 10周年記念サイト https://10th.moneyforward.com/大沢伸一(MONDO GROSSO)公式サイト https://www.shinichi-osawa.com/※STUDIOで作成されたWebサイトについては、事例集「STUDIO Showcase(https://showcase.studio.design/ja」に多数掲載されております。操作方法のレクチャーと実践続いて、菅原さんが実際にSTUDIOの編集画面を操作しながら各機能の操作方法をレクチャー。その後、参加者の皆さんには実際にSTUDIOでのサイト制作を体験いただきました。例えば、画面上にボックス型の要素を配置するレイアウト手法「ボックスレイアウト」においては、ボックスの上に画像やテキストを重ねる、といった簡単な操作からはじめ、それができたら次のステップ、といった形でワークショップを段階的に進めました。参加者が作業をしている間、菅原さんやDERTAメンバーは会場内を巡回。手が止まっている方や不明点がありそうな方に積極的に声をかけるなど、全ての参加者がワークショップの内容についていけるような体制で実施。最後の質問コーナーでは、レクチャーの中では紹介がなかった応用的な機能に関する質問や、サイト作成におけるコツやおすすめの勉強法などについて、参加者からの熱心な質問が飛び交いました。参加者の声これまでhtmlやcssで四苦八苦しながら作成していた画面を直観的な操作で作成できると知ることができ、STUDIOの便利さを学ぶことができた。面白かった。最初はSTUDIOのアカウントを作っていただけで「どう使うか」がわからなかったので、実際の利用イメージがわいてよかった。これまでSTUDIOで制作を試みたことはあったが、よく理解できていない部分が多くあった。しかし今回、直接話をお伺いでき、理解を深めることができた。大変満足。わからないことを聞けたので良かった。これからサイト制作の仕事を始めたかったので魅力的なイベントだった。XD、Figmaをいじる感覚でサイト制作ができてしまう、ノーコードツールはすごいと感じた。お客様の声様々な業界や職種の方々が参加されたワークショップには、特にDERTA HUBのチームメンバーの熱心さが際立ちました。参加者が有意義な時間を過ごせるよう、細やかな配慮をしてくださり、準備段階から当日まで、丁寧で迅速な対応には心強さを感じました。ワークショップ自体は、初めて使うツールでWebサイトを作るという少々ハードな内容でしたが、DERTA HUBのチームメンバーのフォローにより滞りなく進めることができました。また、私自身がSTUDIOの開発メンバーであり実地で初期ユーザーがつまづいているポイントを目視・体感できたことは、製品開発上においても大いに有益でした。現在も、DERTA HUBのチームメンバーと参加者との交流が続いています。今後も新潟で何か出来れば幸いです。Creditディレクション・デザイン:須貝美智子イベント運営:坂井俊、丸山太一、永井大地、岩切健一郎