APIに暗号通貨の情報を取得するものがあったので、今回はそれを使用してレート情報を一覧形式で表示します(10秒ごとに自動更新)。APIに変更により動作しなくなりました。_)m以前は以下のような一覧を表示でしていました。APIの「Crypto」を使用しています(下記リンクからCryptoの項目に飛べます)。APIで取得できるものを表示しています。一覧の各項目の説明は「Quote」の項目を参照(下記リンクからQuoteの項目に飛べます)。iextrading.com一覧には、APIで取得した情報の一部のみを表示しています。以下のようなJSONデータを取得できるので、その内の必要なものを表に編集して表示しています。PM",latestUpdate:1543341945323,latestVolume:77984.561363,iexRealtimePrice:null,iexRealtimeSize:null,iexLastUpdated:null,delayedPrice:null,delayedPriceTime:null,extendedPrice:null,extendedChange:null,extendedChangePercent:null,extendedPriceTime:null,previousClose:3862.27,change:-65.54,changePercent:-0.01698,iexMarketPercent:null,iexVolume:null,avgTotalVolume:null,iexBidPrice:null,iexBidSize:null,iexAskPrice:null,iexAskSize:null,marketCap:null,peRatio:null,week52High:null,week52Low:null,ytdChange:null,bidPrice:3793.64,bidSize:2.412389,askPrice:3796.28,askSize:0.015882}コードHTMLここに一覧を表示します。</div>JavaScriptページ読み込み時に下記の処理を実行する。1.初期処理(InitProc)グローバル変数の初期設定を行う。2.メイン処理(MainProc)(1)表のヘッダー部分の編集(2)getCryptoInfo関数で通貨情報を取得し、editInfo関数に渡す。(3)editInfo関数で表のデータ部分を編集し、テーブルを作成、又は更新する。3.自動更新処理(AutoUpdate)setInterval関数でメイン処理を10秒ごとに実行する。]]></script>参考APIの呼び出し等、ベースは下記記事参考。qiita.comJavaScriptでの表の作成は下記記事の「makeTable」関数をほぼそのまま使用させて頂きました。nullの置換、変動比の色の設定等です。algorithm.joho.info表示形式は下記参考。cc.minkabu.jpfinance.yahoo.com自動更新は下記参照。一定時間で繰り返す(setInterval)-JavaScript入門テーブル操作などの参考。+;)あとはとにかく納期やスケジュールや工数や納期や納期を気にしないで好き勝手作るのは楽しいなぁ(⌒-⌒)追記:バグ修正はてなブログを直接編集するのは更新ボタン押したりで時間かかるので、ローカルでHTML作って編集してたのですが、いざはてなブログで公開したら自動更新が動かない/(^o^)\ので、バグ修正です。1.エラー箇所の特定(1)とりあえず怪しそうなところでalertupdateTable関数のループがおかしいことがわかりました(ほぼ何もわかりませんでした)。(2)Googleの検証機能でデバックブラウザ(chrome)で右クリックメニューの「検証(I)」をクリックすると色々できる画面が出てきます。最初からこれ使えばよかったね(⌒-⌒)↑こんな感じでGoogle先生がエラー箇所を優しく教えてくれるよこの便利機能は「Chromeデベロッパーツール」と言うようです。