Embedコード編集がアップデート。AIを搭載し、プロンプトひとつで高度な表現が可能に

StudioのEmbedコード編集機能がアップデートされました。
AIを搭載した「Embed Code AI」により、プロンプトひとつでコードの生成・編集が可能になります。これまで専門的な知識が必要だった高度な表現も直感的に実装でき、コードに縛られることなく、思い描いた表現をすばやくかたちにできます。

デザインの自由度を拡張する 「Embed Code AI」

アニメーション背景、カードのフリップアニメーション、カウントダウンタイマーなど、これまでStudioでの実装にハードルがあった表現も、自然言語で指示するだけで簡単に作成。

1. ゼロベースからの自動生成
ゼロベースからプロンプトだけでコードを生成できます。 例えば、「パーティクルの背景アニメーションを作って」と指示すれば、「Embed Code AI」によってコードが瞬時に書き出され、プレビューに反映されます。
生成されたコードは、「保存」をクリックするだけで、そのままエディタ上の埋め込みBoxに適用可能です。

2. 既存コードの直感的な編集
コードの修正も、AIに依頼するだけで簡単に実行できます。 「背景色を変更して」「アニメーションの速度をもっとゆっくりにして」といった指示で、自動的に調整が完了。
また、「スマホで見たときに文字サイズを小さくして」といった、埋め込みコード部分のレスポンシブにも対応可能です。

Embed コード編集UIがアップデート

デザインエディタ内の Embed コード編集UIもアップデートより広い画面で、埋め込みコードの編集がしやすくなりました。
また、埋め込みコードのプレビューも、StudioのEmbed コード編集画面でリアルタイムにご確認いただけます。

関連するヘルプ記事

• StudioのAI機能

• Embed（埋め込み）ボックス

※注意：AI機能や、独自に記述したコードや外部サービスが提供するコードの内容および動作についてチャット窓口でのサポート対象外となる可能性があります。Studioコミュニティで過去の投稿を参考したり質問の投稿もご検討ください。