Handsontable

Handsontableの画面変更に合わせて、キーボード操作や読み上げ、配色を設計・検証し、アクセシビリティの問題修正まで進めるスキル。

• 操作しやすいメニューやダイアログの追加
• キーボード操作とフォーカスの確認
• axeスキャンの指摘を修正したいとき

Handsontableの公開版とローカルの変更版を比べるHTMLページを作り、不具合の再現や修正、新機能の動作を手動で確認するスキル。

• 不具合の最小再現ページ作成
• 公開版とローカルの修正を比較したいとき
• プルリクエスト用の手動テストページ作成

HandsontableのAngular向けラッパーを開発・修正するために、設定更新や破棄処理、変更検知の負荷を抑える実装、サンプル作成とテストの規約を案内するスキル。

• Angularの設定反映を修正したいとき
• 表操作に伴う変更検知の見直し
• サンプルをStandaloneへ更新したいとき

Handsontableのセル表示を変えるレンダラーの作成・修正を支援し、標準のセル設定や安全な文字列表示、アクセシビリティ、描画性能を考慮するスキル。

• 独自のセル表示を作りたいとき
• 文字列やHTML表示の安全性確認
• 描画後の行高の変化を調べたいとき

Handsontableの操作を実ブラウザで確かめるPlaywrightテストを作成・修正し、画面操作の整理や安定した待機、テーマ別の検証を支援します。

• キーボード操作やセル編集の検証
• 不具合修正の再発防止テスト
• テーマや配布ファイル別の動作確認

Handsontableのセル入力を検証する関数を作成・修正するスキルです。空欄の扱い、非同期の判定結果の返し方、セル情報の参照や登録方法を案内します。

• 独自のセル入力ルールを作りたいとき
• 空欄と非同期検証の見直し
• 未選択セルのドロップダウン検証

Handsontableのプラグインを新規作成・改修するスキルです。有効化と無効化、設定やフックの追加、他プラグインとの競合、UIのフォーカス管理を扱います。

• 新しいプラグインを作りたいとき
• 設定やイベントフックの追加
• 有効化・無効化・設定更新の見直し

ローカル開発中のページや公開URLをBrowserStackで開き、Android・iOSの実機や指定したデスクトップブラウザで動作確認する準備を支援します。

• ローカルページのAndroid実機確認
• iPhoneやiPadのSafariで確認
• 指定デスクトップブラウザでの確認

Handsontableの画面文言を多言語対応の仕組みに組み込みます。翻訳キーや言語ファイルの追加、右から左への表示、日本語入力や地域別の小文字変換も扱います。

• メニュー文言を多言語対応にしたいとき
• 言語ファイルや複数形表現の追加
• アラビア語・ペルシア語の表示確認

Handsontableの開発で使うNode.jsのスクリプトや共通モジュールを、標準機能と非同期処理で整え、OS間の違いにも対応するスキル。

• ビルドスクリプトや共通モジュールの作成
• OS依存のシェル処理を置き換えたいとき
• tasks.jsonへのタスクと依存関係の登録

Handsontableの描画や操作の速度を測るテストの追加・修正を支援します。計測区間の設計から基準値との比較、PR向けレポートの作成まで扱います。

• 機能の性能テストを追加したいとき
• フィルタや並べ替えの速度調査
• PRで性能の変化を比較したいとき

Handsontableの変更をレビューに出すため、ブランチ命名、事前テスト、ドラフトPRの作成・更新、変更履歴の追加をプロジェクトの規則に沿って進めるスキル。

• 機能や文書の変更をレビューに出すとき
• PR説明文とテスト根拠の更新
• PR作成後の変更履歴追加

Handsontableのコードを整理する際に、プラグインの責務分割、描画処理の最適化、構文の更新を案内し、既存APIや設定との互換性を守るための確認点を示すスキル。

• 大きなプラグインを分割したいとき
• 大量更新時の描画処理の見直し
• 非公開フィールドやコールバックの更新

表の表示状態をPlaywrightで撮影し、reg-suitで基準画像と比較するテストを作成します。状態確認やデモ追加、テーマ・ブラウザ別の検証方針も扱います。

• UI変更後の表の見た目を確認したいとき
• 新機能の画像テストを追加したいとき
• テーマやブラウザ間の表示比較

Handsontableの行・列の位置を表す3種類のインデックスを使い分け、並べ替えや非表示、列移動に伴う位置ずれの調査と修正を支援するスキル。

• 行や列の位置ずれを調べたいとき
• 元データと表示位置を変換したいとき
• フィルターと列移動を併用したいとき

Handsontableの変更に対し、要件に沿ったテストの作成・修正・レビューを支援し、失敗の再現から修正後の実行確認まで、期待する動作を確かめるスキル。

• 不具合を失敗するテストで再現したいとき
• コードと期待結果の誤りを見極めたいとき
• 検証内容の妥当性をレビューしたいとき

HandsontableのReact向け部品を修正する際に、設定更新時の選択保持や独自エディター、型定義と入力補完を確認する開発用スキル。

• props変更時もセル選択を保ちたいとき
• 独自セルエディターの開発
• HotTableとHotColumnの入力補完修正

Handsontableのドキュメントに載せるコード例を作成します。TypeScriptを元にJavaScript版を生成し、React・Angular・Vue向けの例も整えます。

• 機能ガイドにコード例を追加したいとき
• 複数フレームワーク向けの例の作成
• TypeScriptからJavaScript例の生成

Handsontableのガイドページを所定の形式で作成・更新するスキル。ページ情報や見出し、フレームワーク別のコード例、サイドバー登録まで整えます。

• 新機能のガイドを追加したいとき
• 既存ガイドの本文とページ情報の更新
• フレームワーク別コード例の掲載

ソースコードの変更に必要な変更履歴を判断し、利用者に伝わる説明と変更区分を整え、PR番号に対応したJSON形式の履歴ファイルの作成を支援します。

• 不具合修正の変更履歴作成
• 新機能や挙動変更の分類
• 互換性変更と代替方法の説明

Handsontableのコード変更を、設計・品質・性能・アクセシビリティ・テストの観点で確認します。問題の重大度と確信度、該当行を添えてレビューをまとめます。

• HandsontableのブランチやPRのレビュー
• 本体変更の前や実装中の設計確認
• キーボード操作や性能面の確認

HandsontableのテーマやCSSを変更するときに、変数の互換性、セルの余白、文字やアイコンの表示、テーマ設定値の追加手順を確認するスキル。

• スクロールに影響せず余白を調整したいとき
• テーマトークンの追加・名称変更
• 埋め込み先のCSSによる文字崩れの修正

Handsontable本体の不具合修正や機能追加に向け、設計・型定義・拡張機能の実装規約を整理し、作業に合う専門スキルと必要な検証手順を案内するスキル。

• 表本体の不具合を調べたいとき
• プラグインや編集機能の追加
• TypeScriptの型と型キャストの見直し

Handsontableの既存E2Eテストを保守するスキルです。Jasmine／Puppeteerでの非同期処理やテーマ共通の検証、不安定なテストの移行方針を扱います。

• 既存のJasmineテストを修正したいとき
• テーマ差による検証失敗の修正
• マウス・キー・タッチ操作の検証