Angular 【Angular】pdf出力機能を「jspdf」と「html2canvas」で実装する
作業環境
・Angualr8.0
・Windows10
・Vscode
ライブラリのインストール
# ライブラリのインストール
$ npm install jspdf@1.4.1 --save
...
JavaScript
Angular 
JavaScript 【Nodejs】JSzipでファイルダウンロード機能を実装する
JavascriptでのZIP生成&ファイルダウンロード
Nodejs系でユーザーにダウンロードさせたいファイルをまとめてZIPにボタンをクリックすると<a>タグを発火させてファイルダウンロードが始...
Angular 【Angular】Angular-calendarでスケジューラーを実装する
作業環境
Windows10
Angular8.23
ライブラリのインストール
# 必要なライブラリのインストール
$ ng add angular-calendar
$ npm inst...
Angular AngularによるWebアプリ開発⑦～ngx-chartsで折れ線グラフをプロットする
Angularでのグラフプロット
angularでグラフ作成を行うライブラリはngx-chartsが有名ですが、ngx-chartsを使った円グラフや棒グラフのプロット方法はqittaに解説記事があったのですが、株価チャートの...
Angular 【Angular】ダイアログ画面をMat-dialogで実装する
Angularでダイアログ画面を実装する
Angularでモダンなダイアログ画面を実装したい場合がmat-dialogを使用するのが一般的です。
mat-dialogはAngularmaterialの提供...
Angular 【Angular】fullcalendarのカレンダー表示を日本語化してみる
前回のあらすじ
↑前回の記事でfullcalendarの導入方法について解説しましたが、これだけだと、Googleカレンダーのようなスケジューラーとして使うことは無理なので、いろいろとカスタマイズしてい...
Angular 【Angular】fullcalendarでGoogleカレンダーライクな画面を実装する
Angularでgoogleカレンダーを実装する
Angularで無料でGoogleカレンダーライクな画面を実装するライブラリはざっとググった結果有名なのは以下の2つかなと思います
Fullcalendar
...
Angular 【Angular】FirebaseにAngularのアプリをデプロイする
時代はサーバレス
これまでアプリ開発と言えばデプロイ、つまりはサービスをリリースするためにはサーバーを用意する必要があり、そのサーバーの設定を行うのがいわゆるインフラエンジニアと呼ばれる人たちの仕事でした。
です...
Angular AngularによるWebアプリ開発③～ngIfを使いこなす
シリーズ記事一覧
・Angularでwebアプリを作ってみる①～環境構築とコンポーネント作成
・AngularによるWebアプリ開発②～Angular Material をインストールしてマテリアルデザインを実装する
...
Angular AngularによるWebアプリ開発②～Angular Materialでマテリアルデザインを実装する
前回のあらすじ
前回はAngularでCLIを用いたアプリの立ち上げとコンポーネントの生成、ルーティングの基本設定を行いました。今回はその続きをやっていきたいと思います。
app.compon...