機能紹介·

フォーラムの署名・メール・チャットに取引成績を載せる:自動で更新される画像の使い方

コードを貼れない場所では、自動で描き直される画像を使います。BBCodeを使ったフォーラムの署名をはじめ、メールの署名、GitHubのREADME、チャットに最新の取引統計を載せる方法と、それぞれの場所で画像がどう扱われるかを解説します。

フォーラムにはiframeを貼れません。メールソフトも、READMEも、チャットも同じです。どこでも受け付けてもらえるのは、画像だけです。

そこでよく使われるのがスクリーンショットですが、撮った翌日にはもう古くなっています。もっと良いのは、自分で描き直される画像です。アドレスはずっと同じまま、口座が動くたびに数字が新しくなります。ShowMyTradesでは、公開中の口座ごとにこうした画像を11種類、無料で用意しています。このガイドでは、どこに何を貼ればよいかを説明します。

🖼️ 自動更新画像の仕組み

決まったアドレスに置かれた、普通のPNGまたはSVGファイルです。

https://showmytrades.com/api/widget-image/YOUR-ACCOUNT-SLUG/summary_dark.png

アドレスのうち自分で選ぶ部分は3つ。口座、画像の種類(summary)、テーマ(dark)です。取引データが変わると、その裏にあるファイルが作り直されます。アドレスを貼るのは一度だけ。あとからページを開いた人には、その時点の最新の画像が表示されます。

ウィジェット作成画面が出力するコードでは、画像に口座ページへのリンクが付いています。数字を確かめたい読者は、1クリックで最新の完全な記録にたどり着けます。

📐 11種類の画像

画像サイズ表示内容向いている場所
stats-inline750×80収益率・ドローダウン・残高・有効証拠金を横1行でフォーラムの署名
stats310×170同じ4指標をカード型でサイドバー、メール
growth-mini400×200軸のないコンパクトな収益率のライン投稿やメッセージの中
summary500×290収益率、ドローダウン、最終更新と小さなチャートチャットで共有するならこれ
growth-daily1000×450日次の時間加重収益率記事、README
growth-trade1000×455取引ごとの収益率(PNGのみ)記事
balance1000×450残高と有効証拠金記事
profit1000×455純利益とドローダウン記事
drawdown1000×455ドローダウン(%)収益率チャートの隣に
monthly幅1066月次リターンの表レポート、長めの投稿
currency-pair幅1196銘柄別の成績レポート、長めの投稿

どれもライト・ダーク・透明の3テーマから選べます。SVG版なら背景、テキスト、グリッド、ラインの色を自分で指定でき、200%まで拡大してもぼやけません。

🛠️ コードを取得する

  1. 無料で登録し、口座を連携して公開中に設定します(MetaTrader、cTrader、TradeLocker)。
  2. ダッシュボードでウィジェットを開き、形式は自動更新画像を選びます。
  3. 画像の種類、テーマ、ファイル形式を選びます。
  4. 必要なコード(HTML、Markdown、BBCode)をコピーします。

💬 フォーラムの署名(BBCode)

トレード系のフォーラムの多くはBBCodeを使っています。ウィジェット作成画面では、フォーラムのプロフィールにある署名欄へそのまま貼れる、次のようなコードが出力されます。

[url=https://showmytrades.com/account/YOUR-ACCOUNT-SLUG][img]https://showmytrades.com/api/widget-image/YOUR-ACCOUNT-SLUG/stats-inline_light.png[/img][/url]
  • stats-inlineを使う。750×80は、署名の高さに合わせて作ったサイズです。署名画像に制限を設けているフォーラムも多いので、受け付けられない場合はフォーラムの規約でサイズの上限を確認してください。
  • PNGを使う。SVGファイルを受け付けないフォーラムが多いためです。
  • フォーラムの配色に合わせる。明るいフォーラムならライト、暗いフォーラムならダーク。透明ならどちらにもなじみます。

これで、そのフォーラムに書き込んだすべての投稿に、昔の投稿も含めて最新の数字が表示されるようになります。

✉️ メールの署名

HTML版のコードを、メールソフトの署名エディターに貼り付けます。エディターが画像しか受け付けない場合は、画像を(コピーをアップロードするのではなく)アドレスで挿入し、その画像に口座ページへのリンクを設定してください。

  • PNGのみ。メールソフトでは、SVGが正しく表示されるとは限りません。
  • statsかsummaryを使う。署名に収まる小ささで、スマートフォンでも読めます。
  • 反映の遅れは想定しておく。Gmailをはじめ一部のメールサービスは、画像を自社のサーバー経由で取得し、しばらくコピーを保持します。そのため古いメールの画像は、口座の現状より遅れていることがあります。リンク先は常に最新のページです。
  • 読者が許可するまで画像を表示しないメールソフトもある。そうした読者のために、画像の下にリンク付きのテキストを1行入れておいてください。

📝 GitHubのREADMEとMarkdown

EAや手法のメモを置いたリポジトリなら、次のように書きます。

[![Trading Performance](https://showmytrades.com/api/widget-image/YOUR-ACCOUNT-SLUG/growth-daily_dark.png)](https://showmytrades.com/account/YOUR-ACCOUNT-SLUG)

外部の画像を表示できるMarkdownなら、同じ1行がそのまま使えます。ドキュメントサイト、Wiki、多くのブログエンジンが当てはまります。

💭 Discord・Telegram・WhatsAppとSNSの投稿

チャットやSNSは、ここまでの場所とは画像の扱いが違います。投稿する前に知っておくと役に立ちます。

画像のアドレスを投稿しても、ファイルをアップロードしても、アプリはその時点のコピーを保存します。そのコピーが後から変わることはありません。つまりチャットに載る画像は、どのツールで作ったものであっても、常にその瞬間のスナップショットです。

これを踏まえて誠実に使う方法は2つあります。

  • 口座ページへのリンクを投稿する。画像はあってもなくてもかまいません。常に最新なのはリンクのほうで、開いた人はその時点の記録を見られます。
  • ウィジェット作成画面の「画像をダウンロード」を使う。特定の投稿のために、すっきりした画像が1枚欲しいときに向いています。中身は同じチャートを、一度だけ保存したものです。

🆚 画像か、リアルタイムのウィジェットか

自動更新画像インタラクティブウィジェット
フォーラム、メール、Markdownで使えるはいいいえ
自分のWebサイトで使えるはいはい
自動で更新されるはい、データが変わったときはい、ページを読み込むたび
操作できる(ホバー、表示の切り替え)いいえはい
認証バッジを表示いいえはい、フルダッシュボードで

コードを貼れる自分のWebサイトでは、インタラクティブウィジェットを使ってください。画像は、それ以外のあらゆる場所のためのものです。

❓ よくある質問

画像はどのくらいの頻度で更新されますか?

取引データが変わると作り直されます。ブラウザーが15分間コピーを保持するため、読者には数分前の画像が表示されることがあります。

コードを書き換える必要はありますか?

ありません。アドレスは変わらず、変わるのはその裏にある画像だけです。

口座の公開リンクを変更したらどうなりますか?

古いアドレスも引き続き使えます。ウィジェットだけでなく、画像も同じです。

好きな色を使えますか?

はい、SVG形式なら使えます。背景、テキスト、ラベル、グリッド、ライン、プラスとマイナスの色を、それぞれ自由に指定できます。

口座を非公開に戻すと、画像には何が表示されますか?

成績は表示されなくなります。画像が配信されるのは公開中の口座だけです(限定公開の口座を含みます)。

ほかの人の口座の画像を使えますか?

口座が公開されていれば使えます。画像は持ち主のページにリンクしているので、記録を自分のものと称するのではなく、引用する形になります。

🔗 関連ガイド


無料で口座を連携し、BBCodeかHTMLをコピーして一度貼るだけ。あとは署名が自動で最新の状態に保たれます。