✨Data Intelligence Lab@HKU✨

引用符やバッククォートを含むファイルの書き込み失敗を、Pythonの補助スクリプトで回避し、保存内容の読み戻し確認と一時ファイルの削除まで進めるスキル。

• write_fileのエラーを回避したいとき
• テンプレートリテラルを含むファイル保存
• 引用符が混在する複数ファイルの保存

大量の一覧を、画面に見える項目と前後の余裕分だけ描画する実装を支援。表示要素の再利用やスクロール処理の調整で、ブラウザーの描画負荷を抑えます。

• 数千件以上の一覧を実装したいとき
• スクロール時の描画負荷を抑えたいとき
• 一覧要素の再利用と後片付け

ディレクトリの構成と権限を確認し、複数ファイルを並列に読んでアクセス障害を調査します。TypeScriptの型の読み込みや公開用のエクスポートも点検するスキル。

• ファイル不在やアクセスエラーを調べたいとき
• 多数のソースを並列に確認したいとき
• TypeScriptの型や重複importの整理

TypeScriptの型チェックが環境エラーや時間切れで進まないときに、実際の型エラーと区別して実行手段を切り替え、検証結果を得るスキル。

• TypeScript変更後の型確認
• 環境エラーで止まった検証を再開したいとき
• 自動ワークフローへの型チェック追加

絵文字や特殊記号を含むファイルの保存に失敗した際、シェル経由の書き込みに切り替え、文字の保持・置換や保存後の確認まで進めるスキル。

• Unicodeを含む保存エラーの復旧
• 絵文字や記号入りコードを保存したいとき
• 特殊記号をASCIIに置換したいとき

ダッシュボード開発に向け、WorldMonitorの画面部品、データ取得、定期更新、API中継の設計を参照し、個人用に取り入れる構成を検討するスキル。

• WorldMonitor準拠のパネル開発
• データの定期更新設計を学びたいとき
• テーマや画面配置を参考にしたいとき

ファイルを丸ごと置き換える前に現在の内容と比較し、一致する場合は書き込みを省く手順。不要な再ビルドや更新日時の変更、キャッシュへの影響を抑えます。

• 設定ファイルを変更時だけ更新
• 生成ファイルの不要な再ビルドを抑制
• 全体置換前に差分を確認したいとき

ダッシュボードのパネルに、通信失敗時の自動再試行やエラー表示、開閉状態・サイズの保存を組み込むスキル。TypeScriptで共通クラスと個別パネルを実装します。

• TypeScriptでダッシュボードを作りたいとき
• 通信失敗時に自動再試行したいとき
• パネルのサイズや開閉状態を保存

ダッシュボードの情報パネルをTypeScriptで作り、タイトル・件数表示から読み込み中の表示、エラー時の再試行、定期更新まで実装するスキル。

• ダッシュボードに株価パネルを追加
• 読み込み表示や再試行を付けたいとき
• パネルのタイトルや件数表示の統一

ダッシュボードの表示部品とデータ取得をまとめ、読み込み中・エラー表示、再試行、キャッシュ、自動更新の動作をそろえたパネルを実装するスキルです。

• データ取得を伴うダッシュボードの開発
• 読み込み中やエラー表示の共通化
• パネルごとのキャッシュと障害対応の設定

TypeScriptでバッジやサムネイル付きのパネルUIを作る手順です。データ取得の再試行、エラー表示、開閉状態やサイズの保存も共通の基底クラスにまとめます。

• サムネイル付きニュースパネルの作成
• 情報源別の色付きバッジ追加
• パネルのサイズや開閉状態の保存

ファイルにアクセスできない原因を、ディレクトリ構成・権限・内容から調べます。複数ファイルの並列確認とTypeScriptのインポート修正も扱います。

• ファイルの欠落やパス・権限の問題を調べたいとき
• 複数のソースファイルを並列に点検したいとき
• CSSや設定ファイルの先頭と行数を確認したいとき

ダッシュボードの各パネルの定期更新を管理する実装パターンです。タブ非表示中は停止し、復帰時は対象を時間差で更新。同じパネルへの重複リクエストも防ぎます。

• パネル別に更新間隔を設定したいとき
• タブ非表示中の定期更新停止
• タブ復帰時の更新タイミング分散

予定・メール・ニュース・株価などをまとめる個人用ダッシュボードの設計資料として、各パネルのデータ源やAPI、更新間隔、開発優先順位を整理したスキル。

• 次に作るパネルを選びたいとき
• パネルのAPIとデータ構造の確認
• 予定・連絡・株価の統合画面の設計

TypeScript製ダッシュボードへのパネル追加を、APIルートから画面表示・登録まで一貫して進めるスキル。既存構成の確認、通信失敗への対処、表示状態の保存も扱います。

• サーバーと画面をまたぐパネル追加
• Expressやhttp.createServerへの接続
• キャッシュと連続失敗時の休止処理

大きなテキストファイルの保存がツールのサイズ制限で失敗したとき、保存先フォルダを作成してからrun_shellとPythonで書き込み、結果を確認する手順です。

• 保存エラーが出た大きなソースの書き込み
• 新しい深い階層へのファイル保存
• 長いJSONやMarkdownの保存

株価や企業情報、市場ニュースを取得し、株式データを扱うアプリに組み込むスキル。過去の価格データの取得や、APIキーを隠すサーバー側の中継処理も案内します。

• ダッシュボードに現在の株価を表示
• 過去の株価と出来高を取得したいとき
• 株価と企業プロフィールを並べて表示

APIからのデータ取得を専用モジュールにまとめ、キャッシュと連続失敗時の呼び出し停止を実装します。直接アクセスとサーバー経由の両方の構成を案内します。

• パネル表示とAPI取得処理の分離
• 連続失敗時のAPI呼び出し停止
• キャッシュと代替値の設定

ダッシュボードの目的から各パネルの表示内容、データ取得元、更新頻度までを整理するスキル。画面操作や外部連携の仕様も含め、設計資料にまとめます。

• ダッシュボードの要件を固めたいとき
• 各パネルのデータ元と更新頻度の整理
• 画面操作や外部連携の仕様を決めたいとき

APIからデータを取得する処理を画面から分離し、連続失敗時の呼び出し休止とキャッシュ利用を組み込み、自動更新と利用者の操作に応じて使い分けるスキル。

• 自動更新パネルのデータ取得を実装したいとき
• 障害中のAPIへの連続呼び出しを抑えたいとき
• 生成操作と自動更新のエラー処理を分けたいとき

既存のソースコードから設計パターンや実装の要点を抽出し、構造の解説、コードテンプレート、利用例を備えた再利用可能な学習用のSKILL.mdにまとめます。

• 参考実装から教材を作りたいとき
• 再利用できる実装パターンの文書化
• 利用例付きコードテンプレートの作成

ダッシュボードや管理画面に新しいパネルを追加する際、既存コードの設計に合わせて、API・処理ロジック・画面・登録設定・スタイルを一通り実装するスキル。

• ダッシュボードにパネルを追加したいとき
• サーバーと画面をまたぐ機能の実装
• 既存パネルの設計に合わせたいとき

既存のコードを調べ、画面部品やデータ取得、APIなどに共通する設計を抽出し、別のプロジェクトや新しいスキルの材料に使える構造化した説明にまとめるスキル。

• 大規模なコードの構成を理解したいとき
• 画面部品やサービスの共通設計の抽出
• 既存の開発規約を新規開発に使いたいとき

コードや設定、文書を含むプロジェクトを、制作完了後の独立した工程でZIPにまとめます。アーカイブの存在と内容を確認し、保存場所と同梱内容まで報告するスキル。

• 完成したコード一式のZIP納品
• ダウンロード用プロジェクトの梱包
• 複数ファイルの成果物をまとめたいとき