TypeScript

TypeScript のconst とreadonly の違い

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

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

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

TypeScript のジェネクリック型

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

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

Angular のサービスクラスの作り方 コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。 Angular のサービスクラスの特徴として、@Injec...
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 Emp = ke...
JPA

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

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

TypeScript のtype とinterface の違い

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

日時を扱うmoment.js

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

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

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

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

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

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

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

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

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

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

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

HttpClientのAxiosの使い方

HttpClientのAxiosの使い方
Angular

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

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

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

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

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

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-bootstra...
node.js

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

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

保険料の全期前納とは

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

AngularとTypeScriptでSPAを作成する

AngularとTypeScriptでSPAを作成する 前提 項目 バージョン OS Windows10 node v18.16.0 VS Codeが「VS Live Share」なんて便利なものを出してきたのでペアプログラミングができるし...
TypeScript

tslint + prettier を設定

TypeScript の linter の tslint と、Formatter の prettier を組み合わせて使用する方法について記載します。 モジュールインストール 対象モジュール モジュール バージョン 説明 tslint 5....
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 でソースの表...
Lambda

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

AWS Lambdaはステートレスにする AWS Lambdaで/tmpが一時的に使えます。詳細は「AWS Lambdaでは一時的に/tmp/ディレクトリが使用できる」を参照ください。 今回LambdaAともう一つのLambdaBで/tmp...
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かかります、、。うっかり勉強ばかりしてたらすごい請求が来ました。 さっさと削除削除。
Lambda

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アノテーションをつけます。 S...
保険用語

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

保険契約申込書(保険申込書)とは 保険契約申込書とは、保険設計書を見て保険契約を締結した保険契約者が署名して保険会社に提出する書類のことを言います。 保険契約者、代理店などはその控えを保管します。
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 application reque...
保険用語

保険設計書とは

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

SpringMVCのコントローラの戻り値

SpringMVCのコントローラの戻り値 ContorollerからView(jspとかhtmlとか)へ戻り値を戻していますが、これが何を表しているかというとファイル名になります。(String型の場合) @RequestMapping(v...
spring

SpringMVCのコンテキストルートを変更する方法

SpringMVCのコンテキストルートを変更する方法
spring

SpringのBeanにおける@Scopeアノテーション

SpringのBeanにおける@Scopeアノテーション
AWS

AWS CloudWatchログをLambdaでS3にエクスポートする

AWS CloudWatchログをLambdaでS3にエクスポートする AWS CloudWatchログをLambdaでS3にエクスポートしてみたいと思います。 このLambdaはCloudWatchEventで日次で動かし、その日の範囲の...
PHPUnit

VSCode+ComposerでPHPUnit9.0を使う

VSCode+ComposerでPHPUnit9.0を使う
AWS

AWS S3の期限付きURLを作成し、S3にあるファイルをダウンロードする

AWS S3の期限付きURLを作成し、S3にあるファイルをダウンロードする
AWS

AWS SNSは管理者や運用者宛のPUB/SUBだと思います

AWS SNSは管理者や運用者宛のPUB/SUBだと思います 最近調べものばかりしているから独自ドメインでサービスを作成しようかと思ったんです。 で、SNSでサービス利用者にメール送信しようと思ったのですが、問題がありました。 SNSでメー...
コトバンク

Phalcon3のマイクロアプリケーションでDBアップデートできるAPIを作成する

Phalcon3のマイクロアプリケーションでDBアップデートできるAPIを作成する 今回はPUTメソッドでレコードの更新をAPIで作成してみます。 models\Empuser.phpは一旦以下のようにします。 PUTでリクエストボディを渡...
npm

npm自体のアップデートをnpmコマンドでする

npm自体のアップデートをnpmコマンドでする npmのバージョンによってnpxが使えなかったりします。 そんな時にnpm自体のバージョンアップをnpmコマンドで行います。 $ npm -v 4.0.5 $ npm install -g n...
AWS

AWS Lambda(Python3.6)からDynamoDBのデータを検索する

AWS Lambda(Python3.6)からDynamoDBのデータを検索する AWS Lambda(Python3.6)からDynamoDBのデータを検索してみます。 「AWS Lambda(Python3.6)からDynamoDBにデ...