最後にSTUDIOとはSTUDIOは作成したデザインをそのままWEBに公開ができるというコンセプトの新しいデザインツールです。コードを書かずにデザインからコーディング、そしてサイト公開までがワンストップでできるシンプルかつ直感的なサービスコンセプトです。2019年7月には資金調達のニュースも2019年7月には1.3億円の資金調達が話題になりました。業界を代表するトップデザイナーが集結。TIMES業界を代表するトップデザイナーが集結。11時00分)業界を代表するトップデザイナーが集結。GUILD、PARTYなど日本を代表するデザインのビッグネームが参画しています。コンセプトビデオもかっこいいこちらSTUDIOのコンセプトビデオです。(あえてVimeoで作っているあたりデザインドリブンな姿勢を感じます!)STUDIOの特長それでは早速STUDIOの特長をご紹介します。GUILD、PARTYなど日本を代表するデザイン会社が名を連ねていることからも、よりデザイン性が強く、でもユーザビリティの高いサイトを作ることができます。優れたデザイン×直感的な使用感がSTUDIOの良さといえるでしょう。直感的にサイトデザインが作れるSTUDIOは実際のwebサイトに使用されている「ボックスモデル」というモデルを利用したサービスです。ちなみに、ボックスモデルとは、HTMLやXHTMLで定義された要素は全て長方形のボックスの中に納められているという考え方を指し、サイト作りの基本的な思考です。参考:ボックスモデルSTUDIOは直感的なドラッグ&ドロップでボックスを生成し、かつ柔軟にレイアウトを作っていくことができます。コーディング作業不要のシンプルさコーディングいらずでサイトデザインから公開までを行うことができます。エンジニアリングの知見がなくてもサイトを公開することができることは非常に心強いですね。画像検索機能が充実STUDIOには画像検索機能が付いています。美しい画像を他のストックサービスを使わずとも瞬時に得ることができます。外部サービスの埋め込みも楽!iframeでYouTubeやVimeoなどの動画サービス、Googleマップなどの地図サービスや、Googleスライドなどのスライドサービスなど各種サードパーティサービスの埋め込みが簡単です。STUDIOの始め方それではSTUDIOの始め方を説明します。登録は無料こちらのサイトから無料で登録ができます。登録には以下の情報が必要です。Facebook接続でも簡単に登録ができます。入力が完了するとすぐにチュートリアルに移ります。このスピード感、気持ちいいです!4ステップで基本的な操作を体験することができます。画面では次に何をすればよいのか手とり足とり指示をしてくれるのでほとんど迷うことなくチュートリアルを進めることができます。チュートリアルが終わると実際にサービスを使うことができます。使い方に迷った時はチュートリアル記事があるため、こちらを見ると解決が近づきそうです。https://help.studio.design/en/collections/1532967-%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%ABSTUDIOの基本的な使い方STUDIOは「プロジェクト」の単位で制作をします。デザインを作る時は、新しいプロジェクトを作ります。テンプレートが選べる白紙状態から始めることもできますし、豊富かつカッコいいテンプレートから選ぶこともできます。テンプレートはSTUDIO提供以外に第三者のデザイナーが提供しているものもあります。非常にエッジが立っているのでご自身の作りたいサイトのコンセプトに合わせてテンプレートを選びましょう。好きなテンプレートを選んでプロジェクトに名前をつけます。非常に直感的ですので、ダブルクリック、ドラッグ&ドロップを繰り返すとサイトがどんどんできていきます。触って説明をみれば作れるレベル感です。右上のライブプレビューボタンを押すと、サイトをステージング環境のように見ることができます。スタートをおすと専用のURLが作られます。スマホでもすぐに確認することができます。サイトを公開さらに右上のグローバルメニューでサイト公開を押すと、すぐにサイトの公開作業ができます。いった風にSTUDIOとわかるドメインのサブドメイン的な扱いとしてサイトを作ることができます。独自ドメインの接続を希望する場合は、月額9ドルのアップデートが必要となります。公開を押すとサイトがパブリッシュされました!感覚としては「すごい簡単」の一言に尽きます。使って見ると、サイトコピーの通り、面倒なコーディングいらずで直感的にサイトデザインをすることができます。実際のサイト運用を考えた時は更新やデータ取得の観点などまだまだ未知数ではありますが、例えばサービスのプロトタイプ作りなどには非常に重宝しそうです。2019年中にはブログサービスの公開も?STUDIOのプレスリリースによると、2019年内にブログ機能やアニメーション機能などをリリースし、作成出来るWebサイトの幅を圧倒的に拡大させていくと宣言されています。ユーザビリティの高いデザイン制作機能を保持しながらブログも展開できるとは、展開が楽しみです。最後にまさに、コードいらずでデザインができるSTUDIOは非常にこの先の展開も楽しみなサービスといえるでしょう。ユーティリーでは、STUDIOのような新しいツールや仕事に役立つユーティリティーツールを紹介しています。よろしければ以下のまとめ記事をご覧ください。Usユーティリーについてユーティリーは、”はかどる”をコンセプトにしたWEBメディア。コンフルエンスやJIRAなどお仕事の生産性を高めるためのお役立ちサービス=ユーティリティサービスを紹介します。U-TILLYホームシェアメニューTOPへ。