ホーム
機能集
190 件 / コード掲載 142 件 01
UI部品78 functions
78 items@メンション入力
</>
11ステータス バッジカラー管理
</>
5段階レーティング（星）
</>
AIチャットインターフェイス
</>
Leaflet 地図
Pinterest風ギャラリー
</>
lib/pinterest-gallery.ts QRコード生成
</>
Typing インジケータ
アクティブボード
</>
components/tasks/work-log/ActiveBoard.tsx アコーディオン部品
</>
アップデート配信フィード
</>
アバター（イニシャル/画像）
</>
アプリヘッダー
</>
components/layout/Header.tsx アプリ内メッセージ（バナー）
インライン並び替え（↑↓ボタン）
</>
インライン編集セル（EditableCell）
</>
components/finance/EditableCell.tsx カード入力フォーム（Stripe Elements）
</>
カスタム動画プレイヤー
カラーピッカー入力
カレンダー週次ビュー
</>
ガントチャート
カンバンボード
</>
ゲージメーター
コマンドパレット（⌘K）
</>
コメントスレッド
サブナビゲーション
</>
components/layout/SubNav.tsx サンキーダイアグラム
スクロールで隠れる/現れるヘッダ
</>
スケジュールモーダル
</>
components/tasks/ScheduleModal.tsx ステータスバッジ
</>
components/tasks/StatusBadge.tsx ステップウィザード
スワイプアクション
セクションサイドバー
</>
components/layout/SectionSidebar.tsx ソート可能テーブルヘッダ
</>
タスク詳細モーダル
</>
components/tasks/TaskDetailModal.tsx タブ切替部品
</>
ツールチップ
</>
ツリーグリッド（階層テーブル）
ツリーマップ
データテーブル
</>
バッジカウンター
パンくずナビ
</>
ヒートマップ（曜日×時間）
</>
ピボットテーブル
ファイルアップロード + プレビュー
プルトゥリフレッシュ
プレースホルダーページ
</>
components/ui/PlaceholderPage.tsx プログレスバー
</>
ページネーション部品
</>
マーカークラスタリング
メガメニュー
モバイル ボトムナビ
リアクション絵文字
リッチテキストエディタ
リッチテキストエディタ（Tiptap）
</>
ルート表示
レーダーチャート
ワークフロー図エディタ
右クリック コンテキストメニュー
</>
左サイドバーナビ（SystemSidebar）
</>
components/layout/SystemSidebar.tsx 担当者ピッカー
</>
components/tasks/AssigneePicker.tsx 推定時間ピッカー
</>
components/tasks/EstimateMinutesPicker.tsx 散布図
料金プランテーブル
</>
新規タスクモーダル
</>
components/tasks/NewTaskModal.tsx 日付ピッカー（軽量）
</>
components/tasks/DatePicker.tsx 日付範囲ピッカー
</>
日次タイムライン（時間軸）
月間カレンダービュー
</>
期日クイックピッカー
</>
components/tasks/DueDateQuickPicker.tsx 期限超過バッジ
</>
components/tasks/OverdueBadge.tsx 画像クロップアップロード
画像ライトボックス
</>
組織図
行追加/削除/リセットボタン
</>
components/finance/RowActions.tsx 通知ベル
進捗付きトースト
電子署名（手書き）
</>
02
開発パターン87 functions
87 itemsAI レスポンスのストリーミング
AIスクリーニング
</>
lib/recruit-ai-screening.ts changelog ストア（巨大配列ベース）
</>
lib/changelog.ts Claude API プロキシ + キャッシュ
</>
scale-crm:ai.js Cloudflare KV キャッシュ
</>
Cloudflare Pages Functions CORS ヘルパ
</>
scale-crm:functions/_lib/cors.ts Cron トリガーパターン
</>
CSV インポートパーサー
</>
CSV エクスポートヘルパ
</>
D1 スキーマ設計（実例）
</>
scale-crm:schema.sql D1 ストレージ API パターン
</>
scale-crm:functions/api/data/[key].ts D1 データ一括取得 API
</>
scale-crm:functions/api/data/index.ts Debounce サーバ同期
</>
Function Calling（Tool Use）
localStorage ストアパターン
</>
Lucide アイコン使用パターン
</>
Markdown レンダリング
</>
Next.js App Router ダッシュボード雛形
</>
PD/SD パターン（永続/セッション保存）
</>
PDFエクスポートパターン
</>
PJT推定ロジック
</>
lib/pjt-infer.ts RAG（Retrieval-Augmented Generation）
Rechartsグラフパターン
</>
SalesNow CSV 自動取込
</>
Slack Bot 連携
</>
Slack チャンネル自動作成 + 招待
</>
Supabase RLS（Row Level Security）設計
</>
scale-crm:SUPABASE_RLS_MIGRATION.sql Supabase スナップショット移行
</>
scale-crm:SUPABASE_SNAPSHOTS_MIGRATION.sql Supabaseデータフェッチパターン
</>
Tailwind v4 CSS変数テーマ
</>
Undo（取り消し）パターン
</>
エラーバウンダリー
</>
エンプティステート
</>
カラム表示切替
カレンダーデータ管理
</>
lib/calendar-data.ts キーボードショートカット管理
</>
クライアントエラー記録 API
</>
scale-crm:functions/api/error.ts クリップボードコピーヘルパ
</>
サブナビゲーション設定
</>
lib/subnav-groups.ts サブナビ設定（巨大）
</>
lib/subnav-groups.ts システムレジストリパターン
</>
lib/systems.ts システム管理ストア
</>
lib/system-mgmt-store.ts スケジュールデータ管理
</>
lib/scheduling-data.ts スナップショット API
</>
scale-crm:functions/api/snapshot.ts セキュリティデータ管理
</>
lib/security-data.ts タスク API レイヤー
</>
lib/tasks-api.tsx タスク推定アルゴリズム
</>
lib/task-estimate.ts タスク自動登録
</>
lib/auto-register-task.ts ツールライブラリパターン
</>
lib/tools-library.ts トースト通知
</>
ドラッグ&ドロップ
</>
ドラッグ中オートスクロール
</>
lib/use-drag-autoscroll.ts パスワード管理パターン
</>
lib/passwords-data.ts バリデーションヘルパ集
</>
フィーチャーフラグ
</>
フォーカストラップ（モーダル用）
</>
フォーマットヘルパ集（金額・日付・電話）
</>
ペースト一括追加（改行区切り）
</>
ベクトル検索（Embedding）
ヘルスチェック API
</>
scale-crm:functions/api/health.ts マルチステップフォーム
</>
モーダル積層管理
</>
レスポンシブテーブル
</>
レポート通知システム
</>
lib/report-notify.ts ローディングスケルトン
</>
一括操作パターン
</>
事業目標管理パターン
</>
lib/business-goals-data.ts 仮想スクロール（大量データ）
作業ログ計測
</>
lib/work-log.ts 動的フィールド配列（行追加）
変更履歴 API（監査ログ）
</>
scale-crm:functions/api/changes.ts 外部サービス認証
</>
lib/external-auth.ts 契約データ管理パターン
</>
lib/contracts-data.ts 採用Slack通知パターン
</>
lib/recruit-slack.ts 採用データベース
</>
lib/recruit-database.ts 既読管理
条件分岐フォーム
検索 Debounce（300ms）
</>
検索・フィルタパターン
</>
楽観的更新パターン
</>
権限管理パターン
</>
lib/always-allowed-systems.ts 無限スクロール（IntersectionObserver）
</>
確認ダイアログ
</>
自動保存パターン
</>
認証コンテキスト
</>
lib/auth-context.tsx 論理削除 + 期限切れ自動パージ
</>
音声→テキスト変換
03
機能パターン20 functions
20 itemsAIサジェスト（入力補助）
AI自動タグ付け
AI要約ボタン（Claude API）
</>
CSV一括インポート（マッピング）
GPS位置情報取得
</>
JSON設定インポート/エクスポート
QRコード読み取り
</>
Web Push 購読登録
WebRTC ビデオ通話
</>
タイムゾーン変換
</>
バーコードスキャン（カメラ）
</>
ブラウザ通知（Notification API）
</>
個人情報マスキング
地図検索（Leaflet）
</>
短縮URL生成
繰り返し予定（RRULE）
</>
請求書PDF生成
</>
重複検知（ファジーマッチ）
</>
音声録音（MediaRecorder）
</>
領収書OCR（Tesseract.js）
</>
04
ロジック2 functions
2 items 05
インフラ2 functions
2 items 06