ビットコイン・Moneroの最新相場をブログに表示する方法

f:id:aftercider:20161013135247p:plain

はてなブログでのブログパーツ作成

f:id:aftercider:20161013135355p:plain

本ブログははてなブログで運用しています。
はてなブログにはサイドバーにHTMLを入れる機能が準備されているので、
HTMLのコードを準備すれば簡単に表示できます。

流れとしては、現在の相場を取得し、ブログパーツに価格を見やすく表示する、
という単純な流れです。

cryptonatorという仮想通貨のウォレットサービスがあり、そこが開発者向けにAPIを提供していたので使わせてもらうことにしました。

プログラムはこんな感じです。

これをはてなブログのサイドバーにHTMLとして追加すれば、簡単に表示されます。

<p id="btc">1 Bitcoin: 取得中</p>
<p id="xmr">1 Monero: 取得中</p>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(function() {
  // ［検索］ボタンクリックで郵便番号検索を実行
  window.onload = function() {
    $.getJSON('https://api.cryptonator.com/api/ticker/btc-jpy',{})
    .done(function(data) {
      if (data.ticker) {
        // 結果を取得後、中身が空でなければ、その値を反映
        var result = data.ticker.price;
        var _pow = Math.pow( 10 , 3 ) ;
        result =  Math.round( result * _pow ) / _pow ;
        $('#btc').text('1 Bitcoin: '+result+'円');
      } else {
        // 中身が空の場合は、エラーメッセージを反映
        $('#btc').text('1 Bitcoin: Error.');
      }
    });

    $.getJSON('https://api.cryptonator.com/api/ticker/xmr-jpy',{})
    .done(function(data) {
      if (data.ticker) {
        // 結果を取得後、中身が空でなければ、その値を反映
        var result = data.ticker.price;
        var _pow = Math.pow( 10 , 3 ) ;
        result =  Math.round( result * _pow ) / _pow ;
        $('#xmr').text('1 Monero: '+result+'円');
      } else {
        // 中身が空の場合は、エラーメッセージを反映
        $('#xmr').text('1 Monero: Error.');
      }
    });
  };
});
</script>
</script>
<a href="https://www.cryptonator.com/" target="_blank">情報: cryptonator</a>