概要

交易員 paulwei の BitMEX 実盤取引記録を可視化・分析する Web アプリケーションのソース一式です。Next.js（app ディレクトリ想定）と TypeScript、React、TailwindCSS を中心に構成され、1分〜1週までの複数時間軸K線表示、ポジション（建玉）履歴の追跡、個別トレードの開閉・損益の集計・統計表示など、取引パフォーマンスの振り返りと戦略評価に特化した機能を持ちます。利用者は視覚的なグラフと統計データを通して、取引ルールや資金管理の改善点を見つけやすくなります。（約300字）

リポジトリの統計情報

スター数: 26
フォーク数: 13
ウォッチャー数: 26
コミット数: 2
ファイル数: 17
メインの言語: TypeScript

主な特徴

多時間週期 K 線チャート（1m, 5m, 15m, 30m, 1h, 4h, 1d, 1w）で相場とトレードを俯瞰
倉位（ポジション）履歴の逐次追跡とトレード単位での損益表示
損益統計とパフォーマンス指標（期間別・トレード別の集計）による戦略評価
Next.js + TypeScript によるモダンなフロントエンド構成、TailwindCSS によるスタイリング

技術的なポイント

このプロジェクトはフロントエンド中心の分析ダッシュボードとして設計されており、Next.js（README のバッジから v16 を想定）と TypeScript を用いることで型安全かつサーバー/クライアントの分離が行われています。app ディレクトリ構成を採用している可能性が高く、ルーティングやサーバーコンポーネントを活用したページ分割が期待できます。可視化面では複数の時間軸を扱うため、データの集約（ローソク足の生成）やインタラクティブなズーム・ホバー処理が重要で、パフォーマンス重視のレンダリング最適化（仮想化やメモ化）を実装していることが想定されます。また、ポジション履歴と損益計算は取引ログを時系列に整形し、手数料・スリッページ・レバレッジを考慮してP&Lを算出するロジックが必要です。TypeScript による明示的な型定義は、取引データ（約定・注文・建玉）や集計結果の整合性を保つうえで有効です。UI は TailwindCSS によりユーティリティベースで高速に構築され、レスポンシブなチャート表示と統計パネルの配置ができる設計になっています。バックエンド連携に関して README では BitMEX の実運用ログを扱う旨が明記されており、データ取り込みはCSV/JSONやAPI経由が想定されます。総じて、トレード解析に必要なデータ処理・可視化・型安全な開発体験を重視した技術選定が見て取れます。（約700字）

プロジェクトの構成

主要なファイルとディレクトリ：

.gitattributes: file
.gitignore: file
LICENSE: file
README.md: file
app: dir

…他 12 ファイル

（注：リポジトリ内に app ディレクトリがあり、Next.js の app-router パターンで構成されていることが推測されます。TypeScript 設定や Tailwind の設定ファイル、コンポーネント群、チャート・ユーティリティ関数、データインポート用のスクリプト等が含まれている可能性があります。）