mcpField
S
syncfusion-aspnetcore-smart-textarea

syncfusion-aspnetcore-smart-textarea

github.com/syncfusion開発098 回インストール3 週間前に更新
リポジトリ

syncfusion-aspnetcore-smart-textarea について

ASP.NET Core 開発者向けに、Syncfusion Smart TextArea を実装するスキルです。複数行入力の AI 補完に向けて、プロバイダー設定、提案モード、ロール設定、独自推論バックエンドを扱います。

主な機能

  1. 01リアルタイムの文章補完
  2. 02インラインとポップアップの提案
  3. 03ロールに応じた提案動作
  4. 04カスタムフレーズの提案
  5. 05Tag Helper との統合
  6. 06アクセシビリティと RTL 対応

活用シーン

  1. 01ASP.NET Core フォームへの AI 補完追加
  2. 02OpenAI、Azure OpenAI、Ollama の設定
  3. 03ユーザーロールに応じた提案調整
  4. 04独自推論バックエンドへの接続

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/aspnetcore-ui-components-skills --skill syncfusion-aspnetcore-smart-textarea

インストール後、Claude Code で/syncfusion-aspnetcore-smart-textareaを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
customization.md
features.md
getting-started.md

詳細

Syncfusion ASP.NET Core Smart TextArea

概要

Smart TextArea は、意味理解を活用して、リアルタイムの文章補完とテキスト候補を提供する、AI 搭載のインテリジェントなテキスト入力コントロールです。このスキルでは、複数の AI プロバイダー、カスタマイズ可能な候補モード、拡張可能な推論バックエンドに対応した、ASP.NET Core アプリケーションでの Smart TextArea 機能の実装方法を説明します。

Smart TextArea の機能：

  • AI による補完： OpenAI、Azure OpenAI、Ollama、またはカスタムバックエンドを使用した、インテリジェントな文章およびテキスト候補
  • 複数の候補モード： AI 候補をインラインのポップアップまたは統合表示で表示するオプション
  • ユーザーロールの設定： ロールに応じた候補の動作（student、writer、developer など）
  • カスタムフレーズ： ユーザーのコンテキストや設定に基づいた、事前定義済みのフレーズ候補
  • TextArea の全機能： フローティングラベル、検証、RTL 対応、アクセシビリティ準拠
  • タグヘルパーのサポート： Razor Pages および MVC 向けのネイティブな ASP.NET Core TagHelper 統合
  • イベントシステム： 候補の選択、値の変更、フォーカス、ブラーの各イベント

このスキルを使用する場面

次のような場合に、このスキルを使用します：

  • ASP.NET Core アプリケーションに AI によるテキスト補完を実装する
  • Smart TextArea 機能のために OpenAI または Azure OpenAI を設定する
  • Ollama またはカスタム AI 推論サービスをセットアップする
  • 候補の表示モード（インラインまたはポップアップ）をカスタマイズする
  • コンテキストを考慮した候補のために、ユーザーロールとカスタムフレーズを設定する
  • 独自の AI モデル向けにカスタム推論バックエンドを実装する
  • 複数行テキスト入力にインテリジェントなテキスト作成機能を追加する
  • Smart TextArea をフォームやコンテンツエディターに統合する

コンポーネントの概要

主な機能：

  • AI によるリアルタイムの文章補完候補
  • インラインおよびポップアップの候補表示モード
  • ロールに応じたインテリジェントな候補（Student、Writer、Developer、Custom）
  • 事前定義済みのカスタムフレーズとスニペット
  • TextArea コントロールの全機能を継承
  • 複数言語および RTL レイアウトに対応
  • イベント駆動型の候補処理
  • アクセシビリティとキーボード操作に対応

一般的なプロパティ：

  • Placeholder - デフォルトのヒントテキスト
  • Value - 現在のテキストエリアの内容
  • OpenAIKey / AzureEndpoint / OllamaUrl - AI サービスの設定
  • SuggestionMode - 候補の表示方法（'Inline' または 'Popup'）
  • UserRole - ロールのコンテキスト（Student、Writer、Developer、Custom）
  • UserPhrases - カスタムフレーズ候補
  • ActionComplete - 候補が適用されたときのイベント
  • Change - 内容が変更されたときのイベント
  • Rows / Cols - テキストエリアのサイズ
  • ReadOnly - 読み取り専用状態

ドキュメントの案内

はじめに

📄 参照： references/getting-started.md

  • 前提条件とシステム要件
  • Syncfusion.EJ2.AspNet.Core NuGet パッケージのインストール
  • AI サービス（OpenAI、Azure OpenAI、Ollama）の設定
  • Razor Pages および MVC を使用したプロジェクトのセットアップ
  • タグヘルパーの登録と設定
  • CDN スタイルシートとスクリプトのセットアップ
  • 初めての Smart TextArea の実装
  • AI による補完を使用した基本的なフォーム統合
機能と特長

📄 参照： references/features.md

  • Smart TextArea の主要な機能とプロパティ
  • 標準 TextArea 機能の継承（フローティングラベル、検証）
  • ユーザーロールの設定（Student、Writer、Developer、Custom）
  • 候補の表示と操作パターン
  • イベント処理とコールバック
  • 多言語および RTL のサポート
  • アクセシビリティ機能とキーボード操作
  • フォーム送信と値の管理
カスタマイズ

📄 参照： references/customization.md

  • 候補表示モードの設定（インライン表示とポップアップ表示）
  • ユーザーの役割とコンテキストの設定
  • カスタムフレーズとスニペットの設定
  • TextArea の外観とスタイルのオプション
  • プレースホルダーテキストとラベルのカスタマイズ
  • サイズと寸法の設定
  • イベント処理と完了時のコールバック
  • テーマと CSS クラスのカスタマイズ
カスタム推論バックエンド

📄 参照： custom-inference-backend

  • IChatInferenceService インターフェイスの実装
  • カスタム AI プロバイダーの統合
  • 依存性注入でのサービス登録
  • リクエスト／レスポンス形式の仕様
  • 想定される補完形式とレスポンス構造
  • 複雑な推論シナリオへの対応
  • カスタムバックエンドのテストとデバッグ
  • パフォーマンス最適化の戦略

コメント

Markdown 対応