AngularAngular のObservable とSubject でRxJSの仕組みを理解する Angular のObservable とSubject でRxJSの仕組みを理解する RxJSを使って簡単なデータの受け渡しをします。 まずコンポーネントを作成します。 ng generate component abc ちなみに...2018.05.31Angular
AngularAngular の@Output の使い方 Angular の@Output の使い方 @Inputの使い方は理解しやすいですが、@Outputの使い方は理解するのが少し難しい気がします。 コンポーネントとコンポーネントの連携ではなく、コンポーネントの中にコンポーネントが存在する...2018.05.30Angular
AngularAngular のtrigger 関数でアニメーションを実装する方法 Angular のtrigger 関数でアニメーションを実装する方法 trrigerをインポートしてアニメーションを実装しますが、app.module.tsファイルにBrowserAnimationsModuleをインポートする必要があり...2018.05.30Angular
TypeScriptTypeScript のconst とreadonly の違い TypeScript のconst とreadonly の違い TypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。 インターフェースを宣言してみます。 interface...2018.05.29TypeScript
node.jsnode.js でJSONを返すWebAPI モックを作成する方法 node.js でJSONを返すWebAPI モックを作成する方法 json-server というモジュールをインストールして、JSONを返すWebAPIモックを作成することができます。 npm install -g json-serv...2018.05.29node.jsnpm
TypeScriptTypeScript のジェネクリック型 TypeScript のジェネクリック型 JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。 慣例として大文字1文字ですが、別に2文字でもかまいません。 このTとかを型パラメータと呼びま...2018.05.29TypeScript
AngularAngular のサービスクラスの作り方 Angular のサービスクラスの作り方 コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。 Angular のサービスクラスの特徴として、@Inj...2018.05.28Angular
AlfrescoAlfresco の使い方 Alfresco の使い方 Alfresco は詳細設計書などのようなドキュメント管理に適したドキュメント管理ツールです。 SVN などと同じようにユーザを作成していきます。 ユーザを作成できるのはシステム管理者のみです。 ユーザ作...2018.05.28Alfresco
Font AwesomeAngular でFont Awesome を使ってみる Angular でFont Awesome を使ってみる Font Awesomeは、アイコンを文字として扱うことを可能にしたツールです。 簡単におしゃれなアイコンを表示することができます。 Font AwesomeのCDNです。 ...2018.05.28Font Awesome
TypeScriptTypeScript のkeyof キーワードの使い方 TypeScript のkeyof キーワードの使い方 keyof インターフェースで以下のようなtypeを作成できます。 interface Aaa { name: string; age: number; } type Em...2018.05.27TypeScript
JPASpring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法 Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法2018.05.26JPAspring boot
TypeScriptTypeScript のtype とinterface の違い TypeScript のtype とinterface の違い typeとinterfaceの違いが判らなかったので試してみました。 type type str = string; // stringの別名 let a: str = ...2018.05.26TypeScript
JavaScript日時を扱うmoment.js moment.jsは日付を扱うライブラリです。フォーマット・差分・演算などの機能があります。 環境 項目 バージョン node 9.11.1 moment.js 2.22.1 インストー...2018.05.26JavaScriptnode.js
AngularAngular で複数コンポーネントを連携する Angular で複数コンポーネントを連携する Angular でコンポーネントとコンポーネントを連携する方法です。 abcとdefというコンポーネントを作成して実際に連携させてみます。 コンポーネント間の連携ではclassを定義して...2018.05.25Angular
AngularAngular の標準のパイプ機能の使い方 Angular の標準のパイプ機能の使い方 Angular にはパイプというビュー上の変数を加工(整形)する機能です。 例えば姓名が格納されている変数の末尾に「様」をつける、などがパイプを使って加工する機能例になります。 記述例は以下...2018.05.25Angular
AngularAngular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。 tsconfi...2018.05.24AngularTypeScript
プロジェクトプロジェクトが遅延している時の対処法 プロジェクトが遅延している時の対処法 プロジェクトが遅延してしまったと気づいたときは時すでに遅し、です。 が、どうしても納期があるので人海戦術でもして納期を守ろうとしてしまいます。 結果はブルックスの法則のとおり、さらに遅延してしまい...2018.05.24プロジェクト
AngularAngular でコンポーネントのスタイルシートをcssからstylusに変更する方法 Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法 ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。 ファイル名 ...2018.05.24Angular
AngularAngular のngFor ディレクティブの使い方 Angular のngFor ディレクティブの使い方 AngularにはngForディレクティブというディレクティブが標準で用意されています。 for文でループする機能です。記述方法は以下の通りです。 <xxx *ngFor='...2018.05.23Angular
AsciiDocASCiiDocでincludeが使えない ASCiiDocでincludeが使えない こんにちは東です。 今回はACiiDocについて書いてみようと思います。 タイトルにも書いていますが、ASCiiDocの魅力の一つとして、別ファイルの読み込みをおこない、ページに表示することが...2018.05.18AsciiDoc
AWSAWS SDKを用いた、サポート履歴の永続化 AWS SDKを用いた、サポート履歴の永続化 こんにちは東です。 今回はAWSサポートとのやり取りを、AWS SDKを利用して永続化させるまでを描きたいと思います。 サポートとのやり取りはAWS SDKを利用すれば簡単に取得できます。...2018.05.18AWS
AWSCloudFormation カスタムAMI作成時の注意点 CloudFormation カスタムAMI作成時の注意点 初めまして東です。 今回が初めての投稿です。お手柔らかにお願いします。 記念すべき第一回目の投稿は、AWSのリソース「CloudFormation」「OpsWorks」を...2018.05.18AWSCloudFormationOpsWorks
AngularAngularにngx-bootstrapをインストールする方法 Angularにngx-bootstrapをインストールする方法 ngx-bootstrapをインストールして、Angular6で使用する方法です。 npm install ngx-bootstrap --save ngx-boots...2018.05.17Angular
node.jsnode.jsのパッケージを最新にするnpm-check-updatesをインストールして使う node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う npmでインストールしたパッケージの現在のバージョンと最新バージョンを調べることが出来、さらに最新バージョンにできるパッケージです。 npm...2018.05.16node.jsnpm
保険用語保険料の全期前納とは 保険料の全期前納とは 保険料の全期前納とは、たとえば20年支払うとして、その全額を一旦保険会社に預け、毎月の支払期日に支払う形式を全期前納と言います。 メリットは色々あるようですが 保険料が安くなる 解約時に未払い分...2018.05.15保険用語
AngularAngularとTypeScriptでSPAを作成する AngularとTypeScriptでSPAを作成する VS Codeが「VS Live Share」なんて便利なものを出してきたのでペアプログラミングができるし、エディタはVS Codeを使いましょう。 nodeはnodistでとりえ...2018.05.15Angular
TypeScripttslint + prettier を設定 TypeScript の linter の tslint と、Formatter の prettier を組み合わせて使用する方法について記載します。 モジュールインストール 対象モジュール モジュール バージョン ...2018.05.13TypeScript
TypeScriptTypeScript入門と基礎と使い方 TypeScript入門と基礎と使い方 node.jsでTypeScriptの基礎を勉強します。 nodistはインストールされているものとします。インストール方法は「nodistをインストールする」を参照ください。 プロジェクトを作...2018.05.11TypeScript
springSpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう SpringMVCはマッピングをアノテーションで実現することによって、Strutsのようにstruts-config...2018.05.09spring
IEWebアプリのソースを表示する方法 Webアプリのソースを表示する方法 IE11でWebアプリ作ってて、右クリック無効、Alt + F4無効、F12が無効にされていました。 ちょっとJSPがはきだすHTMLソースが見たかったので、こういうときは Ctrl + u でソ...2018.05.09IE
AWSAWS Lambdaはステートレスにする AWS Lambdaはステートレスにする AWS Lambdaで/tmpが一時的に使えます。詳細は「AWS Lambdaでは一時的に/tmp/ディレクトリが使用できる」を参照ください。 今回LambdaAともう一つのLambdaBで/t...2018.05.09AWSLambda
Visual Studio CodeVSCode で VS Live Share を試す Microsoft がVS Live Shareを public preview で公開しています。 VS Live Shareは複数人で1つのコードを編集することが可能となります。 今回は、VSCodeでこの機能を使用してみたいと思います...2018.05.08Visual Studio Code
AWSAWS Shieldの料金は恐ろしいほど高いので気をつけましょう AWS Shieldの料金は恐ろしいほど高いので気をつけましょう たった1ヶ月で3,000USDかかります、、。うっかり勉強ばかりしてたらすごい請求が来ました。 さっさと削除削除。2018.05.06AWSWAF
AWSAWS Node v4.3終了です AWS Node v4.3終了です Node.js v4.3ランタイムを使用した新規の関数作成は2018年7月31日まで、既存の関数の更新は2018年10月31日までとなります。 EOLとは EOLとは、End Of Lifeで、「寿...2018.05.05AWSLambda
springSpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い 正直どれでもよい。と思う。一般的にはリクエストをコントロールするクラスには@Controllerアノテーションをつけます。 ...2018.05.03spring
保険用語保険契約申込書(保険申込書)とは 保険契約申込書(保険申込書)とは 保険契約申込書とは、保険設計書を見て保険契約を締結した保険契約者が署名して保険会社に提出する書類のことを言います。 保険契約者、代理店などはその控えを保管します。2018.05.03保険用語
API GatewayAWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す Cognitoで認証した後に認可しているAPI GatewayにユーザIDを渡したい場合があるかも知れません。でもないかもしれません。 とりあえず渡す...2018.05.03API GatewayAWSCognitoLambda
springSpringMVCのweb.xmlのタグを削除したらどうなるか SpringMVCのweb.xmlの<init-param>タグを削除したらどうなるか デフォルトではSpringMVCのweb.xmlは以下のようになっているかと思います。 <!-- Processes applic...2018.05.01spring