WEBデザイン

STUDIO

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

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

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

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

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

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

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

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

【デザイン例あり】STUDIOで作成した美しいUIボタン紹介

前回の記事では、ノーコード開発ツールSTUDIOの魅力と可能性を深掘りし、その使いやすさや多機能性について解説しました。今回は、その続編として、STUDIOで作成可能なUIボタンにスポットを当て、どのようにしてより魅力的でユーザーフレンドリ...