STUDIO

STUDIO

【STUDIO】GASと連携した自動応答メールシステムの構築方法

今回はSTUDIOで作成したお問い合わせフォームからの問い合わせへ自動で添付ファイル付きメールを送信する方法をご紹介します。この記事では、STUDIOとGoogle App Scriptの連携により、効率的かつ迅速にお問い合わせへ対応する方...
STUDIO

【STUDIO】カスタムコードを用いたユニークなアニメーション例

WEBデザインにおけるアニメーションの効果は計り知れません。STUDIOのカスタムコードを駆使することで、単なる情報の提示から一歩踏み出し、訪問者に記憶に残る体験を提供することができます。今回は、WEBサイトのタイトルや見出しに活用できるよ...
STUDIO

【STUDIO】カスタムコードを用いたローディングアニメーション

Webデザインの世界では、細部にこだわることが重要です。特に、ウェブサイトのローディングアニメーションは、訪問者の最初の印象を大きく左右します。この記事では、STUDIOのカスタムコードを使って、魅力的なローディングアニメーションを作成する...
STUDIO

【STUDIO】カスタムコードを使ったインタラクティブな表示例

ウェブデザインの世界では、ユーザーの目を引きつけるために革新的な方法が常に求められています。今回は、STUDIOのカスタムコード機能を使用して、ウェブサイトにインタラクティブなテキストエフェクトを追加する方法をご紹介します。このテクニックは...
STUDIO

【STUDIO×Switch Bot】WEB画面のUIボタンからBotを操作

今回の記事では、STUDIOで作成したウェブサイトのUIボタンを使って、Google Apps Scriptを活用し、SwitchBotのAPIを簡単に叩く方法を紹介します。初心者でも簡単にスマートホームデバイスを自在に操れるようになるため...
STUDIO

【Unity & STUDIO】Unityの作成物をWEBサイトに実装する方法

前半の記事では、Unityを使ってドロップダウンリストで選択したオブジェクトの色をボタン操作で変更する方法を紹介しました。この記事では、そのUnityプロジェクトをWebGL形式でビルドし、ロリポップサーバーにアップロードするプロセス、そし...
STUDIO

【Unity & STUDIO】ドロップダウンでオブジェクトの色を変更!

ウェブサイトやアプリケーションにおいて、ユーザーインタラクションは重要な要素です。今回はUnityを使って、ユーザーにUIボタンが押された時、ドロップダウンで指定されているオブジェクトの色を変更していくようなシーンを作成します。最終的にはこ...
STUDIO

【デザイン例あり】STUDIOのカスタムコードで活用方法を解説!

前回までの記事では、STUDIOを使ったUIボタンの作成やTOPページの構築方法をご紹介しました。今回はさらに一歩踏み込んで、カスタムコードを使ったデザイン作成について深掘りしていきます。また、記事の最後には、私がココナラで提供しているサー...
STUDIO

【デザイン例あり】STUDIOで作れるハンバーガーメニュー紹介

モバイルファーストのデザインが主流となる現代において、ハンバーガーメニューはウェブサイトのナビゲーションをスマートかつスタイリッシュに提供する重要な要素です。この記事では、ノーコードツール「STUDIO」を使用して、効果的なハンバーガーメニ...
STUDIO

STUDIOで作成したTOPページ紹介:カルーセルとLottieの活用法

前回はSTUDIOで作成する美しいUIボタンに焦点を当てましたが、今回はより大きなスケールで、STUDIOを使ってどのように魅力的なウェブサイトのトップページをデザインできるのかを解説します。カルーセル機能とLottieとの連携を駆使して、...