連携概要
連携により、STUDIOに存在するユーザーの以下のデータがAdminaに連携されます。
・ユーザー名
・メールアドレス
・従業員 または 外部アカウント
・STUDIOの権限（ロール）
・ステータス
また、STUDIO上に退職者アカウントが存在した場合にアラート機能が作動します。
・ユーザー名
・メールアドレス
・従業員 または 外部アカウント
・STUDIOの権限（ロール）
・ステータス
また、STUDIO上に退職者アカウントが存在した場合にアラート機能が作動します。
サービス詳細
STUDIOは、ノーコードで誰でも自由自在にデザインできるWebサイト制作ツールです。テンプレートやコードを使わず直観的にレイアウトを作成しアイデアに柔軟に答えるパワフルなデザインエディタ―、フォームの設置は書体やアニメーションまでこだわれます。デザインやコーディングのスキルがなくても、制作を進めることができるため、誰もが魅力的なWebサイトやアプリを制作することが可能です。作成したサイトは、1クリックで簡単に公開できます。また、チームでコンテンツ作成でき、SEOはコンテンツごとに最適に設定が可能です。コードやプログラミング知識がなくてもWebサイト制作をすることができるSTUDIOを用いて、最高の体験をご提供します。
・デザインエディタ
・SEO最適化
・CMS
・ホスティング機能
・豊富なデザインフォーム
1. インターフェースデザイン:
ドラッグアンドドロップエディタ: 要素を選択してドラッグ＆ドロップするだけで、ウェブページのレイアウトを簡単に構築できます。 リアルタイム編集: デザインを行いながら、リアルタイムでプレビューしながら作業ができます。
2. コンポーネントライブラリ:
事前に用意されたコンポーネント: ヘッダー、フッター、ボタン、フォームなど、多彩なコンポーネントを選択して使用できます。 カスタムコンポーネント: 必要に応じてカスタムのコンポーネントを作成して再利用できます。
3. スタイリングとデザイン:
テキストとフォントスタイル: テキストの装飾やフォントスタイルをカスタマイズできます。 カラースキーム: ウェブサイト全体のカラースキームを設定し、一貫性のあるデザインを実現できます。
4. リアクティブデザイン:
デバイスプレビュー: レスポンシブデザインを確認するため、デスクトップ、タブレット、スマートフォンのプレビューが可能です。
5. アニメーションとトランジション:
要素のアニメーション: フェード、スライド、ズームなどのアニメーションを要素に追加できます。 トランジション: ページ間のスムーズなトランジション効果を設定できます。
6. データの統合:
外部サービスとの連携: APIを使用して外部のデータやサービスを統合できます。 フォームと入力: ユーザーからの入力を収集し、データを受け取るフォームを作成できます。
7. ホスティングとデプロイ:
ドメインの接続: カスタムドメインを設定して、ウェブサイトを公開できます。 ホスティング: 作成したウェブサイトをホスティングしてオンライン上で公開できます。
ノーコードの特性を活かして、Webサイトのデザインから開発までのプロセスを簡素化し、誰もが美しいウェブサイトやアプリを作成できるよう支援するツールです。コーディングのスキルがなくても、インタラクティブなウェブプロジェクトを自由にデザインできるため、デザイナーや開発者以外の人々にもアクセス可能なツールとなっています。
・Free 0円/月
・Starter 1,290円/月
・CMS 2,480円/月
・Business 5,680円/月
STUDIOの使い方や操作方法をご紹介します。
アカウント作成とプロジェクトの開始:
STUDIOの公式ウェブサイトにアクセスし、アカウントを作成します。 ダッシュボードにログインしたら、新しいプロジェクトを作成します。
レイアウトとコンポーネントの追加:
プロジェクトを選択して、デザインエディタを開きます。 ドラッグアンドドロップでコンポーネント（ヘッダー、テキストボックス、ボタンなど）を配置し、ページの基本的なレイアウトを作成します。テキスト、画像、ボタンなどの要素を自由に制作をし、デザインを調整して一貫性のある外観を実現できます。
スタイリングとデザイン:
コンポーネントを選択して、テキストのスタイルやカラー、背景画像などをカスタマイズします。 グローバルなカラースキームを設定し、一貫性のあるデザインを保ちます。
リアクティブデザインの確認:
デバイスのアイコンをクリックして、デスクトップ、タブレット、スマートフォンなどのプレビューを切り替えます。 各デバイスでの表示を確認し、必要に応じてレイアウトやスタイルを調整します。
アニメーションとトランジションの追加:
要素を選択し、アニメーションやトランジションを設定します。例えば、フェードインやスライドなどのエフェクトを追加できます。
フォームの作成とデータの収集:
フォームコンポーネントを追加して、ユーザーからの情報を収集するフォームを作成します。 必要な情報をフォームに追加し、送信されたデータを受け取るための設定を行います。
プレビューとテスト:
制作を完了したらプロジェクトをプレビューしてテストし、必要に応じて調整を行います。プロジェクト全体をプレビューして、デザインや機能が正しく表示されるか確認します。テスト環境での動作を確認し、修正が必要な部分を特定します。
ホスティングと公開:
カスタムドメインを設定して、Webサイトを公開する準備をします。 STUDIOのホスティングオプションを選択し、Webサイトをオンライン上で公開します。
「STUDIO」はノーコードの特性を活かして、デザイナーや開発者のスキルがなくても、直感的にWebサイトやアプリを作成できるツールです。個人や制作会社が制作を容易にするための優れたステムを提供しております。制作会社のニーズに合わせた機能と柔軟性があります。各ステップでコンポーネントを配置し、スタイルを調整し、必要な機能を追加することで、自由にデザインを行うことができます。制作を通じて、魅力的なデザインと機能を持つウェブプロジェクトを実現することができます。
STUDIO 機能一覧
・デザインエディタ
・SEO最適化
・CMS
・ホスティング機能
・豊富なデザインフォーム
機能詳細
STUDIOはノーコードのWebサイト制作ツールであり、デザインの知識やプログラミングのスキルがなくても、誰でも直感的にウェブサイトやアプリを自由自在にデザイン・構築できるツールです。1. インターフェースデザイン:
ドラッグアンドドロップエディタ: 要素を選択してドラッグ＆ドロップするだけで、ウェブページのレイアウトを簡単に構築できます。 リアルタイム編集: デザインを行いながら、リアルタイムでプレビューしながら作業ができます。
2. コンポーネントライブラリ:
事前に用意されたコンポーネント: ヘッダー、フッター、ボタン、フォームなど、多彩なコンポーネントを選択して使用できます。 カスタムコンポーネント: 必要に応じてカスタムのコンポーネントを作成して再利用できます。
3. スタイリングとデザイン:
テキストとフォントスタイル: テキストの装飾やフォントスタイルをカスタマイズできます。 カラースキーム: ウェブサイト全体のカラースキームを設定し、一貫性のあるデザインを実現できます。
4. リアクティブデザイン:
デバイスプレビュー: レスポンシブデザインを確認するため、デスクトップ、タブレット、スマートフォンのプレビューが可能です。
5. アニメーションとトランジション:
要素のアニメーション: フェード、スライド、ズームなどのアニメーションを要素に追加できます。 トランジション: ページ間のスムーズなトランジション効果を設定できます。
6. データの統合:
外部サービスとの連携: APIを使用して外部のデータやサービスを統合できます。 フォームと入力: ユーザーからの入力を収集し、データを受け取るフォームを作成できます。
7. ホスティングとデプロイ:
ドメインの接続: カスタムドメインを設定して、ウェブサイトを公開できます。 ホスティング: 作成したウェブサイトをホスティングしてオンライン上で公開できます。
ノーコードの特性を活かして、Webサイトのデザインから開発までのプロセスを簡素化し、誰もが美しいウェブサイトやアプリを作成できるよう支援するツールです。コーディングのスキルがなくても、インタラクティブなウェブプロジェクトを自由にデザインできるため、デザイナーや開発者以外の人々にもアクセス可能なツールとなっています。
STUDIO 料金プラン
・Free 0円/月
・Starter 1,290円/月
・CMS 2,480円/月
・Business 5,680円/月
使い方
STUDIOの使い方や操作方法をご紹介します。
アカウント作成とプロジェクトの開始:
STUDIOの公式ウェブサイトにアクセスし、アカウントを作成します。 ダッシュボードにログインしたら、新しいプロジェクトを作成します。
レイアウトとコンポーネントの追加:
プロジェクトを選択して、デザインエディタを開きます。 ドラッグアンドドロップでコンポーネント（ヘッダー、テキストボックス、ボタンなど）を配置し、ページの基本的なレイアウトを作成します。テキスト、画像、ボタンなどの要素を自由に制作をし、デザインを調整して一貫性のある外観を実現できます。
スタイリングとデザイン:
コンポーネントを選択して、テキストのスタイルやカラー、背景画像などをカスタマイズします。 グローバルなカラースキームを設定し、一貫性のあるデザインを保ちます。
リアクティブデザインの確認:
デバイスのアイコンをクリックして、デスクトップ、タブレット、スマートフォンなどのプレビューを切り替えます。 各デバイスでの表示を確認し、必要に応じてレイアウトやスタイルを調整します。
アニメーションとトランジションの追加:
要素を選択し、アニメーションやトランジションを設定します。例えば、フェードインやスライドなどのエフェクトを追加できます。
フォームの作成とデータの収集:
フォームコンポーネントを追加して、ユーザーからの情報を収集するフォームを作成します。 必要な情報をフォームに追加し、送信されたデータを受け取るための設定を行います。
プレビューとテスト:
制作を完了したらプロジェクトをプレビューしてテストし、必要に応じて調整を行います。プロジェクト全体をプレビューして、デザインや機能が正しく表示されるか確認します。テスト環境での動作を確認し、修正が必要な部分を特定します。
ホスティングと公開:
カスタムドメインを設定して、Webサイトを公開する準備をします。 STUDIOのホスティングオプションを選択し、Webサイトをオンライン上で公開します。
「STUDIO」はノーコードの特性を活かして、デザイナーや開発者のスキルがなくても、直感的にWebサイトやアプリを作成できるツールです。個人や制作会社が制作を容易にするための優れたステムを提供しております。制作会社のニーズに合わせた機能と柔軟性があります。各ステップでコンポーネントを配置し、スタイルを調整し、必要な機能を追加することで、自由にデザインを行うことができます。制作を通じて、魅力的なデザインと機能を持つウェブプロジェクトを実現することができます。
SaaS一元管理マネーフォワードAdminaと連携可能
STUDIOの使い方
STUDIOの使い方は下記をご参照ください。
アカウントの作成
STUDIOを利用するには、公式サイトからアカウントを作成する必要があります。登録は無料で、GoogleアカウントまたはFacebookアカウント、メールアドレスで行うことができます。
デザインの作成
STUDIOは直感的で簡単に使えるデザインツールです。左側のツールボックスからデザイン要素をドラッグ＆ドロップして配置することができます。画像ボックスの大きさを変更します。画像やテキストの追加も行えます。スタイルの設定やレイアウトの変更も簡単に行うことができます。
ページの追加
ページを追加するには、右上にある[追加][複製]をクリックします。ページの名前を入力し、作成します。
ページのプレビュー
作成したページをプレビューするには、右上の[ライブプレビュー]ボタンをクリックします。
公開
タイトルやドメインなどの項目を入力します。作成したページを公開するには、右上の「公開する」ボタンをクリックします。