見出し画像

目指せ勝率アップ!! ローソク2倍表示するチャートひろび~ろなBookmarklet

やすおといいます。
購入前には、必ず無料部分を最後まで読んでください
※スタイルシートを追記して表示を調整していますので、本noteに
 記載している内容によってトレードや証拠金を操作する事はできません。

目次
・さて、さっそく本題。
・では以下、本体の説明です。
・あとがきと注意事項
・コピペソース(有料note部分)

さて、さっそく本題。

と、その前に<追記>
初めてのnoteだったので『あれこれサポートさせられたらどうしよう…』と悩んだ結果「ノーサポート」って書いていますが、分からないことがあれば聞いてくださいね。

では、本題。

普段はbitFlyer Lightningでトレードしています。
たぶんみなさんも同じような画面を使われているのではないでしょうか?

私はこんな画面でもう半年以上も使っていたのですが、
・ニュースなんて見ない
・チャットもうるさい
だけ
・約定履歴流れてるとかっこいい、でも見ていない。
・板情報も雰囲気はわかるけど、秒でかわるし・・・。

画面上に無駄なエリアが多い、いや無駄なエリアの方が多いと思うのです。

トレード下手なのに、情報少なくって勝て…ないよね…

という訳で、チャートがひろび~ろになるブックマークレットを作成!!

お気に入りボタンを押すだけで(画像はデモトレサイトです)

上画像(GIFアニメ)のようにチャート部分が広がります。


例えば、

下記のチャートは、同じ時間でチャートエリアの広さが違うだけものです。

印象やひとめで得られる情報が大きく違いませんか?

これを書いているときのチャートも貼ってみます。

ただチャートエリアが広いだけのことで、受ける印象が違うんですよね…。

チャート画面から得られる情報が少ない
イコール
逆のポジションを持ちかねない…。


そこで自分用のブックマークレットを作ったのですが、なにかさみしい…。
誰かに使ってもらいたい!と思い、noteで公開することにしました。
(noteを出してみたかったんだよ...。)

チャートを大きく表示させるようになり、オーダー部分の場所が余ったので、ついでに注文ボタンも大きくしました

ブックマークレットの登録方法に関しては、下記等を参考にしてください。
https://qiita.com/aqril_1132/items/b5f9040ccb8cbc705d04
簡単にいうと、ブックマークのリンク先URLの欄に、javascriptを書き、実行させるものです。少しググると、たくさん情報があるはずです。


=では以下、本体の説明です。=


始めの挨拶

javascript:
(
function()
{

前準備
var style=document.createElement('style');
var head=document.getElementsByTagName('head');
style.setAttribute('type','text\/css');

CSSの上書き内容を記述
style.innerHTML='

約定履歴とニュースの非表示
section.market-history {display:none !important;}

チャットの非表示
section.chat {display:none !important;}

ボードの非表示
.main--top .board {display:none !important;}

チャートのバランス調整示
.main--top .chart {width:82% !important;}

損益表示やオーダーボタン部分のバランス調整示
.main--top .order {width:18% !important;} 

下部の注文・建玉・取引履歴(4件くらい)に狭くする
.wrapper--trade .main--bottom {height:24% !important; max-height:22% !important;}

下部の変更に併せて上部(チャートと注文ボタン)を大きくする
.wrapper--trade .main--top {height:76% !important; max-height:78% !important;}

デルタの非表示
.pnl__list li.pnl__funds--delta {display:none !important;}

年次損益の表示(要らないと思います)
.pnl__list .pnl__period--ytd {display:block !important;} 

月次損益の表示
.pnl__list .pnl__period--mtd {display:block !important;}

日次損益の表示
.pnl__list .pnl__period--daily {display:block !important;}

売り買いボタンを横幅いっぱいにして縦に並べる
.order .button-group.place__buysell label {width: 100% !important;}

売り買いボタンを丸くする
.order .place__buysell .button-group-item {border-radius: 5px !important;} 

売り買いボタンを少し離す(縦に並べない場合はこれも不要)
.order .place__button--buy {margin-top:6px !important;}

売り買いボタンを縦に大きくする
.order .button-group-item {padding: 0.9em .25em !important;}';

CSSを適用
head[0].appendChild(style);

終わりの言葉
}
)
();

以上です。


=あとがきと注意事項=

有料noteではありますが、上記を結合すると完成です。
有料部分にはそのまま張り付けられるソースがあります。
また、Safariでは%で幅や高さを変更することが(技術的に未熟なため)
できなかったので、固定値で対応したソースも置いてあります。

無料部分で全て説明しておりますので、サポートはありません
OSやブラウザによる表示崩れなども予想されますが、基本的にかんたんなHTMLの知識があれば調整できると思います。
自由にカスタマイズして、ご利用ください。

ブックマークレットに関するサポートも行いません。
簡単なサンプルを用意いたしましたので、このサンプルをご自分で導入出来ない方は購入をお控えください。

javascript:(function(){window.alert('Hello!World');})();

※ブックマークレットですので、リロードしたら元に戻ります。
※本noteでは無料部分に方法をすべて記載しています。
 有料部分はあくまで、支援と購入者様の導入時間短縮が目的であり、
 全てのPC環境、OS、ブラウザ、バージョンに対応できるものでは
 ありません。細かな調整は購入者様でお願いします。
※もちろんPCしか対象としていません。

プログラムが分からない方でも15分くらいで使えるとは思います。
本note役に立ったという場合には、ぜひご購入・ご支援ください。

もし売り上げが出たら、botを動かす原資として市場に還元していきます。
みなさまのご購入・ご支援をお待ちしています。

以下、有料部分となります。


この続きをみるには

この続き:4,507文字/画像1枚

目指せ勝率アップ!! ローソク2倍表示するチャートひろび~ろなBookmarklet

やすお

500円

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

良いと思っていただければ投げ銭をお願いします

26

やすお

ノンプログラマー。bot勉強中。 初心者のつまづきポイントをフォローしてbot資金にしたいと考えています。 かんたんなことで1日以上ハマるなら、500円で解決出来たらほうがお互いハッピーという思考。

BOT関連NOTE

AKAGAMIさんのドテン君を中心にBOT関連のNOTEをまとめてます^^
2つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。