daikiojm’s diary

ブログを書くときがやってきたどん!

Angular

bitbankのCandlestick APIを使ってAngularでチャートを描画する

多くの仮想通貨取引所では、APIトレーダー向けに取引のための注文APIや価格情報を取得するためのAPIが公開されている。 今回は、bitbankのpublic APIのうちcandlestickを使ってAngularと ngx-chartsを使ってチャートを描画してみたので、ポイントとサンプル…

ScottyでAngularSPAをS3+CloudFrontにデプロイ

CI環境上または、開発環境上でビルドしたファイルをS3にデプロイする際には、s3 syncなどのコマンドを使うことが多いかと思います。 そんな時、Scottyが割と便利だったのでAngular CLIで作成したSPAをデプロイする前提で簡単に使い方を紹介します。 前提 AWS…

Angularで画像の遅延読み込み(ng-lazyload-image)

ng-lazyload-imageを使って、スクロールに応じた画像の遅延読み込みをしてみる。 今回はわかり易い例として、スクロールに応じてグリッド配置した画像を例にした。 レスポンシブのグリッドを作るために、AngularMaterialの grid-list も使っています。 デモ:…

AngularCLIで単一ファイルコンポーネント

AngluarCLIでComponentを作成する際にVue.jsの単一ファイルコンポーネントっぽく、1Component1ファイルとする方法を紹介します。 やってみる コマンド実行時のオプションで指定 コンポーネント作成(デフォルト) $ ng g c <コンポーネント名> コンポーネント…

Angularでテキストファイルを読み込む

Angularでブラウザから読み込んだローカルのテキストファイルを表示する方法です。 HTML5のFile APIの基本的な使い方が分かれば簡単な内容ですが、メモ程度に残しておきます。 早速、実装していきたいと思います。 以下で紹介する内容は、angluar-cliでng ne…