【製品紹介】Bootstrap Studio | ドラッグ&ドロップ操作のWebデザインツール

ユニポスWEBサイトに、ドラッグ&ドロップで操作する、レスポンシブWebのデザインツール「Bootstrap Studio」 のページを追加しました。

Bootstrap Studio Introduction

 

Bootstrap Studio は 世界的に人気のあるWebフレームワークである「Bootstrap」をベースとした、レスポンシブWebサイト・Webアプリケーションのデザインやプロトタイピングのためのデスクトップアプリケーションです。

カスタム可能なテンプレートや多数のビルトインコンポーネントが含まれており、 ドラッグ&ドロップのシンプルな操作でレスポンシブWebページを設計することができます。 また必要に応じて html や css のコード編集も可能です。

なお Bootstrap Studio上で構築したWebページは、クリーンでセマンティックな html および css へとエクスポートすることができます。

Bootstrap Studio の特徴

シンプル操作のインターフェース

利用可能なコンポーネント一覧がまとめられた「コンポーネントパネル」から、デザインしたWebページをライブプレビュー表示する「ステージパネル」へ、利用したいコンポーネントをドラッグ&ドロップするだけのシンプルな操作で、直感的にWebページを設計することができます。

レスポンシブWeb構築のためのテンプレート

Bootstrap Studio には、カスタマイズ可能かつ完全レスポンシブなテンプレートが多数用意されています。Start Bootstrap でも提供されているLPを想定した1ページデザインやポートフォリオページデザインの他、複数のページで構成されたWebサイト構築向けのテンプレートも用意されています。

多数の洗練されたコンポーネント

洗練されたデザインの ヘッダー、フッター、ギャラリー、スライドショー、サイドバー等のUIコンポーネントの他、span や div などの基本的な要素もドラッグ&ドラッグで利用できるコンポーネントとして用意されています。また、コミュニティによって構築されたコンポーネントが共有されている「オンライン・ライブラリー」も利用することが可能です。

その他

  • リアルタイムプレビュー機能
  • コード編集のための各種機能
  • ワンクリック公開機能
  • Bootstrap 3/4/5 対応
  • Googleフォント対応 …等

 

ライセンスについて

Bootstrap Studio は永久ライセンスです。

アプリケーション自体は無期限でご利用いただけますが、付随機能である「Bootstrap Studio Sites (Web Hosting)」「Smart Forms」の利用可能期間と、フリーアップグレード可能期間に応じて以下2種類のライセンスがございます。

■ Bootstrap Studio Standard

  • Bootstrap Studio Sites(Web Hosting) および Smart Forms 機能を1年間利用可能
  • 1年間のフリーアップグレード

■ Bootstrap Studio Lifetime

  • Bootstrap Studio Sites(Web Hosting) および Smart Forms 機能を無期限で利用可能
  • 無期限のフリーアップグレード

 

Bootstrap Studio 付随機能

Bootstrap Studio をご購入いただくと、追加費用無しに、Bootstrap Studio をより便利にご利用いただける以下の機能もご利用いただけます。

Bootstrap Studio Sites

Bootstrap Studioが提供する次世代Webサイトホスティングプラットフォーム。
作成したWebサイトを公開することができ、カスタムドメインやHTTPSにも対応しています。

詳細は以下メーカーページをご確認ください。

Bootstrap Studio Sites – Next Generation Website Hosting Platform
https://bootstrapstudio.io/sites

 

Smart Forms

ドラッグ&ドロップでWebフォームを作成することのできる機能。
フォームに入力された内容はユーザーが指定したメールアドレスに送信されます。
Recaptcha にも対応しています。

詳細は以下メーカーページをご確認ください。

Smart Forms – Create forms via drag and drop, and receive submissions straight into your inbox. No coding required!
https://bootstrapstudio.io/forms

 

Ecommerce Stores

ドラッグ&ドロップで商品リスト/商品ページ/ショッピングカートなどを備えたオンラインストアを構築することのできる機能。
購入された商品の代金は紐づけられたPayPal/Stripeアカウントで受け取ることが可能です。

詳細は以下メーカーページをご確認ください

Ecommerce – Create fully functional online stores via drag and drop, included with Bootstrap Studio for free.
https://bootstrapstudio.io/ecommerce

 

Bootstrap Studio の機能を試してみるには

Bootstrap Studio の実際の使用感をお試しいただくことができるブラウザデモが用意されています (2023年6月現在、Google Chrome ブラウザ のみに対応)。

メーカーWebトップページ 上部にある「Run Browser Demo」の青いボタンをクリックし、ご利用ください。

https://bootstrapstudio.io/