今回は色々なAPIで遊びます。
※2019/6/23追記
IEX APIがIEX Cloud APIに変更により動作しなくなりました。
今後変更の度に改修することは出来かねるため、更新停止とさせて頂きますm(_ _)m
米国株式のローソク足チャート描画
下記記事を見つけて面白そうだったので、実際に動かしてみることにしました。
コードはほぼ下記記事の通りなので、自分で考えたものではないです。
あくまで、下記記事のコードをはてなブログ上で動かしてみただけです。
[参考]JavaScriptでローソク足チャートの作成
//チャート描画
①テキストボックスに銘柄のティッカーを入力(例:ibm)
②プルダウンリストから描画期間を選択(6y:6ヶ月/1y:1年/2y:2年/5y:5年)
③Get Infoボタン押下で描画
Data provided for free by IEX. View IEX’s Terms of Use.
[参考]銘柄一覧
入力できる銘柄は下記参照。
日本語はこちら。おまけに事業内容も見れます。
変更点
上記のコードそのままだとはてなブログでは動かなかったので、若干変更している点があります。
①はてなブログでjQueryを使う
参考記事の通り、「window.onload」を使って回避。
[参考]はてなブログのカスタマイズでjQueryを使う!CDNからの読み込みは不要!
www.otona-hattatsushougai-challenge.com
②サイズ調整
そのままの大きさだと記事内に入りきらないので、そこは数値を調整しています( [function]mainChartのwidthやheightの部分です)。
その他気になった記事
面白そうな記事のメモφ(..)
[参考]Bitcoin のリアルタイムチャートを Chart.js で表示する
リアルタイムで動きます。これは楽しい^^
チャート取得参考
[参考]WebSocketを使ってcoincheckの板情報(BTC/JPY)をリアルタイムで表示する
板情報の表示
APIで遊ぼう
ブログでなくても、HTML手書きでもAPIは使えます。
プログラミングの実践に丁度良いと思うので、勉強してみたけど何作っていいかわからん><みたいな方はAPI動かしてみてはいかがでしょう(・・?
ほとんど参考サイトのコピペだったとしても、何かしらそれっぽく動かせると楽しいですよ٩( 'ω' )و