ノーコードWeb制作プラットフォーム「STUDIO」は2025年8月31日、デザインエディタのメジャーアップデートとなる「Editor 5.0 Beta」を公開したことを発表しました。今回のアップデートは「自由と制約のあいだにある、新しいキャンバスへ」をコンセプトに、よ…

STUDIOでcssを使用して、時間経過とともにグラデーションの背景色を変化させる方法をご紹介します。 背景の作成 ボックスツールを使用して、背景を作成します。･横幅：100% 縦幅：1flex※css内でサイズ指定を行っているので、横幅と縦幅は任意のサイズで構い…

STUDIOでcssを使用して、時間経過とともに背景色を変化させる方法をご紹介します。 背景の作成 ボックスツールを使用して、背景を作成します。･横幅：100% 縦幅：1flex CSSの設定 ボックスの項目から「Blank」を画面に配置します。右側の設定画面を表示させ…

STUDIOでウネウネと動く液体シェイプをCSSを使って、表現する方法をご紹介します。 球体の作成 ボックスツールを使用して、球体を作成します。 CSSの設定 ボックスの項目から「Blank」を画面に配置します。右側の設定画面を表示させ、埋め込みコードに以下の…

「未来総合会計事務所」と言う架空のサイトをSTUDIOで制作。サイト構成の他、全てのページの原稿をChatGPTで用意しました。

Figma上で作成されたWebサイトのワイヤーフレームをプラグイン「Figma to STUDIO（Beta）」を経由して、STUDIOにインポート。これによって、ある程度の段階までは、自動的にレスポンシブ対応のページが作成されるようになりました。 Figmaのワイヤフレームを…

学習用にPhotoshopで作成されたレイアウトファイルを『STUDIO』でWebページに再現（基準、スモール、タブレット、モバイル、ミニの5サイズ）。 【2023.09.13】トップページを作成