-
-
Angular 8 のプロジェクトを IE11 で実行・表示する
2019/9/5
Angular 7 までは、polyfill を使うことで IE11 でも Angular アプリケーションを実行することができました。ただし、Angular 8 では、Angular 7 と同じよう ...
-
-
Angular CLI: Angular 7 から Angular 8 へバージョンアップする方法
2019/8/28
まず、次のコマンドで既存の Angular CLI をアンインストールします。 続いて、キャッシュをクリア(クリーン)します。 最後に、Angular CLI をインストールします。 インストールが終 ...
-
-
jQuery - window オブジェクトに登録されているイベントを取得する方法
2019/8/28
次の実装で、window オブジェクトに登録されているイベントを取得することができます。 $._data(window, 'events') $._data() の第一引数には検証対象の要素を指定しま ...
-
-
WordPress Cocoon テンプレートカスタマイズ:ヘッダーに任意の画像を挿入する
2022/8/14
該当ファイル lib > html-forms.php > generate_the_site_logo_tag 変更前 $logo_before_tag = '<'.$tag.' ...
-
-
Angular in-memory-web-api を使う
2019/9/27
Angular が提供している in memory web api の使い方を紹介します。 アプリケーションを開発する際に、サーバー側で REST API を用意するほどではないモックアップ作成時に便 ...
-
-
IE11 で Angular プロジェクトを実行するための polyfills
2019/8/28
よく調べるので備忘録として残しておきます。 /** IE10 and IE11 requires the following for NgClass support on SVG elements * ...
-
-
Visual Studio Code のタイトルバーの外観変更
Visual Studio Code のタイトルバーの外観を、クラッシックなものに変更することができます。設定画面の Title Bar Style で 'native' を選択し、再起動で OK で ...
-
-
Azure FTP のユーザー名とパスワードの確認方法
Azure の App Service から、 デプロイ センター > 展開の資格情報 > アプリの資格情報 をたどると確認することができます。
-
-
Angular Firebase による Google アカウント認証(ログイン・ログアウト)の実装方法
2019/8/29
Angular アプリケーションで、Firebase にログイン・ログアウトの実装方法を紹介します。予め、Firebase が使えるようになっていることが前提になります。 準備として、Firebase ...
-
-
Angular モジュールの lazy loading (遅延読み込み)
2019/8/29
Angular ではルーティング時に呼び出すモジュールを、アプリケーション起動時ではなく、初回ルーティング時に読み込む仕組み(lazy loading, 遅延読み込み)が提供されています。 今回は l ...
-
-
Angular 開発環境の構築
2020/6/6
Angular での開発を始めるにあたり、次の4つをインストールする必要があります。 Node.js Node.js は次のサイトからダウンロードします。 「推奨版」をインストールします。 npm n ...
-
-
Angular - Visual Studio Code でのデバッグ実行
2019/8/29
Angular アプリケーションを Visual Studio Code 上でデバッグ実行する方法です。 Debugger for Chrome のインストール Debugger for Chrome ...
-
-
Angular Reactive Forms(リアクティブフォーム)の使い方
2022/8/13
Angular で提供されている Reactive Forms(リアクティブフォーム)の使い方を見てみましょう。 AppModule.ts Reactive Forms を利用するため、@angula ...
-
-
Angular HttpClient を利用した HTTP 通信
2022/8/13
Angular で HTTP 通信を行う際には、HttpClient を利用します。 設定内容 app.module.ts @angular/common/http にある HttpClientMod ...
-
-
Angular ngFor ディレクティブによる繰り返し処理
2019/8/29
Angular の ngFor ディレクティブを利用することで、HTML テンプレート上で繰り返し処理を行うことができます。 実装内容 app.component.ts 簡単な例として、items と ...
-
-
Angular CLI コマンドいろいろ
2019/8/29
Angular CLI では、便利なコマンドが多く用意されています。その中でもよく使われるコマンドを掲載します。 コンポーネントを生成するコマンド いろいろと省略すると、次のように書くことができます。 ...
-
-
Angular CLI ルーティング用ファイル付きのモジュールの作成
2019/8/29
Angualr CLI でモジュールを作成する際に利用するコマンドは ng generate module です。 更に --routing というパラメーターを加えることで、ルーティング用ファイルを ...
-
-
Angular CLI によるアプリケーションの作成とアプリケーションの実行(Hello World の表示)
2020/6/13
Angular では CLI(Command Line Interface) が用意されており、CLI コマンドを利用することで素早くアプリケーションの作成やアプリケーションの実行などを行うことができ ...
-
-
Angular ngOnChanges イベント
2020/6/13
Angular のイベントライフサイクルフックのうち、ngOnChanges イベントについて見ていきます。 ngOnChanges イベントは、コンポーネントの Input プロパティが設定(再設定 ...
-
-
JavaScript String.includes メソッド
2019/8/28
JavaScript の String.includes メソッドを利用することで、文字列に任意の文字列が含まれているかを判定することができます。ES2015 から提供されています。例えば、次のように ...