トレードでは「期待値が大事」とよく言われますが、実際に自分のルールで資金がどう推移するのかを事前にイメージするのは簡単ではありません。
そこで、自分が日常的に使える資金管理シミュレーターをJavaScriptだけで作成しました。
完成したものはこちらです。
👉 https://www.nyaofxlife.com/funding_simlutor/
今回は、その開発内容と実装でハマったポイントを紹介します。
作ろうと思った理由
元々はスプレッドシート版のシミュレーターを使っていました。
ただ使っていく中で、
ファイルを探すのが面倒
PCごとに環境が変わる
スマホからも使いたい
と感じるようになり、「ブラウザだけで完結する形」に作り直すことにしました。
使用技術
今回のシステムは非常にシンプルです。
HTML
CSS
JavaScript
バックエンドは使わず、すべてブラウザ内で完結する構成にしています。
そのため、入力データはサーバーに送信せず、その場でシミュレーションを実行します。
一番苦労したこと① 金額ベースと割合ベースの切り替え
資金管理には大きく2つの考え方があります。
1回あたり固定金額でリスクを取る方法
資金の◯%でリスクを取る方法
一見すると単純な違いですが、実装すると資金の増減に応じてリスク量が変化するため、計算ロジックを切り替える必要があります。
特に割合ベースの場合は複利的に資金が変化するため、シミュレーション結果の曲線も大きく変わります。
この違いを自然に扱えるようにする設計が一番のポイントでした。
一番苦労したこと② PDF出力（データ制御）
PDF出力は今回もっとも調整に時間がかかった部分です。
単純に画面をPDF化するだけであれば難しくありませんが、このツールでは「シミュレーション結果を1つのレポートとして出力する」必要がありました。
そのため、単なる表示ではなくデータを整形してPDFに描画しています。
しかし、この過程でいくつか想定外の挙動が発生しました。
■ 300回分のシミュレーションが分割される問題
本来は1つのレポートとしてまとめたいにもかかわらず、
1回ごとにPDFが分割される
意図しないタイミングで改ページされる
といった現象が発生しました。
これはループ処理とPDF生成ロジックの対応がズレていたことが原因でした。
■ 一部データしか出力されない問題
逆に、条件によっては
最初の数回分しかPDFに出力されない
残りのデータが欠落する
といった問題も起きました。
これは描画タイミングとデータバインドの順序が原因で、処理フローを見直すことで解決しました。
このあたりは「画面表示の問題」ではなく、
「データ生成と出力処理の整合性」の問題だったため、原因の特定に少し時間がかかりました。
お気に入りの機能
一番気に入っているのはPDF保存機能です。
条件を少しずつ変えながら、
リスクリワード
勝率
リスク率
などを比較することが多いため、結果を保存して見返せるのはかなり便利です。
シミュレーションは一度で終わるものではなく、複数パターンを比較して初めて意味が出ると感じています。
作ってみて感じたこと（期待値の話）
このツールの本質は「資金が増える未来を予測すること」ではありません。
むしろ重要なのは、
期待値通りにトレードを続けた場合に、どの程度のドローダウンが発生し得るのかを事前に理解すること
です。
数字で未来を当てるのではなく、「起こり得る現実を先に把握する」ためのツールだと考えています。
その結果として、必要以上に焦らずトレードに向き合えるようになります。
まとめ
今回の開発を通して感じたのは、「自分が本当に使いたいもの」を作ると、細かい部分まで自然とこだわるようになるということです。
最初は自分用のツールとして作り始めましたが、同じように資金管理で悩む人の役に立てばと思い公開しています。
期待値を理解しているかどうかで、資金の見え方はかなり変わります。
実際に数字で確認してみると感覚が変わると思います。
👉 https://www.nyaofxlife.com/funding_simlutor/
