admin

Angular

Angular 8 のプロジェクトを IE11 で実行・表示する

2019/9/5  

Angular 7 までは、polyfill を使うことで IE11 でも Angular アプリケーションを実行することができました。ただし、Angular 8 では、Angular 7 と同じよう ...

Angular

Angular CLI: Angular 7 から Angular 8 へバージョンアップする方法

2019/8/28  

まず、次のコマンドで既存の Angular CLI をアンインストールします。 続いて、キャッシュをクリア(クリーン)します。 最後に、Angular CLI をインストールします。 インストールが終 ...

jQuery

jQuery - window オブジェクトに登録されているイベントを取得する方法

2019/8/28  

次の実装で、window オブジェクトに登録されているイベントを取得することができます。 $._data(window, 'events') $._data() の第一引数には検証対象の要素を指定しま ...

WordPress

WordPress Cocoon テンプレートカスタマイズ:ヘッダーに任意の画像を挿入する

2022/8/14  

該当ファイル lib > html-forms.php > generate_the_site_logo_tag 変更前 $logo_before_tag = '<'.$tag.' ...

Angular

Angular in-memory-web-api を使う

2019/9/27  

Angular が提供している in memory web api の使い方を紹介します。 アプリケーションを開発する際に、サーバー側で REST API を用意するほどではないモックアップ作成時に便 ...

Angular

IE11 で Angular プロジェクトを実行するための polyfills

2019/8/28  

よく調べるので備忘録として残しておきます。 /** IE10 and IE11 requires the following for NgClass support on SVG elements * ...

Visual Studio Code

Visual Studio Code のタイトルバーの外観変更

 

Visual Studio Code のタイトルバーの外観を、クラッシックなものに変更することができます。設定画面の Title Bar Style で 'native' を選択し、再起動で OK で ...

no image

Azure

Azure FTP のユーザー名とパスワードの確認方法

 

Azure の App Service から、 デプロイ センター > 展開の資格情報 > アプリの資格情報 をたどると確認することができます。

Angular

Angular Firebase による Google アカウント認証(ログイン・ログアウト)の実装方法

2019/8/29  

Angular アプリケーションで、Firebase にログイン・ログアウトの実装方法を紹介します。予め、Firebase が使えるようになっていることが前提になります。 準備として、Firebase ...

Angular

Angular モジュールの lazy loading (遅延読み込み)

2019/8/29  

Angular ではルーティング時に呼び出すモジュールを、アプリケーション起動時ではなく、初回ルーティング時に読み込む仕組み(lazy loading, 遅延読み込み)が提供されています。 今回は l ...

Angular

Angular 開発環境の構築

2020/6/6  

Angular での開発を始めるにあたり、次の4つをインストールする必要があります。 Node.js Node.js は次のサイトからダウンロードします。 「推奨版」をインストールします。 npm n ...

Angular

Angular - Visual Studio Code でのデバッグ実行

2019/8/29  

Angular アプリケーションを Visual Studio Code 上でデバッグ実行する方法です。 Debugger for Chrome のインストール Debugger for Chrome ...

Angular

Angular Reactive Forms(リアクティブフォーム)の使い方

2022/8/13  

Angular で提供されている Reactive Forms(リアクティブフォーム)の使い方を見てみましょう。 AppModule.ts Reactive Forms を利用するため、@angula ...

Angular

Angular HttpClient を利用した HTTP 通信

2022/8/13  

Angular で HTTP 通信を行う際には、HttpClient を利用します。 設定内容 app.module.ts @angular/common/http にある HttpClientMod ...

Angular

Angular ngFor ディレクティブによる繰り返し処理

2019/8/29  

Angular の ngFor ディレクティブを利用することで、HTML テンプレート上で繰り返し処理を行うことができます。 実装内容 app.component.ts 簡単な例として、items と ...

Angular

Angular CLI コマンドいろいろ

2019/8/29  

Angular CLI では、便利なコマンドが多く用意されています。その中でもよく使われるコマンドを掲載します。 コンポーネントを生成するコマンド いろいろと省略すると、次のように書くことができます。 ...

Angular

Angular CLI ルーティング用ファイル付きのモジュールの作成

2019/8/29  

Angualr CLI でモジュールを作成する際に利用するコマンドは ng generate module です。 更に --routing というパラメーターを加えることで、ルーティング用ファイルを ...

Angular

Angular CLI によるアプリケーションの作成とアプリケーションの実行(Hello World の表示)

2020/6/13  

Angular では CLI(Command Line Interface) が用意されており、CLI コマンドを利用することで素早くアプリケーションの作成やアプリケーションの実行などを行うことができ ...

Angular

Angular ngOnChanges イベント

2020/6/13  

Angular のイベントライフサイクルフックのうち、ngOnChanges イベントについて見ていきます。 ngOnChanges イベントは、コンポーネントの Input プロパティが設定(再設定 ...

JavaScript

JavaScript String.includes メソッド

2019/8/28  

JavaScript の String.includes メソッドを利用することで、文字列に任意の文字列が含まれているかを判定することができます。ES2015 から提供されています。例えば、次のように ...