PHPで次画面に遷移する方法
TypeScript のconst とreadonly の違い
TypeScript のconst とreadonly の違い TypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。 インターフェースを宣言してみます。 interface aa...
node.js でJSONを返すWebAPI モックを作成する方法
node.js でJSONを返すWebAPI モックを作成する方法 json-server というモジュールをインストールして、JSONを返すWebAPIモックを作成することができます。 npm install -g json-server...
TypeScript のジェネクリック型
TypeScript のジェネクリック型 JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。 慣例として大文字1文字ですが、別に2文字でもかまいません。 このTとかを型パラメータと呼びます。で...
Angular のサービスクラスの作り方
Angular のサービスクラスの作り方 コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。 Angular のサービスクラスの特徴として、@Injec...
Alfresco の使い方
Alfresco の使い方 Alfresco は詳細設計書などのようなドキュメント管理に適したドキュメント管理ツールです。 SVN などと同じようにユーザを作成していきます。 ユーザを作成できるのはシステム管理者のみです。 ユーザ作成する ...
Angular でFont Awesome を使ってみる
Angular でFont Awesome を使ってみる Font Awesomeは、アイコンを文字として扱うことを可能にしたツールです。 簡単におしゃれなアイコンを表示することができます。 Font AwesomeのCDNです。 現時点(...
TypeScript のkeyof キーワードの使い方
TypeScript のkeyof キーワードの使い方 keyof インターフェースで以下のようなtypeを作成できます。 interface Aaa { name: string; age: number; } type Emp = ke...
Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
TypeScript のtype とinterface の違い
TypeScript のtype とinterface の違い typeとinterfaceの違いが判らなかったので試してみました。 type type str = string; // stringの別名 let a: str = 'ai...
日時を扱うmoment.js
moment.jsは日付を扱うライブラリです。フォーマット・差分・演算などの機能があります。 環境 項目 バージョン node 9.11.1 moment.js 2.22.1 インストール npm install --save moment...
Angular で複数コンポーネントを連携する
Angular で複数コンポーネントを連携する Angular でコンポーネントとコンポーネントを連携する方法です。 abcとdefというコンポーネントを作成して実際に連携させてみます。 コンポーネント間の連携ではclassを定義しておくこ...
Angular の標準のパイプ機能の使い方
Angular の標準のパイプ機能の使い方 Angular にはパイプというビュー上の変数を加工(整形)する機能です。 例えば姓名が格納されている変数の末尾に「様」をつける、などがパイプを使って加工する機能例になります。 記述例は以下の通り...
Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する
Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。 tsconfig....
Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法
Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法 ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。 ファイル名 コンポーネント名....
Angular のngFor ディレクティブの使い方
Angular のngFor ディレクティブの使い方 AngularにはngForディレクティブというディレクティブが標準で用意されています。 for文でループする機能です。記述方法は以下の通りです。 <xxx *ngFor='let 仮引...
HttpClientのAxiosの使い方
HttpClientのAxiosの使い方
Angular のngIf ディレクティブの使い方
Angular のngIf ディレクティブの使い方
Angularのデータバインディングという仕組み
Angularのデータバインディングという仕組み
Angular で初期化時にTitleサービスを使用してタイトルを設定する – ngOnInit
Angular で初期化時にTitleサービスを使用してタイトルを設定する
ASCiiDocでincludeが使えない
ASCiiDocでincludeが使えない こんにちは東です。 今回はACiiDocについて書いてみようと思います。 タイトルにも書いていますが、ASCiiDocの魅力の一つとして、別ファイルの読み込みをおこない、ページに表示することができ...
AWS SDKを用いた、サポート履歴の永続化
AWS SDKを用いた、サポート履歴の永続化 こんにちは東です。 今回はAWSサポートとのやり取りを、AWS SDKを利用して永続化させるまでを描きたいと思います。 サポートとのやり取りはAWS SDKを利用すれば簡単に取得できます。 参考...
CloudFormation カスタムAMI作成時の注意点
CloudFormation カスタムAMI作成時の注意点 初めまして東です。 今回が初めての投稿です。お手柔らかにお願いします。 記念すべき第一回目の投稿は、AWSのリソース「CloudFormation」「OpsWorks」を使ったイン...
Tomcatのsetenv.shにCATALINA_OPTSを設定する方法
Tomcatのsetenv.shにCATALINA_OPTSを設定する方法
Angularにngx-bootstrapをインストールする方法
Angularにngx-bootstrapをインストールする方法 ngx-bootstrapをインストールして、Angular6で使用する方法です。 npm install ngx-bootstrap --save ngx-bootstra...
node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う
node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う npmでインストールしたパッケージの現在のバージョンと最新バージョンを調べることが出来、さらに最新バージョンにできるパッケージです。 npm i...
保険料の全期前納とは
保険料の全期前納とは 保険料の全期前納とは、たとえば20年支払うとして、その全額を一旦保険会社に預け、毎月の支払期日に支払う形式を全期前納と言います。 メリットは色々あるようですが 保険料が安くなる 解約時に未払い分の保険料が全て戻ってくる...
AngularとTypeScriptでSPAを作成する
AngularとTypeScriptでSPAを作成する 前提 項目 バージョン OS Windows10 node v18.16.0 VS Codeが「VS Live Share」なんて便利なものを出してきたのでペアプログラミングができるし...
tslint + prettier を設定
TypeScript の linter の tslint と、Formatter の prettier を組み合わせて使用する方法について記載します。 モジュールインストール 対象モジュール モジュール バージョン 説明 tslint 5....
TypeScript入門と基礎と使い方
TypeScript入門と基礎と使い方 node.jsでTypeScriptの基礎を勉強します。 nodistはインストールされているものとします。インストール方法は「nodistをインストールする」を参照ください。 プロジェクトを作成する...
SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう
SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう SpringMVCはマッピングをアノテーションで実現することによって、Strutsのようにstruts-config....
Webアプリのソースを表示する方法
Webアプリのソースを表示する方法 IE11でWebアプリ作ってて、右クリック無効、Alt + F4無効、F12が無効にされていました。 ちょっとJSPがはきだすHTMLソースが見たかったので、こういうときは Ctrl + u でソースの表...
AWS Lambdaはステートレスにする
AWS Lambdaはステートレスにする AWS Lambdaで/tmpが一時的に使えます。詳細は「AWS Lambdaでは一時的に/tmp/ディレクトリが使用できる」を参照ください。 今回LambdaAともう一つのLambdaBで/tmp...
VSCode で VS Live Share を試す
Microsoft がVS Live Shareを public preview で公開しています。 VS Live Shareは複数人で1つのコードを編集することが可能となります。 今回は、VSCodeでこの機能を使用してみたいと思います...
AWS Shieldの料金は恐ろしいほど高いので気をつけましょう
AWS Shieldの料金は恐ろしいほど高いので気をつけましょう たった1ヶ月で3,000USDかかります、、。うっかり勉強ばかりしてたらすごい請求が来ました。 さっさと削除削除。
AWS Node v4.3終了です
AWS Node v4.3終了です Node.js v4.3ランタイムを使用した新規の関数作成は2018年7月31日まで、既存の関数の更新は2018年10月31日までとなります。 EOLとは EOLとは、End Of Lifeで、「寿命」で...
SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い
SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い 正直どれでもよい。と思う。一般的にはリクエストをコントロールするクラスには@Controllerアノテーションをつけます。 S...
保険契約申込書(保険申込書)とは
保険契約申込書(保険申込書)とは 保険契約申込書とは、保険設計書を見て保険契約を締結した保険契約者が署名して保険会社に提出する書類のことを言います。 保険契約者、代理店などはその控えを保管します。
AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す
AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す Cognitoで認証した後に認可しているAPI GatewayにユーザIDを渡したい場合があるかも知れません。でもないかもしれません。 とりあえず渡す方法...
SpringMVCのweb.xmlのタグを削除したらどうなるか
SpringMVCのweb.xmlの<init-param>タグを削除したらどうなるか デフォルトではSpringMVCのweb.xmlは以下のようになっているかと思います。 <!-- Processes application reque...
保険設計書とは
保険設計書とは ご契約者ごとの保険プランを記載した冊子のことを言います。 こんなイメージです。
SpringMVCのコントローラの戻り値
SpringMVCのコントローラの戻り値 ContorollerからView(jspとかhtmlとか)へ戻り値を戻していますが、これが何を表しているかというとファイル名になります。(String型の場合) @RequestMapping(v...
SpringMVCのコンテキストルートを変更する方法
SpringMVCのコンテキストルートを変更する方法
SpringのBeanにおける@Scopeアノテーション
SpringのBeanにおける@Scopeアノテーション
AWS CloudWatchログをLambdaでS3にエクスポートする
AWS CloudWatchログをLambdaでS3にエクスポートする AWS CloudWatchログをLambdaでS3にエクスポートしてみたいと思います。 このLambdaはCloudWatchEventで日次で動かし、その日の範囲の...
VSCode+ComposerでPHPUnit9.0を使う
VSCode+ComposerでPHPUnit9.0を使う
AWS S3の期限付きURLを作成し、S3にあるファイルをダウンロードする
AWS S3の期限付きURLを作成し、S3にあるファイルをダウンロードする
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のバージョンによってnpxが使えなかったりします。 そんな時にnpm自体のバージョンアップをnpmコマンドで行います。 $ npm -v 4.0.5 $ npm install -g n...
AWS Lambda(Python3.6)からDynamoDBのデータを検索する
AWS Lambda(Python3.6)からDynamoDBのデータを検索する AWS Lambda(Python3.6)からDynamoDBのデータを検索してみます。 「AWS Lambda(Python3.6)からDynamoDBにデ...