- 2019.05.10
【Angular】バージョンを指定してアップデートする方法！
Angularのバージョンを上げたい場面ってあるかと思います。 ネットに情報はあれど、如何せん分かりにくい。。 ということで今回は、Angularのバージョンを指定してアップデートする方法を解説します！ ※今回は「7.1.2」から「7.1.4」にバージョンを上げました。 僕のPC環境 OS：Windows10 Angular：7 アップデート […]
Angular
- 2019.04.29
AngularでTimepickerを導入！使用方法を解説！
AngularでTimepickerを使いたいあなたへ。 今回は、AngularでTimepickerを使う方法をご説明します！ 僕のPC環境 OS：Windows10 Angular：7 Angularプロジェクトの新規作成方法は以下を参照してください！ Timepicker公式サイト 以下のサイトを元に実装していきます。 ■ […]
- 2019.03.24
【Angular】Material Iconの使い方！種類が豊富っす！
AngularのMaterialデザインっていいっすね。 デザイン苦手でも、Materialデザイン使ってるだけで良い感じの雰囲気になるので。これがAngularの良さっすね。 ということで今回は表題の通り、Material Iconの使い方を解説したいと思います。 僕のPC環境 OS：Windows10 Angular：7 Material […]
- 2019.03.22
【Angular】テーマを超簡単にカスタマイズする方法！
Angularにはデフォルトのテーマがあります。 このテーマを変えることで、例えばマテリアルデザインのカラー色を変更することもできます。 ということで今回は、テーマを超簡単にカスタマイズする方法を解説します！ 僕のPC環境 OS：Windows10 Angular：7 Angularのデフォルトテーマ まず、Angularのデフォルトテーマに […]
- 2019.03.02
【Angular】alertをカスタマイズ！SweetAlertの使い方！
Angularでカッコイイalertを使いたい。 というのも、デフォルトのalertってちょっとダサいと思うのですよ。 ということで今回は、「Angular×SweetAlert」の解説をしたいと思います！ 僕の環境 OS：Windows10 Angular：7 最初に言っておくと。。 SweetAlertってなぜか色々種類があります。 今回 […]
- 2019.02.24
【Angular】fullcalendar環境構築手順！
Angularでカレンダーを使いたい！ ということで、色々と拡張性のありそうなfullcalendarを導入してみました！ 僕のプロフィールはこちら 僕のPC環境 OS：Windows10 Angular：7 Angular×fullcalendar環境構築手順 [crayon-603f53ffe5ef1008606021/] […]
- 2019.02.23
【Angular】整数チェックをカスタムバリデーションで実装！
Angularには数値チェックがデフォルトでないだと？！ 数値チェックがないということは、もちろん整数チェックもありません。 ということで今回は、Angularで整数チェックを実装する方法を解説します！ 僕のプロフィールはこちら まずは準備をしよう！ コンポーネント作成 [crayon-603f53ffe63d8320489294/] 新規コンポーネントを […]
- 2019.02.15
【Angular7】CognitoのsessionStorageがうまく使えない問題！
Angular×Cognitoを使う際、当然AWSのライブラリを使用するかと思います。 AWSのライブラリではデフォルトでStorageを指定するようになっています。 つまり、localStorageもしくはsessionStorageを使って認証情報(トークン)を保持する構成なわけです。 が、localStorageからsessionStorageに変更するとシステムがうまく動かなくなりました。 […]
- 2019.02.04
【Angular7】初期フォーカスを当てる方法を解説！
Angularで初期フォーカスを当てたいんじゃー！ 画面を作るにあたり、テストが厳密な現場なんかは初期フォーカス位置もテストしたりします。 初期フォーカスを当てたいだけなのに、Angularは情報が少ない！ ということで今回は、Angularで初期フォーカスを当てる方法を解説します。 ■Angularプロジェクトの作り方は以下で！ 僕のプロフィールはこちら […]
- 2019.01.31
【Angular7】MaterialのmatStepperNextをコードで制御！
Materialデザインには「Stepper」と呼ばれるものがあります。 ↓こんなやつですね。 で、このStepperをサインアップの画面に使いたいということで導入したのですが、ステップを進めるのをJavaScript側で制御したいわけです。 ということで今回は、MaterialデザインのStepperをコードで制御する方法を解説します！ ■Angular Materialの使い方は […]