Slate の AIP 機能

以下は、Slate の AIP を活用した機能の一覧です。

名前の提案

AIP を使用して、ウィジェットや関数の名前を、それらのコンポーネントやアプリケーション内での役割に基づいて生成するのに役立てます。

ウィジェット名を生成するには、望むウィジェットを選択します。そして、右側のエディターから、プロパティ タブのアイコンを探します。ウィジェットがデフォルト名を使用している場合は、電球アイコンを選択し、そうでない場合は、... ドロップダウンメニューを選択して、名前の提案を表示 を選択して起動します。

関数名を生成するには、関数タブにアクセスし、望む関数を選択し、電球アイコンを選択します。AIP が新しい名前を提案します。チェックマークのアイコンを選択して名前の提案を受け入れるか、再読み込みアイコンを選択して別の提案を表示するか、X を選択して以前に保存した名前にリセットします。

CSS の自動補完

AIP と最新の大規模言語モデルを活用して、自然言語を CSS コードに翻訳します。望む色、形、またはウィジェットの効果を言葉で説明し、AIP が対応するコードを生成します。

アクセスするには、任意のウィジェットを選択します。次に、右側のエディターから、上部（左から二番目）のブラシアイコンを選択して、スタイルタブに入ります。

紫色の AIP 入力ボックスにリクエストを入力し、プレースホルダーに "AIP に生成を依頼..." と表示され、Arrow アイコンを選択します。

例えば、テキストボックスを選択し、AIP に "ライトブルーの背景に丸い角とパディングを追加" と依頼することができます。

リクエストはパースされ、カスタムスタイルフィールドの下に生成されます。

• 新しい提案を再生成するには、再読み込みアイコンを選択します。
• 提案を受け入れるには、チェックマークアイコンを選択します。
• 提案を無視するには、ゴミ箱アイコンを選択して以前に保存したスタイルにリセットします。

関数、イベント、スタイル

関数タブは、ボタンをクリックするだけで重要なタスクを自動化できるように、AIP への直接アクセスを提供します。

コードの自動補完

コードの自動補完は、目的に向かってコードを生成するのに役立ちます。

まず、コードエディターの右下隅から AIP の自動補完 を有効にします。

次に、望む関数の編集を続けます。コードの自動補完をトリガーするには、キーボードショートカット Option+Return（macOS）または Alt+Enter（Windows）を使用するか、コードの最初の行の左にある二重星の AIP アイコンを選択します。

コードの自動補完は、関数をパースして関連する自動生成コードを提供します。

• 提案を受け入れるには、tab を押すか、チェックマークのアイコンを選択します。
• 提案を無視するには、別のことを入力し始めるか、逆向きの矢印アイコンを選択します。

コードのリファクタリング

リファクタリングを使用して、既存のコードのパフォーマンスを向上させたり、読みやすさを向上させたりします。生成されたコードの説明も付いています。Ask AIP Assist ドロップダウンメニューから リファクタリング にアクセスできます。

---

注：AIP 機能の利用可能性は変更になる場合があり、顧客間で異なる場合があります。