2018-05

Angular

Angular のObservable とSubject でRxJSの仕組みを理解する

Angular のObservable とSubject でRxJSの仕組みを理解する RxJSを使って簡単なデータの受け渡しをします。 まずコンポーネントを作成します。 ng generate component abc ちなみに...
Angular

Angular の@Output の使い方

Angular の@Output の使い方 @Inputの使い方は理解しやすいですが、@Outputの使い方は理解するのが少し難しい気がします。 コンポーネントとコンポーネントの連携ではなく、コンポーネントの中にコンポーネントが存在する...
Angular

Angular のtrigger 関数でアニメーションを実装する方法

Angular のtrigger 関数でアニメーションを実装する方法 trrigerをインポートしてアニメーションを実装しますが、app.module.tsファイルにBrowserAnimationsModuleをインポートする必要があり...
TypeScript

TypeScript の(this as any)の意味

TypeScript の(this as any)の意味
TypeScript

TypeScript のconst とreadonly の違い

TypeScript のconst とreadonly の違い TypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。 インターフェースを宣言してみます。 interface...
node.js

node.js でJSONを返すWebAPI モックを作成する方法

node.js でJSONを返すWebAPI モックを作成する方法 json-server というモジュールをインストールして、JSONを返すWebAPIモックを作成することができます。 npm install -g json-serv...
TypeScript

TypeScript のジェネクリック型

TypeScript のジェネクリック型 JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。 慣例として大文字1文字ですが、別に2文字でもかまいません。 このTとかを型パラメータと呼びま...
Angular

Angular のサービスクラスの作り方

Angular のサービスクラスの作り方 コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。 Angular のサービスクラスの特徴として、@Inj...
Alfresco

Alfresco の使い方

Alfresco の使い方 Alfresco は詳細設計書などのようなドキュメント管理に適したドキュメント管理ツールです。 SVN などと同じようにユーザを作成していきます。 ユーザを作成できるのはシステム管理者のみです。 ユーザ作...
Font Awesome

Angular でFont Awesome を使ってみる

Angular でFont Awesome を使ってみる Font Awesomeは、アイコンを文字として扱うことを可能にしたツールです。 簡単におしゃれなアイコンを表示することができます。 Font AwesomeのCDNです。 ...
TypeScript

TypeScript のkeyof キーワードの使い方

TypeScript のkeyof キーワードの使い方 keyof インターフェースで以下のようなtypeを作成できます。 interface Aaa { name: string; age: number; } type Em...
JPA

Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法

Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
TypeScript

TypeScript のtype とinterface の違い

TypeScript のtype とinterface の違い typeとinterfaceの違いが判らなかったので試してみました。 type type str = string; // stringの別名 let a: str = ...
JavaScript

日時を扱うmoment.js

moment.jsは日付を扱うライブラリです。フォーマット・差分・演算などの機能があります。 環境 項目 バージョン node 9.11.1 moment.js 2.22.1 インストー...
Angular

Angular で複数コンポーネントを連携する

Angular で複数コンポーネントを連携する Angular でコンポーネントとコンポーネントを連携する方法です。 abcとdefというコンポーネントを作成して実際に連携させてみます。 コンポーネント間の連携ではclassを定義して...
Angular

Angular の標準のパイプ機能の使い方

Angular の標準のパイプ機能の使い方 Angular にはパイプというビュー上の変数を加工(整形)する機能です。 例えば姓名が格納されている変数の末尾に「様」をつける、などがパイプを使って加工する機能例になります。 記述例は以下...
Angular

Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する

Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。 tsconfi...
プロジェクト

プロジェクトが遅延している時の対処法

プロジェクトが遅延している時の対処法 プロジェクトが遅延してしまったと気づいたときは時すでに遅し、です。 が、どうしても納期があるので人海戦術でもして納期を守ろうとしてしまいます。 結果はブルックスの法則のとおり、さらに遅延してしまい...
Angular

Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法

Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法 ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。 ファイル名 ...
Angular

Angular のngFor ディレクティブの使い方

Angular のngFor ディレクティブの使い方 AngularにはngForディレクティブというディレクティブが標準で用意されています。 for文でループする機能です。記述方法は以下の通りです。 <xxx *ngFor='...
axios.js

HttpClientのAxiosの使い方

HttpClientのAxiosの使い方
Angular

Angular のngIf ディレクティブの使い方

Angular のngIf ディレクティブの使い方
Angular

Angularのデータバインディングという仕組み

Angularのデータバインディングという仕組み
Angular

Angular で初期化時にTitleサービスを使用してタイトルを設定する

Angular で初期化時にTitleサービスを使用してタイトルを設定する
AsciiDoc

ASCiiDocでincludeが使えない

ASCiiDocでincludeが使えない こんにちは東です。 今回はACiiDocについて書いてみようと思います。 タイトルにも書いていますが、ASCiiDocの魅力の一つとして、別ファイルの読み込みをおこない、ページに表示することが...
AWS

AWS SDKを用いた、サポート履歴の永続化

AWS SDKを用いた、サポート履歴の永続化 こんにちは東です。 今回はAWSサポートとのやり取りを、AWS SDKを利用して永続化させるまでを描きたいと思います。 サポートとのやり取りはAWS SDKを利用すれば簡単に取得できます。...
AWS

CloudFormation カスタムAMI作成時の注意点

CloudFormation カスタムAMI作成時の注意点 初めまして東です。 今回が初めての投稿です。お手柔らかにお願いします。 記念すべき第一回目の投稿は、AWSのリソース「CloudFormation」「OpsWorks」を...
Tomcat

Tomcatのsetenv.shにCATALINA_OPTSを設定する方法

Tomcatのsetenv.shにCATALINA_OPTSを設定する方法
Angular

Angularにngx-bootstrapをインストールする方法

Angularにngx-bootstrapをインストールする方法 ngx-bootstrapをインストールして、Angular6で使用する方法です。 npm install ngx-bootstrap --save ngx-boots...
node.js

node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う

node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う npmでインストールしたパッケージの現在のバージョンと最新バージョンを調べることが出来、さらに最新バージョンにできるパッケージです。 npm...
保険用語

保険料の全期前納とは

保険料の全期前納とは 保険料の全期前納とは、たとえば20年支払うとして、その全額を一旦保険会社に預け、毎月の支払期日に支払う形式を全期前納と言います。 メリットは色々あるようですが 保険料が安くなる 解約時に未払い分...
Angular

AngularとTypeScriptでSPAを作成する

AngularとTypeScriptでSPAを作成する VS Codeが「VS Live Share」なんて便利なものを出してきたのでペアプログラミングができるし、エディタはVS Codeを使いましょう。 nodeはnodistでとりえ...
TypeScript

tslint + prettier を設定

TypeScript の linter の tslint と、Formatter の prettier を組み合わせて使用する方法について記載します。 モジュールインストール 対象モジュール モジュール バージョン ...
TypeScript

TypeScript入門と基礎と使い方

TypeScript入門と基礎と使い方 node.jsでTypeScriptの基礎を勉強します。 nodistはインストールされているものとします。インストール方法は「nodistをインストールする」を参照ください。 プロジェクトを作...
spring

SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう

SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう SpringMVCはマッピングをアノテーションで実現することによって、Strutsのようにstruts-config...
IE

Webアプリのソースを表示する方法

Webアプリのソースを表示する方法 IE11でWebアプリ作ってて、右クリック無効、Alt + F4無効、F12が無効にされていました。 ちょっとJSPがはきだすHTMLソースが見たかったので、こういうときは Ctrl + u でソ...
AWS

AWS Lambdaはステートレスにする

AWS Lambdaはステートレスにする AWS Lambdaで/tmpが一時的に使えます。詳細は「AWS Lambdaでは一時的に/tmp/ディレクトリが使用できる」を参照ください。 今回LambdaAともう一つのLambdaBで/t...
Visual Studio Code

VSCode で VS Live Share を試す

Microsoft がVS Live Shareを public preview で公開しています。 VS Live Shareは複数人で1つのコードを編集することが可能となります。 今回は、VSCodeでこの機能を使用してみたいと思います...
AWS

AWS Shieldの料金は恐ろしいほど高いので気をつけましょう

AWS Shieldの料金は恐ろしいほど高いので気をつけましょう たった1ヶ月で3,000USDかかります、、。うっかり勉強ばかりしてたらすごい請求が来ました。 さっさと削除削除。
AWS

AWS Node v4.3終了です

AWS Node v4.3終了です Node.js v4.3ランタイムを使用した新規の関数作成は2018年7月31日まで、既存の関数の更新は2018年10月31日までとなります。 EOLとは EOLとは、End Of Lifeで、「寿...
spring

SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い

SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い 正直どれでもよい。と思う。一般的にはリクエストをコントロールするクラスには@Controllerアノテーションをつけます。 ...
保険用語

保険契約申込書(保険申込書)とは

保険契約申込書(保険申込書)とは 保険契約申込書とは、保険設計書を見て保険契約を締結した保険契約者が署名して保険会社に提出する書類のことを言います。 保険契約者、代理店などはその控えを保管します。
API Gateway

AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す

AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す Cognitoで認証した後に認可しているAPI GatewayにユーザIDを渡したい場合があるかも知れません。でもないかもしれません。 とりあえず渡す...
spring

SpringMVCのweb.xmlのタグを削除したらどうなるか

SpringMVCのweb.xmlの<init-param>タグを削除したらどうなるか デフォルトではSpringMVCのweb.xmlは以下のようになっているかと思います。 <!-- Processes applic...
保険用語

保険設計書とは

保険設計書とは ご契約者ごとの保険プランを記載した冊子のことを言います。 こんなイメージです。
タイトルとURLをコピーしました